@font-face {
  font-family: Cairo Variablefont Slnt Wght;
  src: url('../fonts/') format("truetype");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DM Sans;
  src: url('../fonts/') format("truetype");
  font-weight: 100 1000;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: DM Sans;
  src: url('../fonts/') format("truetype");
  font-weight: 100 1000;
  font-style: normal;
  font-display: auto;
}

:root {
  --logo-blue: #1b325f;
  --logo-green: #1a8922;
  --footer-height: 200px;
}

.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-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-userformheader {
  text-align: center;
}

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

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

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

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

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

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

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

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100dvh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100dvh;
  padding: 20px;
}

.w-users-blockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-users-blockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 20px;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

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

@media screen and (max-width: 767px) {

  .content-main-wrap.blog-post.for-ar .article-button.more-artilcles.demo, .inner-content.for-privacy-policy.for-ar .heading.blog, .inner-content.for-privacy-policy.for-ar .blog-author, .for-ar .social-share-wrap .card-button {
    margin-left: auto;
    margin-right: 0;
}
  .w-layout-blockcontainer {
    max-width: none;
  }
  
}

body {
  color: #333;
  font-family: DM Sans,sans-serifArial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.nav-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.nav-wrapper.for-ar {
  flex-direction: row-reverse;
}

.paragraph-69 {
  color: #fff;
  letter-spacing: 5px;
  font-family: 'Dmsans', sans-serif;
  font-size: 16px;
  line-height: 50px;
  position: relative;
}

.paragraph-69.for-ar {
  direction: rtl;
  text-align: right;
  letter-spacing: 0;
  font-family: Cairo;
  font-size: 32px;
  position: relative;
}

.language-trigger {
  cursor: pointer;
  justify-content: flex-end;
  margin-left: 0;
  display: flex;
}

.header-title {
  object-fit: fill;
  flex-direction: column;
  flex: none;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-start;
  width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  display: flex;
  overflow: visible;
}

.header-title.for-ar {
  align-items: flex-end;
}

.header-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  height: 80%;
  display: flex;
  position: relative;
}

.background-video {
  object-fit: fill;
  object-position: 50% 50%;
  width: auto;
  height: auto;
  min-height: 720px;
  overflow: hidden;
}

.background-video.main-header {
  background-color: #00000073;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100dvh;
  display: flex;
  position: relative;
}

.nav-lang {
  z-index: 98;
  flex: 0 auto;
  align-self: auto;
  display: flex;
  position: relative;
}

.nav-lang.for-ar {
  flex-direction: row-reverse;
}

.nav-trigger {
  cursor: pointer;
}

.stroked-txt {
  font-family: DM Sans, Impact, sans-serif;
  font-size: 45px;
  line-height: 50px;
  position: relative;
}

.stroked-txt.for-ar {
  direction: rtl;
  color: #fff;
  text-align: right;
  margin-top: 0;
  font-family: Cairo;
  font-size: 50px;
  line-height: 60px;
  position: relative;
}

.stroked-txt.no-stroke {
  color: #fff;
  line-height: 55px;
}

.body {
  font-family: DM Sans, Impact, sans-serif;
}

.scroll-down {
  color: #fff;
  text-transform: capitalize;
  justify-content: flex-start;
  align-items: center;
  font-family: DM Sans, sans-serif;
  display: flex;
}

.scroll-down.for-inner-header {
  position: relative;
}

.scroll-down.for-ar {
  direction: rtl;
  text-align: right;
  justify-content: flex-end;
  padding-left: 20px;
  padding-right: 0;
  font-family: Cairo;
  font-size: 22px;
}

.down-arrow {
  justify-content: center;
  align-items: center;
  width: 75%;
  height: 75%;
  margin: auto;
  display: flex;
  position: absolute;
  left: auto;
}

.down-arrow.head-scr {
  width: 45px;
  margin-top: 13px;
  margin-right: 0;
  right: 0;
}

.down-arrow.head-scr.for-ar {
  margin-left: 0;
  margin-right: auto;
  left: 0;
  right: auto;
}

.custom-cta {
  color: #1b325f;
  font-family: DM Sans, sans-serif;
}

.custom-cta.resource-button {
  color: #23286b;
  text-transform: capitalize;
}

.custom-cta.for-inner-sec.branches {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 200px;
  margin-top: 50px;
  margin-bottom: 50px;
  font-family: Cairo;
  font-size: 16px;
  font-weight: 900;
  display: flex;
}

.custom-cta.for-ar {
  font-family: Cairo;
  font-size: 18px;
}

.social-wrapper {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: auto -5% 0% auto;
}

.social-wrapper.for-ar {
  left: -5%;
  right: auto;
}

.social-wrapper.ver-02 {
  z-index: 2;
  right: -4%;
}

.header-logo {
  z-index: 12;
  background-color: #fff;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 65px;
  margin-top: -35px;
  display: flex;
  position: relative;
}

.header-logo.w--current {
  height: 80px;
  margin-top: -20px;
}

.afaqy-logo {
  display: none;
}

.style-01 {
  position: absolute;
}

.home-style {
  overflow: hidden;
}

.choose-aqaqy {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.choose-aqaqy.for-ar {
  direction: rtl;
  font-family: Cairo;
}

.choose-aqaqy.v-2 {
  height: auto;
}

.container {
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  display: flex;
  position: relative;
}

.container.vertical {
  perspective: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  transform: none;
}

.container.vertical.is-devices {
  justify-content: center;
  align-items: center;
}

.container.footer-container {
  justify-content: space-around;
  padding-top: 50px;
  padding-bottom: 50px;
}

.container.solutions-container {
  justify-content: flex-start;
}

.container.screenshots-container {
  justify-content: flex-start;
  height: 100%;
}

.container.screenshots-container.for-ar {
  text-align: center;
}

.container.request-a-demo {
  justify-content: flex-start;
}

.container.request-a-demo.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.container.for-devices {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container.for-devices.for-ar {
  direction: rtl;
  text-align: center;
}

.container.privacy-policy {
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}

.container.privacy-policy.for-ar {
  direction: rtl;
  text-align: right;
  align-items: flex-end;
  padding-left: 0;
  padding-right: 40px;
  font-family: Cairo;
}

.container.blog {
  padding-top: 50px;
  padding-bottom: 50px;
}

.container.for-slider {
  flex-flow: row;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.container.fluid {
  width: 100%;
  max-width: 1200px;
}

.container.for-key-features {
  width: 100%;
}

.container.for-digital-card {
  padding-top: 2rem;
}

.container.for-applicant-des-rol {
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.vert-arrows {
  z-index: 5;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-height: 120px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  left: 20px;
}

.to-top {
  color: #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
  position: relative;
}

.to-top.for-numbers {
  color: #fff;
}

.to-down {
  color: #cbcbcb;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  margin: auto;
  font-size: 16px;
  display: flex;
  position: relative;
}

.to-down.for-numbers {
  color: #fff;
}

.up-arrow {
  z-index: 1;
  text-align: center;
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: 75%;
  margin: auto;
  font-family: DM Sans, sans-serif;
  text-decoration: none;
  display: flex;
  position: absolute;
  right: auto;
}

.paragraph-63 {
  color: #1b325f;
  margin-top: 20px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  position: relative;
  overflow: visible;
}

.paragraph-63.v-2 {
  max-width: 85%;
}

.heading {
  z-index: 1;
  color: #1b325f;
  text-transform: capitalize;
  margin-left: 20px;
  line-height: 42px;
  position: relative;
}

.heading.white {
  color: #fff;
  margin-left: 0;
}

.heading.white.numbers-title {
  margin-top: 0;
  margin-bottom: 40px;
}

.heading.center {
  text-align: center;
  margin: 0 auto;
}

.heading.center.sol-head {
  margin-top: 100px;
  margin-bottom: 0;
}

.heading.center.sol-head.for-arab {
  font-family: Cairo;
}

.heading.center.achiev-head {
  display: none;
}

.heading.center.achievements-title {
  margin-top: 0;
  margin-bottom: 60px;
}

.heading.center.achievements-title.for-ar {
  font-family: Cairo;
}

.heading.center.collaborations-title {
  margin-top: 0;
  margin-bottom: 60px;
}

.heading.center.collaborations-title.for-ar {
  font-family: Cairo;
}

.heading.center.devices-title {
  margin-bottom: 40px;
}

.heading.center.devices-title.for-ar {
  font-family: Cairo;
}

.heading.center.inner-sol-head {
  margin-top: 60px;
  margin-bottom: 60px;
  font-family: DM Sans, sans-serif;
}

.heading.center.inner-sol-head.for-ar {
  font-family: Cairo;
}

.heading.center.buraq-heading {
  margin-bottom: 60px;
  display: block;
}

.heading.center.buraq-heading.for-ar {
  direction: rtl;
  text-align: center;
  margin-bottom: 60px;
  font-family: Cairo;
}

.heading.center.highlights-heading {
  margin-top: 60px;
  margin-bottom: -60px;
}

.heading.center.screenshots-heading {
  margin-top: 40px;
  margin-bottom: 40px;
}

.heading.center.screenshots-heading.for-ar {
  text-align: center;
  font-family: Cairo;
}

.heading.center.request-demo-heading {
  margin-bottom: 40px;
  font-family: DM Sans, sans-serif;
}

.heading.center.request-demo-heading.for-ar {
  font-family: Cairo;
}

.heading.center.aman-heading {
  margin-bottom: 15px;
  display: block;
}

.heading.center.sma-tax-h {
  margin-top: 60px;
  margin-bottom: 10px;
}

.heading.center.for-resources.for-ar {
  font-family: Cairo;
}

.heading.center.vdx-heading {
  margin-bottom: 60px;
  display: block;
}

.heading.center.vdx-heading.for-ar {
  direction: rtl;
  text-align: center;
  margin-bottom: 25px;
  font-family: Cairo;
}

.heading.center.odm-heading {
  margin-bottom: 60px;
  display: block;
}

.heading.center.odm-heading.for-ar {
  direction: rtl;
  text-align: center;
  margin-bottom: 15px;
  font-family: Cairo;
}

.heading.center.senseware-vid-head {
  margin-bottom: 60px;
  display: block;
}

.heading.center.senseware-vid-head.for-ar {
  direction: rtl;
  text-align: center;
  margin-bottom: 15px;
  font-family: Cairo;
}

.heading.center.h2go-video-heading {
  margin-bottom: 60px;
  display: block;
}

.heading.center.h2go-video-heading.for-ar {
  direction: rtl;
  text-align: center;
  margin-bottom: 85px;
  font-family: Cairo;
}

.heading.center.r-s-mix-video-head {
  margin-bottom: 15px;
  display: block;
}

.heading.center.r-s-mix-video-head.for-ar {
  direction: rtl;
  text-align: center;
  margin-bottom: 60px;
  font-family: Cairo;
}

.heading.mobile {
  display: none;
}

.heading.privacy-policy {
  margin-left: 0;
  margin-right: auto;
  font-family: DM Sans, sans-serif;
}

.heading.privacy-policy.for-ar {
  margin-left: auto;
  margin-right: 0;
}

.heading.blog {
  margin-left: 0;
  margin-right: auto;
}

.heading.blog.for-ar {
  margin-left: auto;
  margin-right: 0;
}

.heading.faq {
  margin-left: 0;
  margin-right: auto;
  font-size: 32px;
}

.heading.faq.for-ar {
  margin-left: auto;
  margin-right: 0;
}

.heading.light {
  color: #fff;
}

.heading.for-job-app {
  text-align: center;
  margin-right: auto;
  font-size: 32px;
}

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

.description.desc-img {
  align-items: center;
}

.description.desc-img.v-2 {
  border: 1px solid #efefef;
  border-right-style: none;
  padding-left: 0;
  padding-right: 100px;
}

.description.padding-vert {
  background-color: #f5f5f5;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.description.padding-vert.v-2 {
  background-color: #fff;
  border: 1px solid #efefef;
  border-left-style: none;
  padding-left: 35px;
}

.columns {
  background-color: #0000;
  justify-content: center;
  height: 100%;
  display: flex;
  position: relative;
}

.columns.v-2 {
  min-height: 80vh;
}

.afaqy-numbers {
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#23286bbf, #23286bbf), url('../images/afaqy-numbers-bg.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100dvh;
  display: flex;
  position: relative;
}

.afaqy-numbers.for-ar {
  direction: rtl;
  font-family: Cairo;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 1200px;
  position: relative;
}

.single-statistic {
  object-fit: cover;
  background-color: #fff0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 217px;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-2 {
  color: #fff;
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 48px;
  display: flex;
  position: relative;
}

.numb-txt {
  color: #fff;
  text-transform: capitalize;
  margin-top: 15px;
  font-size: 18px;
  position: relative;
}

.numb-txt.counter.sub {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.bg-reveal {
  z-index: auto;
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale3d(0, 1, 1);
}

.html-embed-2, .html-embed-3, .html-embed-4, .html-embed-5, .html-embed-6 {
  position: relative;
}

.step-block {
  flex-wrap: nowrap;
  flex: none;
  place-content: center;
  align-items: center;
  width: 80vw;
  height: 73vh;
  display: flex;
  position: relative;
}

.step {
  z-index: 2;
  background-color: #fff0;
  border-radius: 0;
  align-items: center;
  width: 510px;
  padding: 12% 5%;
  display: flex;
  position: relative;
}

.step.for-ar {
  justify-content: flex-end;
}

.dot {
  z-index: 3;
  background-color: #eeeff4;
  border-radius: 50%;
  align-self: center;
  width: 12px;
  height: 12px;
  position: relative;
}

.dot.s--1 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
}

.dot.s--3 {
  width: 24px;
  height: 24px;
}

.scroll-line-wrap {
  z-index: 0;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 5px;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  inset: auto auto 7.5% -50%;
}

.dot-block {
  z-index: 1;
  background-color: #c6c6c6;
  border-radius: 20px;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
  position: relative;
  bottom: 5%;
}

.label {
  color: #1a8922;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}

.label.for-arab {
  margin-left: auto;
}

.step-scroll {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.cont-prag {
  color: #23286b;
  text-align: left;
  margin-top: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}

.cont-prag.custom {
  margin-bottom: 30px;
}

.cont-prag.custom.for-ar {
  text-align: right;
  font-family: 'cairo';
}

.cont-prag.for-arab {
  text-align: right;
  margin-left: auto;
  font-family: Cairo;
  line-height: 26px;
}

.cont-prag.for-testimonial {
  margin-bottom: 50px;
}

.scroll-base {
  transform-origin: 0%;
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #fff;
  width: 100%;
  height: 5px;
}

.scroll-wrap {
  align-self: flex-start;
  width: 100%;
  height: 300vh;
  display: flex;
  position: relative;
}

.step-content-block {
  text-align: left;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 70%;
  display: flex;
  position: relative;
}

.content-wrap {
  justify-content: flex-end;
  width: 40%;
  display: flex;
}

.content-wrap.anima-1, .content-wrap.anima-2, .content-wrap.anima-3 {
  width: 40%;
  height: 100%;
}

.content-wrap.for-buttons {
  grid-column-gap: 25px;
}

.bg-shadow {
  z-index: 1;
  border-left: 1px solid #e4e4e4;
  border-radius: 0;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-shadow.anima-2 {
  overflow: hidden;
}

.bg-shadow.anima-3 {
  border-left: 1px solid #e4e4e4;
  border-radius: 0;
  overflow: hidden;
}

.bg-shadow.anima-1 {
  overflow: hidden;
}

.scroll-animate {
  z-index: 999;
  transform-origin: 0%;
  background-color: #006cd0;
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0;
}

.scroll-animate.s-2 {
  background-color: #006cd000;
}

.scroll-animate.s-3 {
  background-color: #006cd000;
  height: 5px;
  position: relative;
}

.btn-cont {
  color: #23286b;
  text-align: left;
  background-color: #3898ec00;
  margin-top: 20px;
  font-size: 18px;
}

.btn-cont.custom-cta.for-arab {
  text-align: right;
  margin-left: auto;
  font-family: Cairo;
}

.sol-anim-block {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40%;
  display: flex;
}

.sol-anim-block.anima-1 {
  flex-direction: column;
  flex: none;
}

.scroll-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  display: flex;
  position: sticky;
  top: 10px;
  overflow: hidden;
}

.trigger {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.trigger._1 {
  height: 85%;
  top: 15%;
}

.trigger._3 {
  height: 29%;
  top: 71%;
}

.trigger._2 {
  height: 59%;
  top: 41%;
}

.text-block-21 {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.text-block-21.for-arab {
  direction: rtl;
  text-align: right;
  padding-left: 0;
  padding-right: 40px;
  font-family: Cairo;
}

.content-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.content-2.for-arab {
  align-items: flex-end;
}

.track {
  height: 400vw;
  position: relative;
}

.camera {
  background-color: #a35555;
  width: 100vw;
  height: 100dvh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.frame {
  height: 100%;
  display: flex;
  position: relative;
}

.item {
  flex: none;
  width: 100vw;
  height: 100dvh;
  padding: 28px 29px;
  position: relative;
}

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

.solutions-container {
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.solution-field {
  border-radius: 5px;
  height: 45px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  transition: box-shadow .2s;
  position: relative;
}

.solution-field:focus {
  border: 1px solid #1875f0;
  box-shadow: 0 0 4px #1875f0;
}

.solution-field.arabic-v {
  direction: rtl;
}

.field-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin: 5px 10px;
  display: flex;
  position: relative;
}

.field {
  flex: 2 50%;
  margin-left: 20px;
  margin-right: 20px;
}

.field.fluid, .field.captcha-box {
  flex-grow: 2;
  flex-shrink: 1;
  position: relative;
}

.success-message {
  width: 100%;
  color: #fff !important;
  padding: 4rem 2rem;
  border-radius: 15px;
  background-color: #90c795;
  border: 1px solid #31a93a;
  margin-top: 2rem ;
  margin-bottom: 2rem;
  font-size: 18px;
}

.solution-select-field {
  background-color: #fff;
  border-radius: 5px;
  height: 45px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
  transition: box-shadow .2s;
}

.solution-select-field:focus {
  box-shadow: 0 0 4px #1875f0;
}

.submit-button {
  object-fit: fill;
  background-color: #1a8922;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  margin-top: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  transition: background-color .2s;
  display: block;
  position: relative;
}

.submit-button:hover {
  background-color: #44b07e;
}

.field-label {
  color: #1b325f;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin-left: 3px;
  font-size: 15px;
  position: relative;
}

.field-label.label {
  text-align: left;
  text-transform: capitalize;
  position: relative;
}

.solution-field-label {
  color: #1b325f;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  position: relative;
}

.solution-field-label.for-ar {
  font-family: Cairo;
}

.bold-text, .field-label-3, .bold-text-2, .bold-text-3, .bold-text-4 {
  color: #1b325f;
  font-size: 15px;
}

.form {
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.error-message {
  color: #fff;
  text-align: center;
  background-color: #e07878;
  border: 1px solid #d52c2c;
}

.form-block {
  width: 50%;
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
}

.form-block.for-ar {
  direction: rtl;
  text-align: right;
  flex: 1;
  font-family: Cairo;
}

.form-block.for-blog {
  flex: 1;
  width: 75%;
}

.html-embed-7 {
  overflow: hidden;
}

.text-block-42 {
  color: #1b325f;
  text-align: center;
  letter-spacing: normal;
  background-color: #fff;
  border: 0 solid #0000;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-family: "Fa solid 900";
  line-height: 24px;
  position: relative;
}

.text-block-42.next-arrow {
  color: #fff;
  background-color: #23286b;
}

.step-no {
  opacity: .35;
  color: #fbfbfb;
  font-size: 106px;
  font-weight: 700;
  display: none;
  position: absolute;
  inset: auto 40px 5% auto;
}

.step-indicator {
  z-index: 1;
  cursor: pointer;
  background-color: #c6c6c6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
  position: absolute;
  bottom: 5%;
  right: 2.5%;
}

.step-indicator.prev {
  left: 0%;
  right: auto;
}

.navigating-hint {
  color: #9498a1;
  text-transform: capitalize;
  display: none;
  position: relative;
}

.afaqy-devices {
  perspective: none;
  align-items: center;
  height: 100dvh;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: perspective(1000px);
}

.slider {
  perspective: none;
  width: 80%;
  height: 365px;
  transform: none;
}

.slider.for-mob {
  display: none;
}

.devices-wrapper {
  perspective: none;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 365px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: perspective(1000px);
}

.devices-wrapper.smart-cities {
  flex-wrap: wrap;
  height: auto;
}

.devices-wrapper.smart-cities.for-ar {
  direction: rtl;
  font-family: Cairo;
}

.devices-wrapper.connected-vehicles {
  flex-wrap: wrap;
  height: auto;
}

.devices-wrapper.connected-vehicles.for-ar {
  flex-direction: row;
}

.devices-wrapper.for-camera {
  flex-wrap: wrap;
  height: auto;
}

.devices-wrapper.for-ar {
  direction: rtl;
}

.single-device {
  backface-visibility: visible;
  perspective: none;
  transform-style: preserve-3d;
  background-color: #f1f1f1;
  border: 1px solid #e4e4e4;
  flex: 0 33.3%;
  height: 365px;
  position: relative;
  transform: translate3d(0, 0, .001px);
}

.single-device._1-4 {
  flex-basis: 25%;
}

.single-device.for-mob {
  display: none;
}

.single-device.for-ar {
  direction: rtl;
  text-align: center;
  font-family: Cairo;
}

.icon {
  color: #c3c3c3;
  transition: color .2s;
}

.icon:hover {
  color: #1b325f;
}

.left-arrow {
  left: -10%;
}

.right-arrow {
  right: -10%;
}

.device-content-face {
  backface-visibility: visible;
  transform-origin: 50%;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
  transform: translate3d(0, 0, 150px);
}

.back-heading {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  white-space: normal;
  margin-top: 10px;
  padding: 0 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  transition: color .2s;
  position: relative;
}

.device-content-back {
  backface-visibility: visible;
  transform-origin: 50%;
  transform-style: preserve-3d;
  background-color: #1b325f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: visible;
  transform: rotateX(-90deg)rotateY(0)rotateZ(0)translate3d(0, 0, -180px);
}

.face-heading {
  z-index: 1;
  color: #1a8922;
  text-transform: capitalize;
  width: 80%;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 20px;
  position: relative;
}

.face-img-wrapper {
  z-index: 1;
  border: 4px solid #e1e1e1;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 135px;
  height: 135px;
  transition: width .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.back-img-wrapper {
  background-color: #fff;
  border: 6px solid #24468b;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.back-img-wrapper.x--5 {
  width: 110px;
  height: 110px;
}

.paragraph-70 {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  margin-top: 10px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.paragraph-70.par-16 {
  font-size: 16px;
}

.link {
  color: #fff;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

.link.custom-cta {
  z-index: 5;
  text-align: center;
  width: 150px;
}

.link.custom-cta.for-ar {
  font-family: Cairo;
}

.slide-nav {
  display: none;
  bottom: -20%;
}

.more-arrow {
  transform-origin: 50%;
  font-family: "Fa solid 900";
  font-size: 14px;
  font-weight: 400;
  transition: color .3s ease-in-out, left .3s ease-in-out;
  display: none;
  position: relative;
  left: 0;
}

.bg-sympol {
  z-index: -1;
  opacity: .1;
  mix-blend-mode: overlay;
  transform-style: preserve-3d;
  background-color: #0000;
  width: 350px;
  height: auto;
  position: absolute;
  inset: 0% auto auto -25%;
  overflow: hidden;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.achievments {
  justify-content: center;
  align-items: center;
  height: 100dvh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.html-embed-8 {
  display: block;
  overflow: hidden;
}

.columns-2 {
  justify-content: center;
  align-items: center;
  width: 85%;
  min-width: 0;
  max-width: 1200px;
  height: auto;
  display: none;
  position: relative;
}

.column.ac-co-slider {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 415px;
  display: flex;
}

.column.ac-co-slider.collaborations {
  border-left: 1px solid #e4e4e4;
}

.column.ac-co-slider.achievements {
  height: auto;
}

.ac-co {
  background-color: #0000;
  width: 100%;
  height: auto;
  padding-top: 20px;
}

.ac-co.for-mobile, .slide-nav-2 {
  display: none;
}

.right-arrow-2 {
  color: #c3c3c3;
  width: 45px;
  height: 45px;
  transition: color .3s ease-in-out;
  right: -5%;
}

.right-arrow-2:hover {
  color: #1b325f;
}

.left-arrow-2 {
  color: #c3c3c3;
  width: 45px;
  height: 45px;
  transition: color .3s ease-in-out;
  left: -5%;
}

.left-arrow-2:hover {
  color: #1b325f;
}

.ac-co-content {
  background-color: #ffffffa6;
  flex-direction: column;
  flex: 33.3333%;
  order: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 325px;
  display: flex;
  position: relative;
}

.ac-co-content.side-border {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.ac-co-content.for-ar {
  font-family: Cairo;
}

.paragraph-71 {
  transform-origin: 50% 100%;
  color: #1b325f;
  text-align: center;
  width: 80%;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}

.paragraph-71.for-ar {
  direction: rtl;
}

.ac-co-img {
  border: 6px solid #e0e0e0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 110px;
  max-width: 130px;
  height: 110px;
  padding: 2%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.resource-heading {
  color: #1b325f;
  text-align: center;
  text-transform: capitalize;
  flex: none;
  width: 85%;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 24px;
  font-style: normal;
  position: relative;
}

.image-3 {
  object-fit: fill;
  position: relative;
}

.image-4 {
  position: relative;
}

.left-arrow-3 {
  color: #c3c3c3;
  width: 45px;
  height: 45px;
  transition: color .3s ease-in-out;
  left: -5%;
}

.left-arrow-3:hover {
  color: #1b325f;
}

.right-arrow-3 {
  color: #c3c3c3;
  width: 45px;
  height: 45px;
  transition: color .3s ease-in-out;
  right: -5%;
}

.right-arrow-3:hover {
  color: #1b325f;
}

.list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  position: relative;
}

.list-item {
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

.partner-img {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.resources {
  justify-content: center;
  align-items: center;
  height: 100dvh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.columns-3 {
  width: 85%;
  max-width: 1200px;
  position: relative;
}

.single-resource {
  background-color: #ffffff8c;
  border: 1px solid #e4e4e4;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 375px;
  padding: 15px;
  display: flex;
}

.single-resource.for-ar {
  direction: rtl;
  font-family: Cairo;
}

.paragraph-72 {
  color: #1b325f;
  text-align: center;
  flex: none;
  margin-top: 19px;
  margin-bottom: 19px;
  font-size: 18px;
  position: relative;
}

.resource-img {
  flex: none;
  width: 74px;
  max-width: 75%;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

.resource-button {
  flex: none;
  margin-top: 10px;
  margin-bottom: 10px;
}

.afaqy-footer {
  background-color: #222b45;
  height: auto;
  max-height: none;
  position: relative;
}

.row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.row.for-ar {
  flex-direction: row-reverse;
  font-family: Cairo;
}

.row.for-digital-card {
  padding: 1rem 0;
}

.footer-logo {
  padding-left: 40px;
  position: relative;
  width: auto;
}

.image-5 {
  max-width: 166px;
}

.subscribtion-wrapper {
  height: 45px;
  padding-right: 40px;
  position: relative;
  width: auto;
}

.subscribtion-wrapper.for-ar {
  max-width: 45%;
  padding-left: 60px;
  padding-right: 0;
}

.form-2 {
  align-items: center;
  display: flex;
}

.form-2.for-ar {
  direction: rtl;
  text-align: right;
  flex-direction: row;
  font-family: Cairo;
  position: relative;
}

.text-field-2 {
  color: #1a8922;
  text-transform: capitalize;
  width: 400px;
  height: 45px;
  margin-bottom: 0;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}

.submit-button-2 {
  color: #fff;
  text-align: center;
  background-color: #1a8922;
  border-radius: 5px;
  width: 200px;
  height: 45px;
  font-size: 18px;
  transition: background-color .2s ease-in;
  position: relative;
}

.submit-button-2:hover {
  background-color: #44b07e;
}

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

.footer-par {
  color: #fff;
  width: 94%;
  margin: 40px auto;
  font-size: 16px;
  position: relative;
}

.footer-par.for-ar {
  direction: rtl;
  text-align: right;
  margin-right: 0;
}

.heading-3 {
  color: #fff;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 17px;
  position: relative;
}

.heading-3.for-ar {
  font-family: Cairo;
}

.columns-4 {
  width: 95%;
  max-width: 1400px;
  padding-left: 40px;
  position: relative;
}

.columns-4.for-ar {
  direction: rtl;
  text-align: right;
  display: flex;
}

.footer-links {
  color: #fff;
  flex-flow: column wrap;
  align-items: flex-start;
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 16px;
  display: flex;
  position: relative;
}

.footer-links.for-ar {
  padding-right: 0;
  font-family: Cairo;
}

.footer-item-link {
  color: #fff;
  letter-spacing: 0;
  text-transform: capitalize;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none;
  display: block;
  position: relative;
}

.footer-item-link:hover {
  letter-spacing: 0;
}

.footer-item {
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.footer-item:hover {
  letter-spacing: 0;
  position: relative;
}

.text-block-43 {
  color: #fff;
  text-transform: capitalize;
  font-size: 12px;
}

.columns-5 {
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  height: 75px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.copyrights {
  background-color: #131826;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.cop-soc-col {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 0;
  display: flex;
}

.cop-soc-col.footer-social {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding-right: 0;
}

.list-2 {
  align-items: stretch;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.footer-social-link {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  font-family: "Fa brands 400";
  font-size: 11px;
  line-height: 30px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.social-icon {
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 7px;
  margin-right: 7px;
  display: flex;
  position: relative;
}

.solutions-slider, .grid-2, .navbar {
  display: none;
}

.nav-afaqy-logo {
  width: 85%;
  position: relative;
}

.counter.heading-2 {
  display: block;
}

.html-embed-9 {
  position: relative;
}

.collaborations-container {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 40px;
  position: relative;
}

.achievements-container {
  border-bottom: 1px solid #e6e6e6;
  width: 95%;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.slide-inner {
  display: flex;
}

.text-span-2 {
  justify-content: center;
  align-items: center;
  width: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Fa solid 900";
  font-size: 0;
  display: flex;
  position: absolute;
  left: 0;
}

.text-span-3 {
  position: relative;
}

.text-span-3.for-ar {
  font-family: Cairo;
}

.header {
  background-image: linear-gradient(#00000073, #00000073), url('../images/Connected-Vehicles-Banner.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  min-height: 340px;
  display: block;
  position: relative;
  overflow: hidden;
}

.header.inner-banner {
  background-image: linear-gradient(#00000073, #00000073), url('../images/smart-businesses-header-bg.jpg');
  background-attachment: scroll, fixed;
  margin-top: 100px;
}

.header.inner-banner.vehicles {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Connected-Vehicles-Banner-v3.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.header.inner-banner.businesses {
  background-image: linear-gradient(#00000080, #00000080), url('../images/smart-businesses-header-mob-bg.webp');
  background-position: 0 0, 50%;
  background-attachment: scroll, scroll;
}

.header.inner-banner.businesses.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.inner-banner.smart-cities {
  background-image: linear-gradient(#00000080, #00000080), url('../images/smart-cities-header.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.header.inner-banner.smart-cities.for-ar {
  font-family: Cairo;
}

.header.inner-banner.hardwares {
  background-image: linear-gradient(#00000073, #00000073), url('../images/hardware-header.webp');
  background-position: 0 0, 50%;
  background-attachment: scroll, scroll;
}

.header.inner-banner.hardwares.for-ar {
  direction: rtl;
  font-family: Cairo;
}

.header.inner-banner.savings-calculator {
  background-image: linear-gradient(#00000080, #00000080), url('../images/savings-calculator-Banner.jpg');
  background-position: 0 0, 50% 0;
}

.header.inner-banner.branches {
  background-image: linear-gradient(#00000073, #00000073), url('../images/branches-banner-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.header.inner-banner.branches.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.inner-banner.cameras {
  background-image: linear-gradient(#00000080, #00000080), url('../images/cameras-banner-bg.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.header.inner-banner.cameras.for-ar {
  font-family: Cairo;
}

.header.inner-banner.sensors {
  background-image: linear-gradient(#00000080, #00000080), url('../images/sensors-banner-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.header.inner-banner.sensors.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.inner-banner.devices {
  background-image: linear-gradient(#00000080, #00000080), url('../images/devices-banner-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.header.inner-banner.devices.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.inner-banner.clients {
  background-image: linear-gradient(#00000080, #00000080), url('../images/clients-banner-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.header.inner-banner.clients.for-ar, .header.inner-banner.contact.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.inner-banner.faqs {
  background-image: linear-gradient(#00000080, #00000080), url('../images/faqs-banner-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.header.inner-banner.faqs.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.inner-banner.blog {
  background-image: linear-gradient(#00000080, #00000080), url('../images/blog-banner-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.header.inner-banner.blog.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.inner-banner.careers {
  background-image: linear-gradient(#00000080, #00000080), url('../images/careers-banner-bg.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.header.inner-banner.privacy-policy {
  background-image: linear-gradient(#00000080, #00000080), url('../images/privacy-policy-banner-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.header.inner-banner.privacy-policy.for-ar {
  direction: rtl;
  font-family: Cairo;
}

.header.inner-banner.co-profile {
  background-image: linear-gradient(#00000080, #00000080), url('../images/co-profile-banner-bg.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.header.inner-banner.co-profile.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution {
  background-image: linear-gradient(to right, #36385a, #434998);
  height: 100dvh;
  min-height: auto;
  margin-top: 100px;
}

.header.solution.fleet-banner {
  background-image: linear-gradient(to right, #203250, #3c4e6d), linear-gradient(#0000, #0000);
}

.header.solution.vdx-banner {
  background-image: linear-gradient(260deg, #203250, #3954a4), linear-gradient(#0000, #0000);
}

.header.solution.vdx-banner.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution.smart-taxi-banner {
  background-image: linear-gradient(80deg, #258644, #066122 24%);
}

.header.solution.smart-taxi-banner.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution.xrent-bg {
  background-image: linear-gradient(80deg, #2cb4a7, #10746b 47%);
}

.header.solution.xrent-bg.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution.odm-bg {
  background-image: linear-gradient(37deg, #1d5678, #0b3149 62%);
}

.header.solution.odm-bg.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution.sguard-bg, .header.solution.sense-ware-bg {
  background-image: linear-gradient(to right, #292a57 35%, #4b4b88), linear-gradient(#0000, #0000);
}

.header.solution.sense-ware-bg.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution.moraqba-bg {
  background-image: linear-gradient(to right, #364c9f, #2c428c 55%);
}

.header.solution.moraqba-bg.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution.push-2-talk-bg {
  background-image: linear-gradient(to right, #1a345e, #1e427d 55%);
}

.header.solution.push-2-talk-bg.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution.clean-cities-bg {
  background-image: linear-gradient(to right, #358f33, #57b955 55%);
}

.header.solution.clean-cities-bg.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution.smart-parking-bg {
  background-image: linear-gradient(to right, #777aa0, #444974 55%);
}

.header.solution.smart-parking-bg.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution.enforcer-bg {
  background-image: linear-gradient(to right, #34acbe, #75dfb8 55%);
}

.header.solution.aman-bg {
  background-image: linear-gradient(to right, #f7ad1a, #c88501 55%);
}

.header.solution.h2go-bg {
  background-color: #2b2d6c;
  background-image: none;
}

.header.solution.h2go-bg.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution.r-s-mix-bg {
  background-color: #554668;
  background-image: linear-gradient(to right, #685e73, #554668);
}

.header.solution.r-s-mix-bg.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution.about-inner-bg {
  background-color: #213c70;
  background-image: linear-gradient(to right, #3559a0, #213c70 60%);
}

.header.solution.about-inner-bg.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.header.solution.dozer-pro-bg {
  background-color: #493e5b;
  background-image: linear-gradient(to right, #63596f, #493e5b);
}

.header.solution.dozer-pro-bg.for-ar, .header.solution.route-bg.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.inner-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  height: auto;
  min-height: 340px;
  display: flex;
  position: relative;
}

.inner-container.solu-wrapper {
  z-index: 1;
  min-height: 100%;
}

.inner-container.solu-wrapper.for-ar {
  text-align: right;
  font-family: Cairo;
}

.inner-container.for-ar {
  align-items: flex-end;
}

.heading-4 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: capitalize;
  font-family: DM Sans, sans-serif;
  font-size: 48px;
  line-height: 60px;
  position: relative;
}

.heading-4.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.inner-header-paragraph {
  color: #fff;
  letter-spacing: 1px;
  text-transform: capitalize;
  width: 46%;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  line-height: 22px;
  position: relative;
}

.inner-header-paragraph.for-ar {
  text-align: right;
  font-family: Cairo;
  line-height: 24px;
}

.inner-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inner-content.sol-desciption {
  height: auto;
  min-height: 100dvh;
  padding-bottom: 60px;
  overflow: hidden;
}

.inner-content.sol-desciption.y-choose-afaqy {
  height: auto;
  min-height: 100dvh;
  padding-bottom: 60px;
}

.inner-content.sol-desciption.for-ar {
  direction: rtl;
  font-family: Cairo;
}

.inner-content.sol-desciption.for-aman {
  min-height: 50vh;
  padding-top: 60px;
}

.inner-content.sol-desciption.for-aman.for-ar {
  text-align: right;
}

.inner-content.about {
  height: auto;
  min-height: 100dvh;
  position: relative;
  overflow: hidden;
}

.inner-content.about.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.inner-content.watch-a-brief {
  height: auto;
  min-height: 100dvh;
  position: relative;
  overflow: hidden;
}

.inner-content.watch-a-brief.for-ar {
  direction: rtl;
  font-family: Cairo;
}

.inner-content.highlights {
  height: auto;
  min-height: 100dvh;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

.inner-content.highlights.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.inner-content.screenshots {
  background-color: #fff;
  height: auto;
  min-height: 100dvh;
  overflow: hidden;
}

.inner-content.screenshots.for-ar {
  text-align: right;
  font-family: Cairo;
}

.inner-content.demo {
  overflow: hidden;
}

.inner-content.demo.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.inner-content.hide-overflow {
  margin-top: 50px;
  margin-bottom: 50px;
  overflow: hidden;
}

.inner-content.supported-assets {
  height: auto;
  min-height: 100dvh;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.inner-content.supported-assets.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.inner-content.for-smart-cities, .inner-content.for-smart-businesses {
  overflow: hidden;
}

.inner-content.for-hardware.for-ar {
  font-family: Cairo;
}

.inner-content.for-sensors, .inner-content.for-devices {
  overflow: hidden;
}

.inner-content.for-clients {
  min-height: 100dvh;
  padding-top: 0;
  overflow: hidden;
}

.inner-content.vision-mission {
  overflow: hidden;
}

.inner-content.vision-mission.for-ar {
  font-family: Cairo;
}

.inner-content.for-privacy-policy.for-ar {
  text-align: right;
  font-family: Cairo;
}

.inner-content.for-faqs {
  justify-content: space-between;
}

.inner-content.for-faqs.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
}

.inner-content.for-ar {
  direction: rtl;
}

.inner-content.for-branches {
  overflow: visible;
}

.inner-content.for-company-profile {
  min-height: 40vh;
  padding-top: 0;
  overflow: hidden;
}

.face-img {
  object-fit: fill;
  max-width: 100%;
  position: relative;
}

.face-img.x-1 {
  max-width: 100%;
}

.face-img.x-1.senseware-logo {
  max-width: 85%;
}

.face-img.min-size {
  max-width: 80%;
}

.back-img {
  max-width: 85%;
}

.back-img.x-1 {
  position: relative;
}

.inner-page {
  font-family: DM Sans, Impact, sans-serif;
}

.header-bg-asset-1 {
  z-index: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.header-bg-wrapper {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.header-bg-wrapper.sm-tax-bg {
  background-image: linear-gradient(80deg, #258644, #066122 25%);
}

.header-bg-wrapper.sm-tax-bg.for-ar {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.header-bg-wrapper.buraq-bg {
  background-image: linear-gradient(80deg, #36385a, #434898 64%);
}

.header-bg-wrapper.buraq-bg.for-ar {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.header-bg-wrapper.fleet-bg {
  background-image: linear-gradient(80deg, #36385a, #434898 64%);
}

.header-bg-wrapper.fleet-bg.for-ar {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.header-bg-wrapper.vdx-bg {
  background-image: linear-gradient(58deg, #3954a4, #1e2857 90%);
}

.header-bg-wrapper.vdx-bg.for-ar {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.header-bg-wrapper.sguard-bg, .header-bg-wrapper.sense-ware-bg {
  background-image: linear-gradient(to right, #292a57 35%, #4b4b88);
}

.header-bg-wrapper.moraqba-bg {
  background-image: linear-gradient(to right, #364c9f, #2c428c 55%);
}

.header-bg-wrapper.push-2-talk-bg {
  background-image: linear-gradient(to right, #1a345e, #1e427d 55%);
}

.header-bg-wrapper.clean-cities-bg {
  background-image: linear-gradient(to right, #358f33, #57b955 96%);
}

.header-bg-wrapper.smart-parking-bg {
  background-image: linear-gradient(to right, #777aa0, #444974 55%);
}

.header-bg-wrapper.enforcer-bg {
  background-image: linear-gradient(to right, #34acbe, #75dfb8 62%);
}

.header-bg-wrapper.aman-bg {
  background-image: linear-gradient(to right, #f7ad1a, #c88501 55%);
}

.header-bg-wrapper.h2go-bg {
  background-color: #2b2d6c;
}

.header-bg-wrapper.r-s-mix-bg {
  background-image: linear-gradient(to right, #685e73, #554668);
}

.header-bg-wrapper.about-inner-bg {
  z-index: auto;
  background-image: linear-gradient(to right, #3559a0, #213c70 60%);
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-bg-wrapper.dozer-pro-bg {
  background-color: #493e5b;
  background-image: radial-gradient(circle at 0 100%, #63596f, #493e5b 54%);
}

.header-bg-wrapper.route-bg {
  background-color: #18124c;
}

.header-bg-wrapper.for-ar {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.bg-asset-0 {
  background-color: #fff;
  width: 90%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: translate(500px)skew(-40deg);
}

.header-bg-asset-2 {
  z-index: 2;
  width: 700px;
  position: absolute;
  inset: 1% 6.2% auto auto;
}

.header-bg-asset-3 {
  z-index: 3;
  width: 350px;
  position: absolute;
  inset: 16% 23% auto auto;
}

.header-bg-asset-4 {
  z-index: 4;
  width: 590px;
  max-width: 100%;
  position: absolute;
  inset: auto .85% 32% auto;
}

.header-bg-asset-5 {
  z-index: 1;
  background-color: #0000;
  background-image: linear-gradient(to right, #dfdfdf00, #dfdfdf00 0%, #dfdfdf 44%, #dfdfdf00);
  border-radius: 50%;
  width: 755px;
  height: 100px;
  position: absolute;
  inset: auto -2% 29% auto;
}

.header-bg-asset-5.fleet-shadow {
  z-index: 4;
  width: 575px;
  bottom: 21%;
  right: 0%;
}

.header-bg-asset-5.vdx-shadow {
  z-index: 4;
  opacity: .5;
  filter: blur(2px);
  background-image: linear-gradient(to right, #dfdfdf00, #fff0 0%, #fff 44%, #fff0);
  width: 575px;
  bottom: 35%;
  right: 3%;
}

.header-bg-asset-5.smar-tax-stroke {
  z-index: 2;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdd3bf;
  width: 620px;
  height: 130px;
  bottom: 36%;
  right: 0%;
}

.header-bg-asset-5.xrent-stroke {
  z-index: 2;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdd3bf;
  width: 575px;
  height: 100px;
  bottom: 21%;
  right: 4%;
}

.header-bg-asset-5.sguard-stroke {
  z-index: 1;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdd3bf;
  width: 600px;
  height: 100px;
  bottom: 30%;
  right: 19%;
}

.header-bg-asset-5.enforcer-stroke {
  z-index: 1;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdd3bf;
  width: 575px;
  height: 120px;
  bottom: 25%;
  right: 20%;
}

.grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 1100px;
  max-width: 100%;
  position: relative;
}

.grid-3.vdx-grid, .grid-3.xrent-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

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

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

.grid-3.buraq-pr-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-3.moraqba-grid-2 {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-3.push-2-talk-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-3.push-2-talk-grid-2 {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-3.clean-cities-grid, .grid-3.smart-parking-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-3.enforcer-grid-2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-3.buraq-pro-2 {
  grid-template-rows: auto auto auto auto;
}

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

.grid-3.smart-taxi-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-3.aman-grid-2 {
  grid-template-rows: auto auto;
}

.grid-3.h2go-grid-2 {
  grid-template-rows: auto auto auto;
}

.grid-3.r-s-mix-grid-2, .grid-3.about-values-grid {
  grid-template-rows: auto auto;
}

.grid-3.why-afaqy-grid {
  grid-template-rows: auto auto auto;
}

.grid-3.dozer-pro-grid {
  grid-template-rows: auto auto;
}

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

.sol-element-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 240px;
  padding: 20px 10px;
  transition: background-color .4s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sol-element-wrapper:hover {
  color: #fff;
  background-color: #6a9db1;
}

.sol-element-wrapper.fleet-sew:hover {
  background-color: #5dc9e4;
}

.sol-element-wrapper.fleet-sew-2:hover {
  background-color: #23b3e5;
}

.sol-element-wrapper.vdx-sew:hover {
  background-color: #3954a5;
}

.sol-element-wrapper.smart-taxi-sew:hover {
  background-color: #0c6026;
}

.sol-element-wrapper.xrent-sew:hover {
  background-color: #2eb5a8;
}

.sol-element-wrapper.xrent-2-sew:hover {
  background-color: #1a345e;
}

.sol-element-wrapper.odm-sew:hover {
  background-color: #0000;
}

.sol-element-wrapper.sguard-sew {
  background-color: #fff;
}

.sol-element-wrapper.sguard-sew:hover {
  background-color: #494998;
  background-image: linear-gradient(to right, #2c2c5b, #494998);
}

.sol-element-wrapper.moraqba-sew {
  background-color: #fff;
}

.sol-element-wrapper.moraqba-sew:hover {
  background-color: #263c82;
  background-image: linear-gradient(to right, #33499b, #263c82);
}

.sol-element-wrapper.push-2-talk-sew {
  background-color: #fff;
}

.sol-element-wrapper.push-2-talk-sew:hover {
  background-color: #1b335f;
  background-image: linear-gradient(to right, #214888, #1b335f);
}

.sol-element-wrapper.clean-cities-sew {
  background-color: #fff;
}

.sol-element-wrapper.clean-cities-sew:hover {
  background-color: #2c7e29;
  background-image: linear-gradient(to right, #5abc58, #2c7e29);
}

.sol-element-wrapper.smart-parking-sew {
  background-color: #fff;
}

.sol-element-wrapper.smart-parking-sew:hover {
  background-color: #444c7a;
  background-image: linear-gradient(to right, #76799f, #444c7a);
}

.sol-element-wrapper.enforcer-sew {
  background-color: #fff;
}

.sol-element-wrapper.enforcer-sew:hover {
  background-color: #34acbe;
  background-image: linear-gradient(to right, #34acbe, #76dfb8);
}

.sol-element-wrapper.aman-sew {
  background-color: #fff;
}

.sol-element-wrapper.aman-sew:hover {
  background-color: #f7ad1a;
}

.sol-element-wrapper.h2go-sew {
  background-color: #fff;
}

.sol-element-wrapper.h2go-sew:hover {
  background-color: #007dc0;
}

.sol-element-wrapper.r-s-mix-sew {
  background-color: #fff;
}

.sol-element-wrapper.r-s-mix-sew:hover {
  background-color: #685e73;
}

.sol-element-wrapper.about-values-sew {
  background-color: #fff;
}

.sol-element-wrapper.about-values-sew:hover {
  background-color: #1b325f;
}

.sol-element-wrapper.dozer-pro-sew {
  background-color: #fff;
}

.sol-element-wrapper.dozer-pro-sew:hover {
  background-color: #493e5b;
}

.sol-element-wrapper.route-sew {
  background-color: #fff;
}

.sol-element-wrapper.route-sew:hover {
  background-color: #191350;
}

.sol-element-img {
  z-index: 1;
  width: 100px;
  position: absolute;
  top: 40px;
}

.sol-element-title {
  z-index: 1;
  color: #1b325f;
  text-align: center;
  width: 80%;
  margin-top: 13px;
  margin-bottom: -90px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  line-height: 26px;
  position: relative;
}

.sol-element-title.for-ar {
  font-family: Cairo;
}

.bg-shape {
  z-index: 0;
  opacity: 0;
  width: 347px;
  max-width: 110%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.bg-shape.fleet-bgsh, .bg-shape.vdx-bgsh {
  max-width: 90%;
  top: -48%;
  left: -23%;
}

.bg-shape.xrent-bgsh, .bg-shape.odm-bgsh {
  width: 349px;
  max-width: 90%;
  top: auto;
  bottom: auto;
  left: auto;
}

.bg-shape.sguard-bgsh {
  opacity: 1;
  width: 165px;
  height: auto;
  top: auto;
  bottom: auto;
  left: -7%;
}

.bg-shape.sense-ware-bgsh {
  opacity: .2;
  mix-blend-mode: overlay;
  width: 90px;
  height: 233.813px;
  top: auto;
  bottom: -6%;
  left: -1%;
}

.bg-shape.moraqba-bgsh {
  opacity: .35;
  mix-blend-mode: color-dodge;
  width: 199px;
  height: 198px;
  top: auto;
  bottom: 8%;
  left: -40%;
}

.bg-shape.push-2-talk-sol-bg-shape {
  opacity: 1;
  width: 157px;
  height: auto;
  top: auto;
  bottom: 8%;
  left: -18%;
}

.bg-shape.clean-cities-bgsh {
  opacity: .35;
  mix-blend-mode: color-dodge;
  width: 165px;
  height: auto;
  inset: -5% -14% auto auto;
}

.bg-shape.smart-parking-bgsh {
  opacity: 1;
  width: 109px;
  height: auto;
  top: auto;
  bottom: 7%;
  left: 0%;
}

.bg-shape.enforcer-sol-bg-shape {
  opacity: 1;
  mix-blend-mode: overlay;
  width: 90px;
  height: auto;
  inset: auto 0 6% auto;
}

.bg-shape.aman-sol-bg-shape {
  opacity: .25;
  mix-blend-mode: overlay;
  width: 185px;
  height: 217px;
  inset: auto auto 4% -26%;
}

.bg-shape.h2go-sol-bg-shape {
  opacity: 1;
  width: 243px;
  height: 288px;
  display: block;
  inset: auto 0 -15% auto;
}

.bg-shape.r-s-mix-sol-bg-shape {
  opacity: 1;
  width: 130px;
  height: auto;
  display: block;
  inset: 0 -24% auto auto;
}

.bg-shape.about-values-bg-shape {
  opacity: .1;
  mix-blend-mode: overlay;
  transform-style: preserve-3d;
  width: 220px;
  height: auto;
  display: block;
  inset: 0 auto auto -10%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.bg-shape.cam-sens-sympol {
  opacity: .1;
  mix-blend-mode: overlay;
  transform-style: preserve-3d;
  width: 320px;
  height: auto;
  display: block;
  inset: 0 auto auto -20%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.bg-shape.dozer-sol-bg-shape {
  opacity: .45;
  mix-blend-mode: overlay;
  width: 25px;
  height: auto;
  display: block;
  inset: auto auto auto 5%;
}

.bg-shape.route-bg-shape {
  opacity: .25;
  mix-blend-mode: overlay;
  width: 250px;
  height: auto;
  display: block;
  inset: 5% auto auto;
}

.sol-element-img-white {
  z-index: 1;
  opacity: 0;
  width: 100px;
  position: absolute;
  top: 0;
  transform: translate(0, -100px);
}

.columns-6 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.columns-6.for-ar {
  text-align: right;
}

.solution-details {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 300px;
  display: flex;
}

.lottie-animation-4 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  width: auto;
  max-width: 566px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.lottie-animation-4.fleet-lottie {
  z-index: 2;
  z-index: 2;
  border-radius: 25px;
  width: 100%;
  display: block;
  position: relative;
  transform: skew(0deg);
}

.lottie-animation-4.smart-taxi-lottie {
  z-index: 2;
  border-radius: 85px;
  max-width: 450px;
  display: block;
  position: relative;
}

.lottie-animation-4.xrent-lottie {
  z-index: 2;
  border-radius: 85px;
  width: 100%;
  display: block;
  position: relative;
  transform: skew(15deg);
}

.lottie-animation-4.sguard-lottie {
  z-index: 2;
  width: 100%;
  display: block;
  position: relative;
}

.lottie-animation-4.sense-ware-lottie {
  z-index: 2;
  border-radius: 35px;
  width: 100%;
  display: block;
  position: relative;
}

.lottie-animation-4.moraqba-lottie, .lottie-animation-4.push-2-talk-lottie, .lottie-animation-4.clean-cities-lottie, .lottie-animation-4.smart-parking-lottie {
  z-index: 2;
  width: 100%;
  display: block;
  position: relative;
}

.paragraph-74 {
  z-index: 3;
  direction: rtl;
  color: #1b325f;
  text-align: center;
  width: 85%;
  margin-top: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  position: relative;
}

.paragraph-74.xrent-p {
  width: 91%;
}

.paragraph-74.for-ar {
  text-align: right;
  font-family: Cairo;
}

.buraq-about-bg-1 {
  z-index: 0;
  opacity: 0;
  transform-origin: 50%;
  width: 600px;
  height: auto;
  position: absolute;
  inset: auto 0% 0% auto;
}

.bg-wrapper {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.buraq-about-bg-2 {
  z-index: 1;
  opacity: .1;
  width: 500px;
  position: absolute;
  inset: auto -8% 6% auto;
  transform: translate(0);
}

.buraq-about-bg-3 {
  z-index: 0;
  opacity: .2;
  width: 172px;
  height: 501px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.buraq-about-pegasus {
  z-index: 0;
  transform-origin: 50% 100%;
  width: 472px;
  height: 345px;
  display: block;
  position: absolute;
  inset: 0% 42% auto auto;
}

.buraq-about-bg-4 {
  opacity: .1;
  width: 230px;
  height: auto;
  position: absolute;
  inset: auto auto 5% 5%;
}

.video-wrapper {
  border: 10px solid #fff;
  width: 100%;
  min-width: auto;
  height: auto;
  margin-top: -30px;
  position: relative;
  max-width: 700px;
}

.video-wrapper.fleet-video {
  z-index: 5;
  border-radius: 20px;
}

.video-wrapper.vdx-video {
  z-index: 5;
  background-color: #fff;
  border-width: 1px;
  border-color: #f9b81d;
  border-radius: 20px;
  padding: 19px;
}

.video-wrapper.smart-taxi-video {
  z-index: 5;
  background-color: #fff;
  border-width: 1px;
  border-color: #d1e5d3;
  border-radius: 20px;
  padding: 19px;
}

.video-wrapper.odm-video {
  z-index: 5;
  background-color: #fff;
  border-width: 1px;
  border-color: #e3f5fc;
  border-radius: 55px;
  padding: 35px;
  overflow: hidden;
}

.video-wrapper.sguard-video {
  z-index: 5;
  background-color: #fff;
  border-radius: 15px;
}

.video-wrapper.moraqba-video {
  z-index: 5;
  background-color: #fff;
  border-width: 1px;
  border-color: #c2e6fb;
  border-radius: 10px;
  padding: 20px;
}

.video-wrapper.push-2-talk-video {
  z-index: 5;
  background-color: #fff;
  border-width: 1px;
  border-color: #cde4ca;
  border-radius: 10px;
  padding: 20px;
}

.video-wrapper.clean-cities-video {
  z-index: 5;
  background-color: #fff;
  border-width: 1px;
  border-color: #fff;
  border-radius: 10px;
  padding: 20px;
}

.video-wrapper.smart-parking-video {
  z-index: 5;
  background-color: #fff;
  border-width: 1px;
  border-color: #5eafd5;
  border-radius: 10px;
  padding: 20px;
}

.video-wrapper.aman-video {
  z-index: 5;
  background-color: #fff;
  border-width: 1px;
  border-color: #f7ad1e;
  border-radius: 10px;
  margin-top: 0;
  padding: 20px;
}

.video-wrapper.h2go-video {
  z-index: 5;
  background-color: #fff;
  border-width: 1px;
  border-color: #08afe2;
  border-radius: 10px;
  padding: 20px;
}

.video-wrapper.r-s-mix-video {
  z-index: 5;
  background-color: #fff;
  border-width: 1px;
  border-color: #9589a4;
  border-radius: 10px;
  padding: 20px;
}

.video {
  z-index: 5;
  border-radius: 20px;
  width: auto;
  max-width: 700px;
  min-width: auto;
  height: auto;
  display: block;
  position: relative;
}

.pegasus-large-white {
  z-index: 1;
  width: 729px;
  position: absolute;
  inset: 0% 10% 10% auto;
}

.skewed-navy-bg {
  z-index: -1;
  background-color: #6a9db1;
  width: 100%;
  position: absolute;
  inset: 0% -55% 0% auto;
  overflow: hidden;
  transform: skew(-65deg);
}

.skewed-navy-bg.fleet-skewed-bg {
  background-color: #394a68;
}

.dark-pegasus-bg {
  z-index: 0;
  opacity: .5;
  width: 347px;
  height: 245px;
  display: block;
  position: absolute;
  inset: 29% auto 0% 2%;
  transform: scale(2)skew(65deg);
}

.buraq-map-bg {
  z-index: 0;
  opacity: .85;
  object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  inset: 10% 0%;
  transform: skew(65deg);
}

.pegasus-large-grey {
  z-index: 2;
  width: 600px;
  display: block;
  position: absolute;
  inset: auto auto 25% 17%;
}

.buraq-logo-dark {
  z-index: 1;
  opacity: .25;
  width: 290px;
  display: block;
  position: absolute;
  inset: auto 50% 30% auto;
  transform: skew(65deg);
}

.buraq-logo-stroked {
  z-index: 1;
  width: 680px;
  height: 181px;
  display: block;
  position: absolute;
  inset: auto 8% 0% auto;
  transform: skew(65deg);
}

.highlights-wrapper {
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.highlights-img {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.highlights-description {
  padding-left: 40px;
  position: relative;
}

.description-card {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 500px;
  min-width: 250px;
  height: 100dvh;
  min-height: 100dvh;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
  position: relative;
}

.card-paragraph {
  color: #23286b;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  position: relative;
}

.card-paragraph.supp-asset-p {
  font-family: DM Sans, sans-serif;
}

.card-paragraph.supp-asset-p.for-ar {
  font-family: Cairo;
}

.card-heading {
  color: #1a8922;
  margin-top: 10px;
  font-size: 24px;
  position: relative;
}

.card-heading.fleet-ca-he {
  color: #23b3e5;
}

.card-heading.vdx-ca-he, .card-heading.xrent-ca-he, .card-heading.moraqba-ca-he {
  color: #3854a1;
}

.card-heading.supported-assets-heading {
  color: #23286b;
  font-family: DM Sans, sans-serif;
  font-size: 38px;
}

.card-heading.supported-assets-heading.for-ar {
  font-family: Cairo;
}

.highlights-card {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: auto;
  min-height: 100dvh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.card-img {
  opacity: 0;
  background-image: url('../images/buraq-highlights-img-bg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  display: flex;
  position: relative;
  transform: translate(0%, -25%);
}

.card-img.fleet-card-img {
  background-image: url('../images/fleet-highlights-img-bg.jpg');
}

.card-img.vdx-card-img {
  background-image: url('../images/vdx-highlights-img-bg.jpg');
}

.card-img.smart-taxi-card-img {
  background-image: url('../images/smart-taxi-highlights-img-bg.webp');
  background-size: cover;
  background-attachment: fixed;
}

.card-img.xrent-card-img {
  background-image: url('../images/xrent-highlights-img-bg.webp');
  background-size: contain;
}

.card-img.odm-card-img {
  background-image: url('../images/odm-highlights-img-bg.jpg');
  background-position: 50%;
  background-size: cover;
}

.card-img.sguard-card-img {
  background-image: url('../images/sguard-highlights-img-bg.jpg');
  background-size: cover;
}

.card-img.moraqba-card-img {
  background-image: url('../images/moraqba-highlights-img-bg.jpg');
  background-size: cover;
}

.card-img.push-2-talk-card-img {
  background-image: url('../images/push-2-talk-highlights-img-bg.jpg');
  background-size: cover;
}

.card-img.clean-cities-card-img {
  background-image: url('../images/clean-cities-highlights-img-bg.webp');
  background-size: cover;
}

.card-img.smart-parking-card-img {
  background-image: url('../images/smart-parking-highlights-img-bg.webp');
  background-size: cover;
}

.card-img.enforcer-card-img {
  background-image: url('../images/enforcer-highlights-img-bg.jpg');
  background-position: 0 0;
  background-size: contain;
}

.card-img.aman-card-img {
  background-image: url('../images/aman-highlights-img-bg.jpg');
  background-position: 50%;
  background-size: contain;
}

.card-img.h2go-card-img {
  background-image: url('../images/h2go-highlights-img-bg.png');
  background-position: 0 0;
  background-size: contain;
}

.card-img.r-s-mix-card-img {
  background-image: url('../images/r-s-mix-highlights-img-bg.jpg');
  background-position: 0 0;
  background-size: contain;
}

.highlights-img-logo {
  width: 110px;
  display: none;
  position: absolute;
  top: 20px;
  left: 20px;
}

.highlights-img-device {
  z-index: 1;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: auto;
  bottom: auto;
}

.highlights-img-device.xrent-hi {
  bottom: 0%;
}

.highlights-img-device.moraqba-highlights-img-bottom {
  bottom: auto;
}

.highlights-breaker {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 100dvh;
  display: flex;
  position: sticky;
  top: 0;
}

.break-line {
  background-color: #e4e4e4;
  width: 1px;
  height: 600px;
  position: relative;
  top: 50px;
}

.break-line.suppo-asset-bl {
  height: 450px;
  top: 0;
}

.break-line.special {
  background-color: #1b325f;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 15px;
  display: flex;
  top: auto;
}

.highlights-block-no {
  z-index: 1;
  background-color: #fff;
  border: 1px #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
  position: absolute;
}

.block-number {
  color: #1a8922;
  text-align: center;
  background-color: #fff;
  border: 10px solid #c6c6c6;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  font-size: 18px;
  line-height: 35px;
  position: absolute;
  inset: 0%;
}

.block-number.first-no {
  z-index: 1;
  opacity: 0;
  transform: scale(0);
}

.block-number.second-no {
  z-index: 0;
  opacity: 0;
  transform: scale(0);
}

.block-number.third-no {
  z-index: -1;
  opacity: 0;
  transform: scale(0);
}

.block-no-down-arrow {
  z-index: 1;
  color: #1a8922;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 50px;
  text-decoration: none;
  display: flex;
  position: absolute;
  bottom: 50px;
}

.screenshots-wrapper {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 1200px;
  max-width: 1200px;
  position: relative;
}

.single-screenshot {
  height: 200px;
  position: relative;
  overflow: hidden;
}

.lightbox-link {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.screenshot-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.screenshots-mask-1 {
  z-index: 1;
  background-color: #00000059;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.eye-span-icon {
  opacity: 1;
  width: 100%;
  height: 100%;
  font-family: "Fa solid 900";
  font-size: 30px;
  display: none;
  position: relative;
  inset: auto;
}

.view-icon {
  z-index: 3;
  opacity: 0;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 75px;
  height: auto;
  min-height: 50px;
  margin: auto;
  font-family: "Fa solid 900";
  display: flex;
  position: absolute;
  transform: translate(0, 50px)scale(0);
}

.screenshots-title-line {
  z-index: 3;
  background-color: #fff;
  width: 170px;
  height: 1px;
  position: absolute;
  inset: auto 0% 15% auto;
}

.shape {
  position: absolute;
}

.shape.top-right {
  z-index: 2;
  background-color: #0000;
  width: 177px;
  height: auto;
  inset: -25% -8% auto auto;
  transform: translate(114px)rotate(0);
}

.shape.bottom-left {
  z-index: 2;
  transform-style: preserve-3d;
  background-color: #0000;
  width: 177px;
  height: auto;
  inset: auto auto -16% -16%;
  transform: translate(-100px)rotateX(180deg)rotateY(0)rotateZ(0);
}

.shape.fleet-sc-left {
  z-index: 2;
  transform-style: preserve-3d;
  width: 126px;
  inset: -1% auto auto -16%;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.shape.fleet-sc-right {
  z-index: 2;
  width: 126px;
  inset: -1% -16% auto auto;
}

.shape.xrent-sc {
  z-index: 2;
  width: 40px;
  inset: auto auto auto 5%;
}

.shape.odm-sc {
  z-index: 2;
  width: 250px;
  inset: 5% 5% auto auto;
}

.shape.sguard-sc {
  z-index: 2;
  width: 147px;
  display: block;
  inset: auto auto auto -1%;
}

.shape.sense-ware-sc {
  z-index: 2;
  opacity: .5;
  mix-blend-mode: overlay;
  width: 92px;
  display: block;
  inset: auto auto auto -1%;
}

.shape.moraqba-sc {
  z-index: 2;
  opacity: .75;
  mix-blend-mode: screen;
  width: 173px;
  height: auto;
  display: block;
  inset: auto auto auto -21%;
}

.shape.clean-cities-sc {
  z-index: 2;
  opacity: .75;
  width: 33px;
  height: 157px;
  display: block;
  inset: auto auto auto 1%;
}

.shape.r-s-mix-sc {
  z-index: 2;
  mix-blend-mode: hard-light;
  width: 59px;
  inset: auto auto auto 5%;
}

.shape.dozer-pro-sc {
  z-index: 2;
  opacity: .45;
  mix-blend-mode: overlay;
  width: 19px;
  inset: auto auto auto 5%;
}

.shape.route-sc {
  z-index: 2;
  opacity: .25;
  mix-blend-mode: overlay;
  width: 250px;
  inset: 5% 5% auto auto;
}

.screenshot-number {
  z-index: 3;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  margin: auto;
  font-size: 22px;
  font-weight: 700;
  line-height: 55px;
  position: relative;
  inset: auto;
}

.screenshot-name {
  z-index: 3;
  color: #fff;
  text-transform: capitalize;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  position: absolute;
  inset: auto auto 7% 10%;
}

.number-wrapper {
  z-index: 3;
  width: 51px;
  height: 70px;
  position: absolute;
  inset: auto 9% -6% auto;
}

.shape-shadow {
  z-index: 1;
  opacity: .35;
  position: absolute;
  inset: -7% -35% auto auto;
  transform: translate(244px);
}

.shape-shadow.fleet-shsh {
  z-index: 1;
  width: 235px;
  left: auto;
  right: -20%;
  transform: none;
}

.request-demo-inner {
  flex: none;
  order: 1;
  justify-content: space-around;
  align-items: center;
  width: 1200px;
  display: flex;
  position: relative;
}

.demo-block {
  flex: 0 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.demo-block.align-left {
  justify-content: flex-start;
}
.contact-form-wrapper.for-blog{width: 100%;}
.demo-block.form-wrapper {
  justify-content: center;
}

.demo-img-back {
  background-color: #36385a;
  width: 464px;
  height: 464px;
  position: relative;
  overflow: hidden;
}

.demo-img-back.vdx-demo-ib {
  background-color: #fab91d;
}

.demo-img-back.smart-taxi-demo-ib {
  background-color: #15a843;
}

.demo-img-back.xrent-demo-ib {
  background-color: #29ac9f;
}

.demo-img-back.odm-demo-ib {
  background-color: #f49821;
}

.demo-img-back.sguard-demo-ib {
  background-color: #2d2d5c;
}

.demo-img-back.moraqba-demo-ib {
  background-color: #263c82;
}

.demo-img-back.push-2-talk-demo-ib {
  background-color: #3b9746;
}

.demo-img-back.clean-cities-demo-ib {
  background-color: #399847;
}

.demo-img-back.smart-parking-demo-ib {
  background-color: #444c7a;
}

.demo-img-back.enforcer-demo-ib {
  background-color: #34acbe;
}

.demo-img-back.aman-demo-ib {
  background-color: #f8b42d;
}

.demo-img-back.h2go-demo-ib {
  background-color: #2a296e;
}

.demo-img-back.r-s-mix-demo-ib {
  background-color: #f6a71b;
}

.demo-img-back.dozer-pro-demo-ib {
  background-color: #493e5b;
}

.demo-img-back.route-demo-ib {
  background-color: #0a6d3b;
}

.demo-img-back-bg {
  mix-blend-mode: overlay;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.demo-img-face {
  z-index: 1;
  opacity: 0;
  width: 483px;
  height: 427px;
  position: absolute;
  inset: auto auto auto 10%;
  transform: translate(0, 50px);
}

.demo-img-face-bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.solution-form {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.highlights-wrapper-mob, .header-shape-mob {
  display: none;
}

.right-side-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.right-side-wrapper.sm-tax-bg {
  z-index: 0;
  background-color: #fff;
  background-image: none;
  width: 43%;
  inset: 0% 0% 0% auto;
}

.right-side-wrapper.fleet-bg {
  background-image: linear-gradient(to right, #1f3250, #434898);
}

.right-side-wrapper.vdx-bg {
  background-image: linear-gradient(58deg, #3954a4, #1c2857 90%);
}

.right-side-wrapper.vdx-bg.for-ar {
  justify-content: flex-start;
}

.right-side-wrapper.xrent-bg {
  perspective: 922px;
  background-image: linear-gradient(80deg, #2cb4a7, #10746b 47%);
}

.right-side-wrapper.odm-bg {
  background-image: linear-gradient(71deg, #1c5376, #0b3149 60%);
}

.left-side-img {
  opacity: .35;
  transform-origin: 0 100%;
  width: 338px;
  height: 333px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.fleet-header-bg-00 {
  z-index: 0;
  opacity: 1;
  width: 900px;
  min-width: auto;
  height: 100%;
  min-height: auto;
  display: block;
  position: absolute;
  inset: -4% 0% auto auto;
  transform: scale(1.1);
}

.fleet-header-bg-0 {
  z-index: 1;
  opacity: 1;
  transform-origin: 100% 100%;
  width: auto;
  min-width: auto;
  height: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
  inset: 0% -6% auto auto;
}

.fleet-header-bg-rings {
  z-index: -1;
  opacity: .5;
  width: 500px;
  height: 500px;
  position: absolute;
  top: 3%;
  right: 10%;
}

.fleet-header-bg-2 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 400px;
  display: flex;
  position: absolute;
  top: 11.75%;
  right: 12%;
}

.fleet-header-bg-1 {
  z-index: 2;
  transform-origin: 100% 100%;
  width: 53%;
  height: auto;
  display: block;
  position: absolute;
  inset: 4% -.1% auto auto;
}

.fleet-header-bg-6 {
  z-index: 5;
  width: 565px;
  height: auto;
  position: absolute;
  right: 2%;
}

.fleet-header-bg-6.for-ar {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.fleet-header-bg-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 449px;
  height: 296px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 28%;
}

.fleet-header-bg-7-img-back {
  opacity: .25;
  position: absolute;
}

.fleet-header-bg-7-img-face {
  opacity: .6;
  position: absolute;
  top: 9%;
  right: 3%;
}

.maze-wrapper {
  z-index: 1;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 450px;
  height: 200px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 30%;
}

.maze {
  transform-origin: 0%;
  background-image: linear-gradient(270deg, #638dff, #638dff 0%, #638dff00);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

.maze.maze-1 {
  width: 80%;
  height: 2px;
}

.maze.maze-2 {
  opacity: .6;
  width: 40%;
  margin-left: auto;
  margin-right: 100px;
}

.maze.maze-3 {
  width: 60%;
  height: 2px;
  margin-right: 40px;
}

.fleet-header-bg-8 {
  z-index: 5;
  width: 200px;
  position: absolute;
  top: 21%;
  right: 2%;
}

.fleet-header-bg-9 {
  z-index: 6;
  width: 155px;
  position: absolute;
  top: 11%;
  right: 3%;
}

.fleet-header-bg-9.for-ar {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.fleet-lottie-reflection {
  z-index: 0;
  background-color: #eef9ff;
  border-radius: 85px;
  max-width: 566px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 10% 0% 0% 10%;
}

.fleet-lottie-ring {
  opacity: .75;
  background-color: #e1f9ff;
  border: 1px solid #c6ecf6;
  border-radius: 50%;
  width: 250px;
  height: 250px;
  position: absolute;
  bottom: -15%;
  left: -5%;
}

.lottie-wrapper {
  background-color: #fff;
  border: 1px #deeef7;
  border-radius: 25px;
  position: relative;
  overflow: hidden;
}

.lottie-wrapper.xrent-lo-wr {
  z-index: 1;
  border-style: solid;
  border-color: #2eb5a8;
  border-radius: 40px;
  width: 85%;
  transform: skew(-15deg);
}

.lottie-wrapper.odm-lo-wr {
  z-index: 1;
  border-style: solid;
  border-color: #a0defc;
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  width: 85%;
  height: 350px;
  display: flex;
  transform: skew(-15deg);
}

.lottie-wrapper.sguard-lo-wr {
  z-index: 1;
  border-radius: 0;
  width: 85%;
  top: 10px;
}

.lottie-wrapper.sense-ware-lo-wr {
  z-index: 1;
  border-style: solid;
  border-color: #ededf0;
  border-radius: 45px;
  width: 85%;
  top: 10px;
}

.lottie-wrapper.moraqba-lo-wr {
  z-index: 1;
  border-style: solid;
  border-color: #c1eaff;
  border-radius: 0;
  width: 85%;
  top: 10px;
}

.lottie-wrapper.push-2-talk-lo-wr {
  z-index: 1;
  border-style: solid;
  border-color: #b6ecbc;
  border-radius: 0;
  width: 85%;
  top: 10px;
}

.lottie-wrapper.clean-cities-lo-wr {
  z-index: 1;
  border-style: solid;
  border-color: #cbeed0;
  border-radius: 0;
  width: 85%;
  top: 10px;
}

.lottie-wrapper.smart-parking-lo-wr {
  z-index: 1;
  border-style: solid;
  border-color: #5fafd5;
  border-radius: 0;
  width: 85%;
  top: 10px;
}

.lottie-wrapper.enforcer-lo-wr {
  z-index: 1;
  border-style: solid;
  border-color: #08afe2;
  border-radius: 30px;
  width: 85%;
  top: 10px;
}

.lottie-wrapper.r-s-mix-lo-wr {
  z-index: 1;
  border-style: solid;
  border-color: #9589a4;
  border-radius: 30px;
  width: 85%;
  top: 10px;
}

.lottie-wrapper.about-afaqy-lo-wr {
  z-index: 1;
  border-style: solid;
  border-color: #b5e1fa;
  border-radius: 30px;
  width: 85%;
  top: 10px;
}

.fleet-about-bg-wheel {
  z-index: 2;
  width: 180px;
  max-width: 180px;
  height: 180px;
  position: absolute;
  inset: auto auto -18% -13%;
}

.about-bg-asset-2 {
  width: 300px;
  position: absolute;
  top: -37%;
  right: -10%;
}

.fleet-about-bg-large-line {
  background-color: #ebfbff;
  width: 2px;
  height: 120vh;
  position: absolute;
  top: -110%;
  transform: rotate(34deg);
}

.fleet-about-bg-large-line-2 {
  background-color: #ebfbff;
  width: 2px;
  height: 120vh;
  position: absolute;
  top: -110%;
  left: -1%;
  transform: rotate(34deg);
}

.fleet-about-bg-asset-1 {
  width: 320px;
  position: absolute;
  inset: auto -40% -35% auto;
}

.fleet-about-bg-asset-4 {
  width: 300px;
  margin-bottom: 0;
  position: relative;
}

.fleet-about-bg-asset-3 {
  width: 300px;
  margin-top: 10px;
  margin-bottom: 25px;
  position: relative;
}

.fleet-brief-wheel {
  width: 390px;
  position: absolute;
  top: 40%;
  left: 5%;
}

.fleet-brief-asset-1 {
  width: 400px;
  position: absolute;
  top: 24%;
  right: 9%;
}

.fleet-brief-dark-wheel {
  z-index: -1;
  opacity: .1;
  width: 200px;
  position: absolute;
  top: 15%;
  left: 22%;
}

.fleet-brief-logo {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #c6ecf6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  display: flex;
  position: absolute;
  bottom: 22%;
  left: 13%;
}

.brief-logo-img {
  width: 80%;
}

.fleet-map-bg {
  z-index: 0;
  opacity: .85;
  object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  inset: 10% 0%;
  transform: skew(65deg);
}

.fleet-skewed-logo {
  width: 180px;
  position: absolute;
  inset: auto 37% 18% auto;
  transform: skew(65deg);
}

.fleet-skewed-logo-shade {
  z-index: -1;
  opacity: .25;
  width: 350px;
  position: absolute;
  bottom: 16%;
  left: auto;
  right: 30%;
  transform: skew(65deg);
}

.highlights-bg-asset-1 {
  z-index: 0;
  opacity: .35;
  width: 400px;
  position: absolute;
  top: 15%;
}

.num-bg {
  transform-origin: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: skew(0deg, -25deg);
}

.num-bg.buraq-bgn {
  background-color: var(--logo-green);
}

.num-bg.fleet-bgn {
  background-color: #394a68;
}

.num-bg.vdx-bgn {
  background-color: #3854a1;
}

.num-bg.xrent-bgn {
  background-color: #2eb5a8;
}

.num-bg.odm-bgn {
  background-color: #f49821;
}

.num-bg.sguard-bgn {
  background-color: #cc1c24;
}

.num-bg.moraqba-bgn {
  background-color: #fec90a;
}

.num-bg.clean-cities-bgn {
  background-color: #59bc57;
}

.num-bg.r-s-mix-bgn {
  background-color: #67587f;
}

.num-bg.dozer-pro-bgn {
  background-color: #ffcb00;
}

.num-bg.route-bgn {
  background-color: #1eaf7b;
}

.screenshots-mask-2 {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.screenshots-mask-2.buraq-sm {
  background-color: #1a89228c;
}

.screenshots-mask-2.fleet-sm {
  background-color: #394a68a6;
}

.screenshots-mask-2.vdx-sm {
  background-color: #3854a1bf;
}

.screenshots-mask-2.odm-sm {
  background-color: #0b3149bf;
}

.screenshots-mask-2.sguard-sm {
  background-color: #2a2a57bf;
}

.screenshots-mask-2.moraqba-sm {
  background-color: #263c82d9;
}

.screenshots-mask-2.clean-cities-sm {
  background-color: #399847bf;
}

.screenshots-mask-2.r-r-mix-sm {
  background-color: #f6a71b00;
  transition: all .2s;
}

.screenshots-mask-2.r-r-mix-sm:hover {
  background-color: #f6a71be6;
}

.screenshots-mask-2.dozer-pro-sm {
  background-color: #f6a71b00;
  transition: all .2s;
}

.screenshots-mask-2.dozer-pro-sm:hover {
  background-color: #5f5073bf;
}

.screenshots-mask-2.route-sm {
  background-color: #1eaf7bbf;
  transition: all .2s;
}

.screenshots-mask-2.route-sm:hover {
  background-color: #1eaf7bbf;
}

.vdx-title-wrapper {
  margin-bottom: 20px;
  position: relative;
}

.vdx-title-tips {
  width: 100%;
  height: 20px;
  position: absolute;
  inset: auto 0% 0%;
}

.vdx-left-side-img {
  opacity: .35;
  transform-origin: 0 100%;
  width: 330px;
  height: 252px;
  display: block;
  position: absolute;
  inset: 20% auto auto -6%;
}

.vdx-header-logo-l-bg {
  opacity: .1;
  width: 550px;
  display: block;
  position: absolute;
  inset: 1.5% auto auto 2%;
}

.vdx-header-bg-hive {
  z-index: 0;
  opacity: .35;
  transform-origin: 100% 100%;
  width: 475px;
  position: absolute;
  inset: auto 0 0 auto;
}

.vdx-header-bg-techno {
  z-index: 0;
  width: 550px;
  display: block;
  position: absolute;
  top: auto;
  right: 0;
}

.vdx-header-asset-bg-1 {
  z-index: 0;
  position: absolute;
  right: 6%;
}

.vdx-header-bg-2 {
  z-index: 1;
  position: absolute;
  bottom: auto;
  right: 10%;
}

.vdx-header--logo {
  width: 182px;
  position: absolute;
}

.vdx-header-bg-s-logo {
  position: absolute;
}

.vdx-about-anim {
  width: 100%;
  height: 495px;
  display: none;
  position: relative;
  overflow: hidden;
}

.vdx-bgsh.bg-shape {
  opacity: 0;
  top: 20%;
  left: 25%;
}

.vdx-brief-electro-wrapper {
  z-index: -1;
  width: 280px;
  display: block;
  position: absolute;
  inset: auto auto 25% 11%;
}

.vdx-brief-bg-logo {
  z-index: 1;
  width: 200px;
  position: absolute;
  inset: auto auto 38% 6%;
}

.vdx-brief-bg-white-logo {
  z-index: 0;
  opacity: 1;
  width: 600px;
  position: absolute;
  inset: auto auto 25% -18%;
}

.vdx-brief-yellow-brick {
  z-index: -1;
  width: 80px;
  position: absolute;
  inset: 27% 23% auto auto;
}

.vdx-bold-stroke {
  border: 50px solid #fff;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  position: absolute;
  inset: 33% 16.1% auto auto;
}

.vdx-brief-circular-shape {
  z-index: 0;
  width: 235px;
  height: 235px;
  display: block;
  position: absolute;
  inset: 30% 15% auto auto;
}

.smart-taxi-header-left-texture {
  z-index: 0;
  transform-origin: 50% 100%;
  width: 80px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.smart-taxi-hd-bg-texture-1 {
  z-index: 0;
  opacity: .75;
  width: 436px;
  height: 670px;
  display: block;
  position: absolute;
  inset: auto auto -20% 15%;
}

.smart-taxi-h-bg-pattern-left {
  width: 215px;
  display: block;
  position: absolute;
  inset: auto auto 0% 21%;
}

.smart-taxi-h-bg-asset-1 {
  z-index: -2;
  width: 230px;
  height: 587px;
  display: block;
  position: absolute;
  inset: auto auto -7% 45.8%;
}

.smart-taxi-header-asset-2 {
  z-index: -1;
  transform-origin: 50% 100%;
  width: 283px;
  height: 681px;
  display: block;
  position: absolute;
  inset: auto auto -7% 48%;
}

.smart-taxi-h-bg-asset-4 {
  z-index: 2;
  width: 215px;
  display: block;
  position: absolute;
  inset: auto 82% 0% auto;
}

.vertical-maze-wrapper {
  z-index: 2;
  justify-content: space-around;
  align-items: center;
  width: 50px;
  height: 150px;
  display: flex;
  position: absolute;
  bottom: 1%;
  left: 0;
}

.vertical-maze {
  transform-origin: 50% 100%;
  background-image: linear-gradient(190deg, #15a843, #15a843 0%, #15a84300 70%);
  width: 2px;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

.vertical-maze.l-1 {
  width: 3px;
}

.vertical-maze.m-1 {
  width: 2px;
  height: 75%;
  margin-top: -60px;
}

.vertical-maze.s-1 {
  width: 1px;
  height: 45%;
  margin-top: -150px;
}

.vertical-maze.l-2 {
  width: 2px;
  height: 75%;
  margin-top: 60px;
  margin-bottom: 0;
}

.smart-taxi-h-bg-texture-right {
  z-index: 1;
  width: 150px;
  display: block;
  position: absolute;
  bottom: 8.5%;
}

.smart-taxi-h-bg-pattern-right {
  width: 63px;
  display: block;
  position: absolute;
  top: 15%;
}

.smart-taxi-h-bg-asset-3 {
  z-index: 3;
  width: 500px;
  position: absolute;
  bottom: 38%;
  right: 9%;
}

.stroked-breaker {
  z-index: 0;
  transform-origin: 50% 100%;
  background-color: #fff;
  border-left: 1px solid #d1e5d3;
  border-right: 1px solid #d1e5d3;
  width: 73%;
  height: 100%;
  display: block;
  position: absolute;
  left: 14%;
}

.smart-taxi-h-bg-logo {
  z-index: 1;
  width: 200px;
  position: absolute;
  top: 1%;
  right: 35%;
}

.smart-taxi-h-bg-white-logo {
  width: 300px;
  display: block;
  position: absolute;
  inset: auto 11% 8% auto;
}

.smart-taxi-h-bg-logo-txt {
  width: 175px;
  display: block;
  position: absolute;
  inset: auto 12% 2% auto;
}

.sol-item-wrapper {
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  position: relative;
}

.sol-item-wrapper.for-ar {
  flex-direction: row-reverse;
}

.sol-item-img {
  width: auto;
  height: 45px;
  margin-right: 50px;
  position: relative;
}

.sol-item-title {
  color: #fff;
  text-align: left;
  text-transform: capitalize;
  border-left: 1px solid #fff;
  height: 80px;
  margin-bottom: 0;
  padding-left: 50px;
  font-family: DM Sans, sans-serif;
  font-size: 22px;
  line-height: 80px;
  position: relative;
}

.sol-item-title.smt.for-ar {
  font-family: Cairo;
}

.smart-taxi-bgsh.bg-shape {
  width: 55px;
  max-width: 100%;
  display: block;
  top: 10%;
  left: 5%;
}

.smart-taxi-brief-white-logo-bg {
  z-index: -1;
  width: 400px;
  position: absolute;
  inset: auto 0% 20% auto;
}

.smart-taxi-brief-logo-bg {
  width: 200px;
  position: absolute;
  inset: auto 10% 21% auto;
}

.brief-maze-wrapper {
  z-index: 2;
  justify-content: space-around;
  align-items: center;
  width: 50px;
  height: 150px;
  display: flex;
  position: absolute;
  inset: auto 11% 34% auto;
}

.smart-taxi-brief-bg-pattern-right {
  width: 63px;
  display: block;
  position: absolute;
  top: 15%;
  right: 0;
}

.smart-taxi-brief-pattern {
  z-index: -1;
  transform-origin: 50% 0;
  width: 339px;
  display: block;
  position: absolute;
  inset: 6% 0% auto auto;
}

.smart-taxi-brief-vertical-logo-bg {
  z-index: -1;
  width: 115px;
  position: absolute;
  inset: 26% auto auto 10%;
}

.smart-taxi-brief-lines-bg {
  z-index: -2;
  width: 175px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.smart-taxi-brief-car-bg {
  width: 50px;
  display: block;
  position: absolute;
  inset: auto auto 0% 14%;
}

.smart-taxi-texture-img {
  z-index: -1;
  display: block;
  position: relative;
}

.smart-taxi-texture-mask {
  z-index: 0;
  transform-origin: 50% 0;
  background-color: #fff;
  position: absolute;
  inset: 0%;
}

.sm-ta-brief-lines-img {
  z-index: -1;
  display: block;
  position: relative;
}

.xrent-header-bg {
  z-index: 0;
  opacity: .6;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.x-rent-header-bg-lines {
  z-index: 0;
  opacity: .07;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.xrent-h-bg-asset-1 {
  z-index: 0;
  width: 621px;
  position: absolute;
  inset: 0% 15% auto auto;
}

.xrent-white-tendance {
  z-index: 1;
  background-color: #fff;
  border-radius: 25px;
  width: 600px;
  height: 105%;
  position: absolute;
  right: -4%;
  overflow: hidden;
  transform: skew(-33deg);
}

.xrent-h-bg-x {
  z-index: 1;
  width: 523px;
  display: block;
  position: absolute;
  inset: 9% 17% auto auto;
}

.xrent-h-bg-asset-2 {
  z-index: 3;
  width: 500px;
  display: block;
  position: absolute;
  inset: 20% 9% auto auto;
}

.xrent-h-bg-stroke-x {
  z-index: 2;
  width: 400px;
  display: block;
  position: absolute;
  inset: 17% 20% auto auto;
}

.xrent-h-bg-asset-4 {
  z-index: auto;
  width: 300px;
  height: 171px;
  display: block;
  position: absolute;
  inset: auto 47% -1% auto;
  transform: skew(33deg);
}

.xrent-h-bg-asset-3 {
  z-index: 5;
  width: 550px;
  display: block;
  position: absolute;
  bottom: 20%;
  right: 5%;
}

.xrent-h-bg-stroke-logo {
  width: 170px;
  height: 118px;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: skew(33deg);
}

.xrent-h-logo {
  z-index: 4;
  width: 100px;
  height: 88px;
  display: block;
  position: absolute;
  inset: 2% 13% auto auto;
}

.xrent-lottie-bg-1 {
  z-index: -1;
  transform-origin: 0 0;
  width: 200px;
  display: block;
  position: absolute;
  inset: auto 5% -10% auto;
}

.xrent-lottie-bg-2 {
  z-index: -1;
  transform-origin: 50%;
  width: 175px;
  display: block;
  position: absolute;
  inset: auto auto -19% -6%;
}

.xrent-lottie-bg-3 {
  z-index: -1;
  width: 155px;
  display: block;
  position: absolute;
  inset: auto auto -30% 20%;
}

.xrent-lottie-bg-4 {
  z-index: -1;
  width: 160px;
  display: block;
  position: absolute;
  right: 15.9%;
}

.xrent-lottie-bg-2-topright {
  z-index: -1;
  transform-origin: 50%;
  width: 185px;
  display: block;
  position: absolute;
  inset: -21% -8% auto auto;
}

.xrent-lottie-bg-5 {
  z-index: -1;
  transform-origin: 100% 100%;
  display: block;
  position: absolute;
  inset: -7% auto auto 7%;
}

.xrent-lottie-bg-8 {
  z-index: -1;
  transform-origin: 100%;
  width: 210px;
  display: block;
  position: absolute;
  inset: auto auto auto -24%;
}

.xrent-lottie-bg-6 {
  z-index: -1;
  transform-origin: 0 100%;
  width: 50px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.xrent-logo {
  width: 115px;
  margin-bottom: 30px;
  position: relative;
}

.xrent-lottie-bg-7 {
  z-index: -1;
  transform-origin: 0%;
  width: 350px;
  display: block;
  position: absolute;
  top: 30%;
  left: -17%;
}

.xrent-lottie-bg-9 {
  z-index: -1;
  width: 120px;
  position: absolute;
  inset: 13% 0% auto auto;
}

.xrent-lottie-bg-10 {
  z-index: -1;
  transform-origin: 100% 100%;
  width: 200px;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.xrent-lottie-bg-11 {
  z-index: -1;
  width: 100px;
  display: block;
  position: absolute;
  inset: 20% -3% auto auto;
}

.xrent-brief-bg-1 {
  z-index: -1;
  opacity: .45;
  width: 160px;
  display: block;
  position: absolute;
  inset: 33% -5% auto auto;
  transform: rotate(-90deg);
}

.xrent-brief-bg-2-topright {
  z-index: -1;
  transform-origin: 50%;
  width: 185px;
  display: block;
  position: absolute;
  inset: 17% 21% auto auto;
}

.xrent-brief-bg-2-bottomleft {
  z-index: -1;
  transform-origin: 50%;
  width: 185px;
  display: block;
  position: absolute;
  inset: auto auto 6% 22%;
}

.xrent-brief-white-logo {
  width: 175px;
  display: block;
  position: absolute;
  top: 34%;
  left: 11%;
}

.xrent-brief-bg-asset-1 {
  width: 30px;
  display: block;
  position: absolute;
  inset: 45% 25.5% auto auto;
}

.xrent-brief-bg-asset-2 {
  width: 110px;
  display: block;
  position: absolute;
  top: 31%;
  left: 22%;
  transform: rotate(12deg);
}

.xrent-brief-bg-asset-3 {
  width: 150px;
  display: block;
  position: absolute;
  top: 47%;
  left: 18%;
  transform: rotate(-180deg);
}

.xrent-brief-bg-asset-4 {
  width: 50px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.xrent-highlights-bg-shape {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 5%;
}

.odm-header-asset-0-left {
  opacity: .35;
  transform-origin: 0 100%;
  width: 880px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.odm-header-curved-logo {
  z-index: 1;
  opacity: .55;
  width: 400px;
  position: absolute;
  inset: auto auto 5% -3%;
}

.odm-header-blue-logo {
  opacity: .15;
  width: 400px;
  display: block;
  position: absolute;
  inset: 5% auto auto 10%;
}

.odm-header-asset-0 {
  opacity: .75;
  transform-origin: 100% 100%;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.odm-header-asset-5 {
  z-index: 0;
  opacity: .1;
  transform-origin: 0 100%;
  display: block;
  position: absolute;
  inset: auto 3% 0% auto;
}

.odm-header-asset-5-b {
  z-index: 0;
  opacity: .2;
  transform-origin: 100% 100%;
  display: block;
  position: absolute;
  inset: auto 2% 0% auto;
  transform: scale(.99);
}

.odm-header-asset-5-c {
  z-index: 0;
  opacity: .75;
  transform-origin: 0 100%;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: scale(.98);
}

.odm-h-dashed-strok-arrow {
  z-index: 0;
  transform-origin: 0 100%;
  display: block;
  position: absolute;
  inset: auto .75% 0% auto;
  transform: scale(.98);
}

.odm-header-lens-flare {
  z-index: 1;
  transform-origin: 100% 100%;
  width: 154px;
  display: block;
  position: absolute;
  inset: auto auto 4% 33.5%;
  transform: rotate(-11deg);
}

.odm-header-asset-1 {
  z-index: auto;
  transform-origin: 100% 100%;
  width: 823px;
  height: 613px;
  display: block;
  position: absolute;
  inset: auto -.3% -.3% auto;
}

.odm-header-asset-2 {
  z-index: auto;
  transform-origin: 100% 100%;
  display: block;
  position: absolute;
  inset: auto 1% 0% auto;
}

.odm-header-asset-4 {
  z-index: 2;
  width: 570px;
  display: block;
  position: absolute;
  inset: auto 29.5% 0% auto;
}

.odm-header-white-logo {
  z-index: 3;
  width: 600px;
  display: block;
  position: absolute;
  inset: auto 12% 6% auto;
}

.odm-header-logo {
  z-index: 4;
  width: 275px;
  height: 89px;
  position: absolute;
  inset: auto 20% 6% auto;
}

.odm-h-blue-arrow {
  z-index: -1;
  opacity: 1;
  width: 86px;
  height: 203px;
  display: block;
  position: absolute;
  inset: -11% 2% auto auto;
}

.odm-h-min-blue-arrow {
  z-index: -1;
  opacity: .65;
  width: 72px;
  height: 170px;
  display: block;
  position: absolute;
  inset: -9% 4% auto auto;
}

.odm-header-orange-arrow {
  z-index: 0;
  width: 79px;
  height: 200px;
  display: block;
  position: absolute;
  inset: -12% 3% auto auto;
}

.odm-header-lens-flare-single {
  z-index: 1;
  width: 71px;
  display: block;
  position: absolute;
  inset: 9% 4.4% auto auto;
}

.odm-header-asset-3 {
  z-index: 5;
  width: 570px;
  display: block;
  position: absolute;
  inset: 19% 2% auto auto;
}

.odm-sew-bg {
  z-index: -1;
  background-image: linear-gradient(72deg, #13537c, #0c324a 68%);
  position: absolute;
  inset: 0%;
}

.odm-sol-bg-arrow {
  z-index: 1;
  transform-origin: 0 100%;
  width: 87px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.odm-lottie.lottie-animation-4 {
  margin: auto;
  position: relative;
  transform: skew(13deg);
}

.odm-logo {
  width: 274px;
  margin-bottom: 30px;
  position: relative;
}

.odm-white-logo {
  z-index: -1;
  width: 475px;
  display: block;
  position: absolute;
  top: -7%;
}

.odm-lottie-pattern {
  transform-origin: 100% 0;
  width: 130px;
  height: 165px;
  position: absolute;
  inset: -3% -6% auto auto;
}

.odm-lottie-pattern-left {
  transform-origin: 100% 0;
  transform-style: preserve-3d;
  width: 130px;
  height: 165px;
  position: absolute;
  inset: 0% auto auto -31%;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.odm-lottie-about-bg-1 {
  z-index: 0;
  width: 454px;
  display: block;
  position: absolute;
  inset: auto auto 4% 7%;
}

.odm-about-bg-pattern {
  z-index: -1;
  transform-style: preserve-3d;
  width: 130px;
  height: 165px;
  display: block;
  position: absolute;
  inset: auto auto 8% 34%;
  transform: rotate(20deg)rotateX(0)rotateY(-180deg)rotateZ(0);
}

.odm-lottie-about-bg-2 {
  z-index: -1;
  width: 250px;
  display: block;
  position: absolute;
  inset: 0% auto auto 29%;
}

.odm-lottie-about-bg-arrow {
  z-index: 0;
  width: 120px;
  display: block;
  position: absolute;
  inset: 9% auto auto 34%;
}

.odm-powered-by-af {
  width: 235px;
  display: block;
  position: absolute;
  bottom: 0;
}

.odm-about-bg-3 {
  transform-origin: 100% 100%;
  width: 350px;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.brief-bg-pattern {
  z-index: -1;
  transform-style: preserve-3d;
  display: block;
  position: absolute;
  inset: -4% auto auto -4%;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.odm-brief-video-bg {
  z-index: -1;
  transform-origin: 100% 100%;
  width: 250px;
  height: 190px;
  display: block;
  position: absolute;
  inset: auto -10% -10% auto;
}

.odm-brief-bg-1 {
  z-index: 0;
  width: 449px;
  height: 335px;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.odm-brief-bg-arrow {
  width: 120px;
  display: block;
  position: absolute;
  inset: auto 12% -8% auto;
}

.odm-about-bg-4 {
  display: block;
  position: absolute;
  inset: 0% auto auto 25%;
}

.odm-about-bg-5 {
  width: 200px;
  display: block;
  position: absolute;
  inset: 54% auto auto 0%;
  transform: rotate(90deg);
}

.odm-about-bg-vertical-logo {
  width: 50px;
  display: block;
  position: absolute;
  inset: 30% auto auto 10%;
}

.odm-about-bg-white-logo {
  width: 440px;
  display: block;
  position: absolute;
  inset: 16% 9% auto auto;
}

.odm-about-bg-logo {
  width: 250px;
  display: block;
  position: absolute;
  inset: 35% 7% auto auto;
}

.odm-brief-bg-waves {
  transform-origin: 0 100%;
  width: 300px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.card-list {
  color: #23286b;
  margin-top: 10px;
  font-size: 18px;
  line-height: 30px;
  list-style-type: decimal;
  position: relative;
}

.card-list.supp-asset-ul {
  padding-left: 20px;
  list-style-type: none;
}

.odm-screenshots-bg-arrow {
  z-index: 3;
  transform-origin: 0 100%;
  width: 80px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.mob-header {
  display: none;
}

.sguard-header-left-asset {
  opacity: .25;
  transform-origin: 0 100%;
  width: 300px;
  height: 300px;
  display: block;
  position: absolute;
  inset: auto auto -7% -3%;
}

.sguard-header-bg-pattern {
  z-index: -1;
  width: 75%;
  display: block;
  position: absolute;
  inset: 0%;
}

.sguard-header-bg-asse-1 {
  width: 249px;
  height: 333px;
  display: block;
  position: absolute;
  inset: auto auto 0% 40%;
}

.sguard-header-bg-asse-2 {
  opacity: 1;
  width: 597px;
  height: 683px;
  display: block;
  position: absolute;
  inset: auto auto 0% 40%;
}

.sguard-header-bg-asse-5 {
  transform-origin: 50% 0;
  width: 293px;
  height: 613px;
  display: block;
  position: absolute;
  inset: auto auto 11% 42%;
}

.sguard-header-bg-asse-12 {
  width: 460px;
  height: 460px;
  display: block;
  position: absolute;
  inset: -34% auto auto 44%;
}

.sguard-header-bg-asse-3 {
  z-index: 1;
  opacity: .45;
  width: 275px;
  height: 599px;
  display: block;
  position: absolute;
  inset: -1% auto auto 42%;
}

.sguard-header-bg-asse-4 {
  z-index: 2;
  display: block;
  position: absolute;
  top: 3%;
  left: 43.5%;
}

.sguard-header-bg-lens-flare {
  z-index: 3;
  width: 809px;
  height: 768px;
  display: block;
  position: absolute;
  bottom: 24%;
  left: 18%;
}

.sguard-white-block {
  z-index: 4;
  background-color: #fff;
  width: 40%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.sguard-header-bg-asse-7 {
  width: 400px;
  display: block;
  position: absolute;
  top: 10%;
  left: -32%;
}

.sguard-header-bg-asse-9 {
  z-index: 1;
  width: 246px;
  height: 283px;
  display: block;
  position: absolute;
  inset: -7% auto auto -20%;
}

.sguard-header-bg-asse-14 {
  transform-origin: 100% 100%;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.sguard-header-bg-asse-15 {
  z-index: 1;
  width: 47px;
  height: 75px;
  display: block;
  position: absolute;
  inset: auto -.5% 0% auto;
}

.sguard-header-bg-asse-13 {
  z-index: -1;
  width: 406px;
  height: 653px;
  display: block;
  position: absolute;
  inset: auto auto -1% 1%;
}

.sguard-header-bg-asse-6 {
  display: block;
  position: absolute;
  inset: 3% auto auto 1%;
}

.sguard-header-bg-asse-8 {
  z-index: 2;
  width: 575px;
  display: block;
  position: absolute;
  inset: 22% 20% auto auto;
}

.sguard-sol-bg-txt {
  width: 30px;
  position: absolute;
  inset: auto 5% auto auto;
}

.sguard-about-logo-bg {
  z-index: -1;
  background-color: #bbbcbc;
  width: 80%;
  height: 1px;
  position: absolute;
  top: 24%;
}

.sguard-about-bg-1 {
  width: 200px;
  position: absolute;
  inset: auto 45% 0% auto;
}

.sguard-about-bg-2 {
  width: 219px;
  position: absolute;
  inset: auto auto 0% -1%;
}

.sguard-about-bg-6 {
  width: 200px;
  display: block;
  position: absolute;
  inset: 10% auto auto 5%;
}

.sguard-about-bg-3 {
  width: 450px;
  display: block;
  position: absolute;
  top: 18%;
  left: 15%;
}

.sguard-about-bg-4 {
  z-index: 2;
  width: 235px;
  position: absolute;
  top: 17%;
  left: 31%;
}

.sguard-about-bg-5 {
  z-index: 3;
  width: 90px;
  display: block;
  position: absolute;
  inset: 11% auto auto 27%;
}

.sguard-about-bg-7 {
  z-index: 0;
  width: 100px;
  display: block;
  position: absolute;
  inset: 15% 0% auto auto;
}

.sguard-about-bg-8 {
  z-index: -1;
  width: 250px;
  display: block;
  position: absolute;
  inset: 20% -10% auto auto;
}

.sguard-brief-bg-1 {
  z-index: -1;
  width: 185px;
  display: block;
  position: absolute;
  inset: 10% auto auto -18%;
}

.sguard-brief-bg-2 {
  z-index: -1;
  width: 150px;
  display: block;
  position: absolute;
  inset: -3% auto auto -25%;
}

.sguard-brief-bg-3 {
  z-index: -3;
  opacity: .5;
  width: 195px;
  display: block;
  position: absolute;
  inset: 12% auto auto -34%;
}

.sguard-brief-bg-4 {
  width: 130px;
  display: block;
  position: absolute;
  inset: 23% auto auto -30%;
}

.sguard-brief-bg-5 {
  z-index: -3;
  opacity: .75;
  width: 130px;
  display: block;
  position: absolute;
  inset: auto auto -10% -17%;
}

.sguard-brief-bg-6 {
  width: 350px;
  display: block;
  position: absolute;
  inset: 10% 4% auto auto;
}

.sguard-brief-bg-7 {
  z-index: 1;
  width: 185px;
  display: block;
  position: absolute;
  inset: 26% 8% auto auto;
}

.sguard-brief-bg-8 {
  z-index: 2;
  width: 115px;
  display: block;
  position: absolute;
  inset: 32% 10.5% auto auto;
}

.sguard-brief-bg-9 {
  z-index: -1;
  transform-style: preserve-3d;
  width: 150px;
  display: block;
  position: absolute;
  inset: auto -3% -20% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.sguard-brief-bg-10 {
  z-index: -1;
  opacity: .45;
  width: 60px;
  display: block;
  position: absolute;
  inset: auto -10% -16% auto;
  transform: rotate(123deg);
}

.sguard-brief-bg-11 {
  z-index: 2;
  display: block;
  position: absolute;
  inset: 25% 13% auto auto;
}

.calculator-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto 1fr auto auto auto;
  grid-template-columns: .5fr 1fr 1fr 1fr;
  width: 1100px;
  max-width: 100%;
  position: relative;
}

.vehicle-holder {
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.vehicle-holder.last-holder-bottom {
  border-bottom-style: none;
}

.image-9 {
  max-width: 30px;
}

.form-holder {
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
  position: relative;
}

.form-holder.last-holder, .form-holder.last-holder-bottom {
  border-bottom-style: none;
}

.form-holder.last-holder-right {
  border-right-style: none;
}

.savings-calculator {
  z-index: 0;
  background-color: #fff;
  margin-top: 50px;
  margin-bottom: 50px;
  display: block;
  position: relative;
}

.calculator-form {
  flex-direction: column;
  display: flex;
  position: relative;
}

.calculate-button {
  color: #fff;
  text-align: center;
  background-color: #1a8922;
  border-radius: 5px;
  width: auto;
  max-width: 250px;
  height: 45px;
  margin-top: 0;
  margin-left: auto;
  font-size: 18px;
  transition: background-color .2s ease-in;
  display: block;
  position: relative;
  right: 10px;
}

.calculate-button:hover {
  background-color: #44b07e;
}

.calc-par {
  color: #1b325f;
  text-align: right;
  text-transform: capitalize;
  margin-top: 20px;
  margin-left: auto;
  margin-right: 60px;
  font-size: 16px;
  position: relative;
}

.buttons-container {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.button-holder {
  flex: 1;
  padding-top: 50px;
  position: relative;
}

.button-holder.for-co-profile {
  padding-top: 0;
}

.vehicle-title {
  color: #1b325f;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}

.title-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.calc-title {
  color: #1b325f;
  text-align: center;
  font-size: 22px;
  position: relative;
}

.calc-title-no {
  color: #bcbcbb;
  font-size: 16px;
  position: absolute;
  inset: 30% auto auto 5%;
}

.calc-title-desc {
  color: #1b325f;
  text-align: center;
  width: 75%;
  font-size: 16px;
  position: relative;
}

.refine-submission {
  color: #1b325f;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 45px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.image-10 {
  margin-left: 10px;
}

.refine-par {
  color: #1b325f;
  text-align: left;
  text-transform: capitalize;
  margin-top: 20px;
  margin-left: auto;
  margin-right: 60px;
  font-size: 16px;
  position: relative;
}

.bordered-circle-left {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: none;
  position: absolute;
  inset: -11% auto auto -15%;
}

.bordered-circle-right {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: none;
  position: absolute;
  inset: -11% -25px auto auto;
}

.solid-circle-top {
  background-color: #dbdbdb;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: auto auto 15% -2%;
}

.solid-circle-top.white-bg {
  background-color: #fff;
  display: none;
}

.solid-circle-bottom {
  background-color: #dbdbdb;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: auto auto -20% -2%;
}

.calculator-field {
  color: #1b325f;
  text-align: center;
  background-color: #fff;
  border-radius: 5px 0 0 5px;
  width: 70%;
  height: 45px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  transition: box-shadow .2s;
  position: relative;
}

.calculator-field:focus {
  border: 1px solid #1875f0;
  box-shadow: 0 0 4px #1875f0;
}

.calculator-field.round-corners {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.calculator-select-field {
  color: #1b325f;
  background-color: #fff;
  border-radius: 5px;
  width: 75%;
  height: 45px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
  transition: box-shadow .2s;
}

.calculator-select-field:focus {
  box-shadow: 0 0 4px #1875f0;
}

.calc-val {
  color: #bcbcbb;
  text-align: center;
  border: 1px solid #ccc;
  border-left-style: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 40px;
  height: 45px;
  font-size: 13px;
  line-height: 45px;
  position: relative;
}

.refine-calc-container {
  z-index: 1;
  opacity: 0;
  perspective-origin: 50%;
  transform-origin: 0 100%;
  background-color: #fff;
  display: none;
  position: absolute;
  inset: 0%;
}

.refine-calculation {
  z-index: 0;
  margin-top: 50px;
  margin-bottom: 50px;
  display: block;
  position: relative;
}

.refine-calc-form {
  flex-direction: column;
  display: flex;
  position: relative;
}

.refine-calc-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto 1fr auto auto auto;
  grid-template-columns: .65fr 1fr 1fr 1fr 1fr;
  width: 1100px;
  max-width: 100%;
  position: relative;
}

.refine-form-title {
  background-color: var(--logo-green);
  position: relative;
}

.hide-refine-submission {
  color: #1b325f;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 45px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.afaqy-sympol-section-bg {
  z-index: -1;
  opacity: .15;
  width: 500px;
  height: 518px;
  display: block;
  position: absolute;
  inset: auto -10% -5% auto;
  overflow: hidden;
}

.afaqy-sympol-section-bg.effected {
  opacity: .1;
  mix-blend-mode: overlay;
}

.afaqy-sympol-section-bg.for-preloader {
  z-index: 0;
  opacity: .3;
}

.refine-title {
  color: #fff;
  text-align: center;
  font-size: 20px;
}

.calculation-success {
  z-index: 3;
  transform-origin: 0 100%;
  background-color: #1b325f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.success-heading {
  color: #fff;
  text-transform: capitalize;
  font-size: 24px;
  position: relative;
}

.calc-success-icon {
  width: 45px;
  height: 55px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

.calc-afaqy-logo-txt-bg {
  width: 90px;
  height: 378.375px;
  position: absolute;
  inset: 20% auto auto 2%;
}

.calc-success-par {
  color: #fff;
  text-align: center;
  font-size: 18px;
}

.estimated-savings-type {
  width: 100%;
}

.estimated-savings-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.tab-link-txt {
  text-align: center;
  font-size: 18px;
}

.tab-link-left {
  color: #fff;
  background-color: #0000;
  flex: 1;
}

.tab-link-left.w--current {
  color: #356ddc;
  background-color: #0000;
  background-image: linear-gradient(270deg, #102754, #1a325e00);
  border-bottom: 1px solid #356ddc;
  border-right: 1px solid #356ddc;
}

.tab-pane-left {
  border-bottom: 1px solid #356ddc;
  border-left: 1px solid #356ddc;
  padding: 26px;
}

.success-savings-title {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}

.tabs-menu {
  justify-content: center;
  display: flex;
}

.tab-link-right {
  color: #fff;
  background-color: #0000;
  flex: 1;
}

.tab-link-right.w--current {
  color: #356ddc;
  background-color: #0000;
  background-image: linear-gradient(270deg, #1a325e00, #102754);
  border-bottom: 1px solid #356ddc;
  border-left: 1px solid #356ddc;
  border-right: 0 #356ddc;
}

.tab-pane-right {
  border-bottom: 1px solid #356ddc;
  border-left-style: none;
  border-left-color: #356ddc;
  border-right: 1px solid #356ddc;
  padding: 26px;
}

.success-solid-circle-top {
  background-color: #315bad;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: -10% auto auto;
}

.tab-pane-row {
  justify-content: space-around;
  align-items: center;
  height: 60px;
  display: flex;
}

.annual-savings-value {
  color: #fff;
  font-size: 18px;
  position: relative;
}

.horizontal-break-line {
  background-color: #315bad;
  width: 25%;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.success-solid-circle-right-bottom {
  background-color: #315bad;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: auto -3% -3% auto;
}

.tabs-content {
  overflow: visible;
}

.vertical-break-line {
  transform-origin: 50% 100%;
  background-color: #315bad;
  width: 1px;
  height: 60%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto -2.5% 20% auto;
}

.annual-net-savings-value {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  position: relative;
}

.net-savings-holder {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 90px;
  display: flex;
  position: relative;
}

.submissions-holder {
  justify-content: space-around;
  align-items: center;
  width: 90%;
  height: 100px;
  display: flex;
  position: relative;
}

.get-demo {
  color: #fff;
  text-align: center;
  background-color: #1a8922;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  max-width: 250px;
  height: 45px;
  margin-top: 0;
  margin-left: auto;
  font-size: 18px;
  transition: background-color .2s ease-in;
  display: flex;
  position: relative;
  right: 10px;
}

.get-demo:hover {
  background-color: #44b07e;
}

.input-adjusting {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border-radius: 5px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 200px;
  max-width: 250px;
  height: 45px;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  font-size: 18px;
  transition: background-color .2s ease-in;
  display: flex;
  position: relative;
  left: 10px;
  right: auto;
}

.text-block-45 {
  line-height: 45px;
  position: relative;
}

.submit-chevron {
  width: 10px;
  margin-right: 15px;
  display: block;
  position: relative;
}

.sense-ware-white-block {
  z-index: 4;
  background-color: #fff;
  width: 40%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.sense-ware-header-bg-asse-12 {
  opacity: .5;
  mix-blend-mode: overlay;
  width: 460px;
  height: 460px;
  display: block;
  position: absolute;
  inset: -34% auto auto 44%;
}

.sense-ware-bg-asset-3 {
  mix-blend-mode: overlay;
  width: 300px;
  height: 695.85px;
  display: block;
  position: absolute;
  inset: -9% auto auto 40%;
}

.sense-ware-bg-asset-4 {
  opacity: .45;
  mix-blend-mode: overlay;
  width: 280px;
  height: 707px;
  display: block;
  position: absolute;
  inset: -10% auto auto 42%;
}

.sense-ware-bg-asset-5 {
  z-index: 1;
  width: 229px;
  display: block;
  position: absolute;
  inset: 2% auto auto -36%;
}

.sense-ware-bg-asset-6 {
  z-index: 0;
  width: 256px;
  height: 206px;
  display: block;
  position: absolute;
  inset: -3% auto auto 43.5%;
}

.sense-ware-logo-txt-white {
  width: 225px;
  display: block;
  position: absolute;
  inset: auto auto 5% 15%;
}

.sense-ware-logo {
  width: 150px;
  height: 68.4875px;
  display: block;
  position: absolute;
  inset: 5% 10% auto auto;
}

.sense-ware-bg-asset-7 {
  z-index: 0;
  transform-origin: 0 0;
  width: 235px;
  height: 310.463px;
  display: block;
  position: absolute;
  inset: -1% auto auto 0%;
}

.sense-ware-sol-bg-txt {
  opacity: .2;
  mix-blend-mode: difference;
  width: 65px;
  position: absolute;
  inset: auto 5% auto auto;
}

.sense-ware-about-bg-7 {
  z-index: 0;
  width: 135px;
  display: block;
  position: absolute;
  inset: 26% -4% auto auto;
}

.sense-ware-about-logo {
  border: 4px solid #fff;
  width: 135px;
  margin-bottom: 30px;
  position: relative;
}

.sense-ware-about-bg-4 {
  width: 489px;
  height: 669.775px;
  display: block;
  position: absolute;
  left: 14%;
}

.sense-ware-about-bg-5 {
  transform-origin: 100% 100%;
  width: 124px;
  height: 126.413px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.sense-ware-about-bg-white-logo {
  width: 200px;
  height: 80.45px;
  display: block;
  position: absolute;
  inset: auto 22% 9% auto;
}

.sense-ware-brief-bg-1 {
  width: 239px;
  display: block;
  position: absolute;
  inset: 4% auto auto -20%;
}

.sense-ware-brief-bg-white-logo {
  width: 185px;
  display: block;
  position: absolute;
  inset: auto auto 25% 0%;
  transform: rotate(90deg);
}

.sense-ware-brief-bg-2 {
  width: 215px;
  display: block;
  position: absolute;
  inset: 22% 7% auto auto;
}

.sense-ware-header-bg-asse-8 {
  z-index: 2;
  width: 575px;
  display: block;
  position: absolute;
  inset: 22% 20% auto auto;
}

.sense-ware-circle-flare {
  mix-blend-mode: overlay;
  background-image: radial-gradient(circle, #fff, #fff0 70%);
  border: 1px solid #fff;
  border-radius: 50%;
  width: 500px;
  height: 500px;
  position: absolute;
  top: -23%;
  left: 27%;
}

.moraqba-circle-flare {
  mix-blend-mode: overlay;
  background-image: radial-gradient(circle, #fff, #fff0 70%);
  border: 3px solid #fff;
  border-radius: 50%;
  width: 520px;
  height: 520px;
  margin: auto;
  position: absolute;
  inset: 9% auto auto 50%;
}

.moraqba-white-block {
  z-index: 4;
  background-color: #fff;
  border: 3px #000;
  width: 36%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.moraqba-logo {
  width: 180px;
  height: 22px;
  display: block;
  position: absolute;
  inset: 5% 10% auto 25%;
}

.moraqba-logo-white {
  width: 280px;
  display: block;
  position: absolute;
  inset: auto auto 9% 13%;
}

.moraqba-header-bg-11 {
  z-index: 2;
  width: 489px;
  display: block;
  position: absolute;
  inset: 28% 21% auto auto;
}

.moraqba-header-bg-pattern {
  opacity: .11;
  mix-blend-mode: multiply;
  width: 603px;
  height: 685px;
  display: block;
  position: absolute;
  inset: auto auto -70% 10%;
}

.moraqba-header-bg-1 {
  opacity: .4;
  mix-blend-mode: screen;
  width: 200px;
  height: 183px;
  display: block;
  position: absolute;
  inset: -7% auto auto -3%;
}

.moraqba-header-bg-1-bottom {
  opacity: .4;
  mix-blend-mode: screen;
  width: 200px;
  height: 183px;
  display: block;
  position: absolute;
  inset: auto auto -14px -3%;
}

.moraqba-header-bg-2 {
  width: 100px;
  height: 43px;
  display: block;
  position: absolute;
  inset: 15% auto auto 6%;
}

.moraqba-header-bg-2-bottom {
  transform-style: preserve-3d;
  width: 120px;
  height: 43px;
  display: block;
  position: absolute;
  inset: auto auto 15% 6%;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.moraqba-header-bg-3 {
  mix-blend-mode: soft-light;
  width: 500px;
  display: block;
  position: absolute;
  inset: 10% auto auto 37.4%;
}

.moraqba-header-bg-12 {
  width: 340px;
  height: 637px;
  display: block;
  position: absolute;
  inset: -1% auto 0% 46%;
}

.moraqba-bg-circle-0 {
  background-color: #fff;
  border-radius: 50%;
  width: 345px;
  height: 345px;
  position: absolute;
  inset: 23% auto auto -23%;
}

.moraqba-header-bg-5 {
  opacity: .75;
  mix-blend-mode: overlay;
  width: 160px;
  height: 389.238px;
  display: block;
  position: absolute;
  inset: 19.5% auto auto 54.5%;
}

.moraqba-header-bg-str-circ {
  transform-origin: 100%;
  border: 15px solid #fff;
  border-radius: 50%;
  width: 420px;
  height: 420px;
  position: absolute;
  inset: 17% auto auto 53.6%;
}

.moraqba-header-bg-6 {
  transform-origin: 100%;
  width: 177px;
  display: block;
  position: absolute;
  inset: 16.2% auto auto 53%;
}

.moraqba-header-bg-7 {
  mix-blend-mode: overlay;
  width: 183px;
  display: block;
  position: absolute;
  inset: 15% auto auto 52.5%;
}

.moraqba-header-bg-4 {
  mix-blend-mode: overlay;
  width: 510px;
  height: 510px;
  position: absolute;
  inset: 9.5% auto auto 50.5%;
}

.moraqba-circle-large {
  opacity: .55;
  mix-blend-mode: overlay;
  background-image: radial-gradient(circle, #fff, #fff0 70%);
  border: 1px solid #fff;
  border-radius: 50%;
  width: 575px;
  height: 575px;
  margin: auto;
  position: absolute;
  inset: 4% auto auto 48%;
}

.moraqba-header-bg-flare {
  transform-origin: 100% 100%;
  mix-blend-mode: color-dodge;
  width: 270px;
  height: 109.638px;
  display: block;
  position: absolute;
  inset: 12% auto auto 46%;
}

.moraqba-header-bg-9 {
  width: 320px;
  height: 633.188px;
  display: block;
  position: absolute;
  left: -3px;
}

.moraqba-header-bg-10 {
  width: 47px;
  display: block;
  position: absolute;
  inset: 17% 10% auto auto;
}

.moraqba-header-bg-8 {
  z-index: 5;
  width: 140px;
  display: block;
  position: absolute;
  inset: 20% auto auto 55%;
}

.moraqba-header-bg-13 {
  width: 45px;
  display: block;
  position: absolute;
  inset: 45% 0% auto auto;
}

.moraqba-header-bg-l-wh-logo {
  z-index: -1;
  width: 438px;
  display: block;
  position: absolute;
  inset: auto auto 2% 3%;
}

.moraqba-sol-bg-pattern {
  width: 219px;
  position: absolute;
  inset: 10% -5% auto auto;
}

.moraqba-about-logo {
  border: 4px solid #fff;
  width: 180px;
  margin-bottom: 30px;
  position: relative;
}

.moraqba-about-logo-bg {
  z-index: -1;
  width: 474px;
  height: 21px;
  position: absolute;
  top: 17%;
}

.moraqba-about-bg-5 {
  transform-origin: 100% 100%;
  width: 258px;
  height: 258px;
  display: block;
  position: absolute;
  inset: auto -7% -11% auto;
}

.moraqba-about-bg-3 {
  width: 77px;
  display: block;
  position: absolute;
  inset: auto 28% 23% auto;
}

.moraqba-about-bg-8 {
  z-index: -1;
  width: 200px;
  display: block;
  position: absolute;
  inset: 30% -8% auto auto;
}

.moraqba-about-bg-2 {
  width: 25px;
  height: 40px;
  display: block;
  position: absolute;
  inset: auto 0% 50% auto;
}

.moraqba-about-bg-2-left {
  transform-style: preserve-3d;
  width: 25px;
  height: 40px;
  display: block;
  position: absolute;
  inset: 38% 5% auto auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.moraqba-about-bg-1-left {
  transform-style: preserve-3d;
  width: 210px;
  height: 191px;
  display: block;
  position: absolute;
  inset: auto -3% -25% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.moraqba-about-bg-6 {
  display: block;
  position: absolute;
}

.moraqba-about-bg-7 {
  transform-origin: 0 100%;
  width: 235px;
  height: 380px;
  display: block;
  position: absolute;
  bottom: 6%;
}

.moraqba-about-bg-l-wh-logo {
  z-index: -1;
  width: 338px;
  display: block;
  position: absolute;
  inset: auto auto 8% 13%;
}

.moraqba-brief-bg-frame {
  width: 720px;
  max-width: none;
  display: block;
  position: absolute;
  top: -5.5%;
  right: -2%;
}

.moraqba-brief-bg-1 {
  width: 255px;
  height: 255px;
  display: block;
  position: absolute;
  inset: auto auto -3% -5%;
}

.moraqba-brief-bg-2 {
  opacity: .2;
  transform-style: preserve-3d;
  width: 45px;
  display: block;
  position: absolute;
  inset: auto auto 10% 12%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.moraqba-brief-bg-white-logo-l {
  width: 45px;
  display: block;
  position: absolute;
  inset: 15% auto auto 3%;
}

.moraqba-brief-bg-white-logo {
  width: 37px;
  display: block;
  position: absolute;
  inset: 18% auto auto 3.5%;
}

.moraqba-brief-bg-3 {
  transform-style: preserve-3d;
  width: 190px;
  height: auto;
  display: block;
  position: absolute;
  inset: 24% auto auto 18%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.moraqba-brief-bg-4 {
  height: 295px;
  display: block;
  position: absolute;
  inset: 16% 0% auto auto;
}

.moraqba-brief-bg-5 {
  width: 160px;
  display: block;
  position: absolute;
  inset: 19% -2.5% auto auto;
}

.moraqba-brief-bg-2-right {
  opacity: .2;
  width: 45px;
  display: block;
  position: absolute;
  inset: 27% 8% auto auto;
}

.moraqba-brief-bg-3-right {
  transform-style: preserve-3d;
  width: 140px;
  height: auto;
  display: block;
  position: absolute;
  inset: auto -4% 0 auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.moraqba-brief-bg-3-flipped {
  transform-style: preserve-3d;
  width: 140px;
  height: auto;
  display: block;
  position: absolute;
  inset: auto -4.5% 16% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0)rotateX(0)rotateY(180deg)rotateZ(0);
}

.success-default {
  width: 1100px;
  height: 100dvh;
}

.push-2-talk-right-block {
  z-index: 4;
  border: 3px #000;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.push-2-talk-circle-1 {
  mix-blend-mode: color-dodge;
  background-image: radial-gradient(circle, #3574d8, #3574d800 62%);
  border: 1px #fff;
  border-radius: 50%;
  width: 151px;
  height: 151px;
  margin: auto;
  position: absolute;
  inset: 4.1% auto auto 23%;
}

.push-2-talk-header-bg-1 {
  z-index: 2;
  width: 540px;
  display: block;
  position: absolute;
  inset: 28% 1% auto auto;
}

.push-2-talk-header-bg-0 {
  width: 796px;
  height: 100%;
  display: block;
  position: relative;
  inset: auto 0 auto auto;
}

.push-2-talk-header-bg-4 {
  mix-blend-mode: color-dodge;
  width: 750px;
  height: 234px;
  display: block;
  position: absolute;
  inset: auto auto -9% -1%;
}

.push-2-talk-header-bg-4-b {
  z-index: -1;
  mix-blend-mode: color-dodge;
  width: 827px;
  height: 910px;
  display: block;
  position: absolute;
  inset: auto 6% -24% auto;
}

.push-2-talk-header-bg-10 {
  transform-origin: 100%;
  mix-blend-mode: overlay;
  width: 180px;
  height: auto;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.push-2-talk-header-bg-5 {
  width: 421px;
  height: 666px;
  display: block;
  position: absolute;
  inset: 0% 14% auto auto;
}

.push-2-talk-header-bg-7 {
  mix-blend-mode: overlay;
  width: 280px;
  height: 448px;
  display: block;
  position: absolute;
  inset: 36% 29.3% auto auto;
}

.push-2-talk-header-bg-6 {
  mix-blend-mode: overlay;
  width: 183px;
  height: auto;
  display: block;
  position: absolute;
  inset: auto 32.5% 9% auto;
}

.push-2-talk-header-bg-9 {
  mix-blend-mode: screen;
  width: 600px;
  height: 142px;
  display: block;
  position: absolute;
  inset: -11.5% 20% auto auto;
}

.push-2-talk-header-bg-8 {
  z-index: -1;
  opacity: .1;
  mix-blend-mode: screen;
  width: 827px;
  height: auto;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.push-2-talk-line {
  transform-origin: 0%;
  background-image: radial-gradient(circle, #286ed3, #286ed300);
  width: 800px;
  height: 2px;
  position: absolute;
  inset: 15.5% auto auto 0%;
}

.push-2-talk-sound-wave {
  transform-origin: 0%;
  mix-blend-mode: screen;
  width: 54px;
  display: block;
  position: absolute;
  inset: 12.2% auto auto 26%;
}

.push-2-talk-circle-2 {
  mix-blend-mode: color-dodge;
  background-image: radial-gradient(circle, #3574d8, #3574d800 62%);
  border: 1px #fff;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  margin: auto;
  position: absolute;
  inset: 9.5% auto auto 25.5%;
}

.push-2-talk-header-bg-2 {
  z-index: 1;
  display: block;
  position: absolute;
  inset: 10% 5% auto auto;
}

.push-2-talk-header-bg-2.for-ar {
  top: 10%;
  right: 10%;
}

.push-2-talk-line-2 {
  z-index: 1;
  transform-origin: 100%;
  background-image: radial-gradient(circle, #286ed3, #286ed300);
  width: 190px;
  height: 2px;
  position: absolute;
  inset: 20% auto auto 40%;
}

.push-2-talk-header-logo {
  z-index: 1;
  width: 150px;
  height: 82.575px;
  display: block;
  position: absolute;
  inset: 13% 15% auto auto;
}

.push-2-talk-sound-wave-2 {
  z-index: 2;
  transform-origin: 0%;
  mix-blend-mode: normal;
  background-color: #fff;
  width: 45px;
  display: block;
  position: absolute;
  inset: 17.5% auto auto 50%;
}

.push-2-talk-sound-wave-white {
  display: block;
  position: absolute;
  inset: auto auto 41% 26%;
}

.push-2-talk-header-bg-logo-txt {
  z-index: 1;
  width: 146px;
  display: block;
  position: absolute;
  inset: auto 10% 2% auto;
}

.push-2-talk-sol-bg-shape-waves {
  mix-blend-mode: color-dodge;
  width: 55px;
  height: auto;
  position: absolute;
  inset: 0% -9% auto auto;
}

.push-2-talk-about-logo {
  border: 4px solid #fff;
  width: 121px;
  margin-bottom: 30px;
  position: relative;
}

.push-2-talk-about-bg-1 {
  width: 290px;
  display: block;
  position: absolute;
  inset: 15% auto auto 9%;
}

.push-2-talk-about-bg-waves {
  width: 132px;
  display: block;
  position: absolute;
  inset: 7% 0% auto auto;
}

.push-2-talk-about-bg-2 {
  width: 184px;
  display: block;
  position: absolute;
  inset: 50% -3% auto auto;
}

.push-2-talk-about-bg-waves-horizon {
  z-index: -1;
  width: 115px;
  display: block;
  position: absolute;
  inset: auto auto 41% 28%;
  transform: rotate(90deg);
}

.push-2-talk-about-bg-logo-txt {
  width: 146px;
  display: block;
  position: absolute;
  inset: auto auto 10% 45%;
}

.push-2-talk-line-3 {
  z-index: -1;
  transform-origin: 0%;
  background-image: radial-gradient(circle, #286ed3, #286ed300);
  width: 130px;
  height: 2px;
  position: absolute;
  inset: auto auto 12.65% 54%;
}

.push-2-talk-about-waves-green {
  transform-origin: 100%;
  width: 37px;
  display: block;
  position: absolute;
  inset: auto auto 10.75% 57%;
}

.push-2-talk-circle-3 {
  mix-blend-mode: color-dodge;
  background-image: radial-gradient(circle, #3574d8, #3574d800 64%);
  border: 1px #fff;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: auto;
  position: absolute;
  inset: auto auto -4% 11.5%;
}

.push-2-talk-brief-bg-5 {
  opacity: .35;
  width: 121px;
  display: block;
  position: absolute;
  inset: 15% -5% auto auto;
}

.push-2-talk-brief-bg-white-logo {
  width: 165px;
  display: block;
  position: absolute;
  inset: 14% 16% auto auto;
}

.push-2-talk-brief-bg-logo {
  width: 120px;
  display: block;
  position: absolute;
  inset: 16% 16% auto auto;
}

.push-2-talk-brief-bg-1 {
  display: block;
  position: absolute;
  inset: auto 16% 10% auto;
}

.push-2-talk-brief-bg-2 {
  z-index: -1;
  transform-origin: 50% 100%;
  width: 45px;
  display: block;
  position: absolute;
  inset: auto 20% 0% auto;
}

.push-2-talk-brief-waves-green {
  transform-origin: 0%;
  width: 37px;
  display: block;
  position: absolute;
  inset: auto 32% 11% auto;
}

.push-2-talk-line-4 {
  z-index: -1;
  transform-origin: 100%;
  background-image: radial-gradient(circle, #286ed3, #286ed300);
  width: 130px;
  height: 2px;
  position: absolute;
  inset: auto 29% 13% auto;
}

.push-2-talk-brief-bg-3 {
  width: 146px;
  display: block;
  position: absolute;
  inset: auto auto 13% 15%;
}

.push-2-talk-brief-waves-green-2 {
  opacity: .2;
  transform-origin: 100%;
  width: 70px;
  display: block;
  position: absolute;
  inset: auto auto 17% 10.5%;
}

.push-2-talk-brief-bg-4 {
  z-index: -1;
  display: block;
  position: absolute;
  inset: auto auto 26% 15%;
}

.push-2-talk-brief-bg-6 {
  opacity: .2;
  transform-origin: 50% 100%;
  width: 60px;
  display: block;
  position: absolute;
  inset: auto auto 42% 18%;
}

.clean-cities-white-block {
  z-index: 4;
  background-color: #fff;
  border: 3px #000;
  width: 36%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.clean-cities-logo {
  width: 147px;
  height: 111px;
  display: block;
  position: absolute;
  inset: 0% auto auto 15%;
}

.clean-cities-header-bg-0 {
  z-index: 2;
  width: 510px;
  display: block;
  position: absolute;
  inset: 34% 21% auto auto;
}

.clean-cities-header-bg-5 {
  z-index: -1;
  width: auto;
  max-width: 101%;
  height: 100%;
  display: block;
  position: absolute;
  inset: auto auto auto -36%;
}

.clean-cities-header-bg-1 {
  mix-blend-mode: soft-light;
  width: 170px;
  height: 165.675px;
  display: block;
  position: absolute;
  inset: auto auto -3% -3%;
}

.clean-cities-header-bg-2 {
  mix-blend-mode: soft-light;
  width: 300px;
  display: block;
  position: absolute;
  inset: 0% auto auto 45%;
}

.clean-cities-header-bg-3 {
  z-index: -2;
  mix-blend-mode: overlay;
  width: 330px;
  height: 100%;
  display: block;
  position: absolute;
  inset: auto auto 0% -45%;
}

.clean-cities-header-bg-4 {
  mix-blend-mode: overlay;
  width: 200px;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto 0% -48.5%;
}

.clean-cities-header-bg-8 {
  width: 400px;
  display: block;
  position: absolute;
  inset: auto auto 2% 15%;
}

.clean-cities-header-bg-9 {
  width: 57px;
  height: 253px;
  display: block;
  position: absolute;
  inset: 10% 3% auto auto;
}

.clean-cities-header-bg-10 {
  width: 150px;
  display: block;
  position: absolute;
  inset: 6% 25% auto auto;
}

.clean-cities-header-bg-11 {
  z-index: -1;
  width: 450px;
  display: block;
  position: absolute;
  inset: 10% auto auto -15%;
}

.clean-cities-header-bg-7 {
  display: block;
  position: absolute;
  inset: 33% auto auto -15%;
}

.clean-cities-sol-bg {
  width: 48px;
  position: absolute;
  inset: 6% auto auto 0%;
}

.clean-cities-about-logo {
  border: 4px solid #fff;
  width: 122px;
  margin-bottom: 30px;
  position: relative;
}

.clean-cities-about-bg-1 {
  z-index: -1;
  width: 200px;
  height: 190px;
  display: block;
  position: absolute;
  inset: auto -2% -7% auto;
}

.clean-cities-about-bubble-1 {
  border: 1px solid #b6e4be;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: auto 2% 23% auto;
}

.clean-cities-about-bubble-2 {
  border: 1px solid #b6e4be;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: absolute;
  inset: auto 5% 29% auto;
}

.clean-cities-about-bubble-3 {
  border: 1px solid #b6e4be;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto 6% 22% auto;
}

.clean-cities-about-white-logo {
  width: 300px;
  display: block;
  position: absolute;
  inset: auto 8% 5% auto;
}

.clean-cities-about-bg-2 {
  width: 100px;
  height: 229px;
  display: block;
  position: absolute;
  inset: 20% 0% auto auto;
}

.clean-cities-about-bg-3 {
  width: 170px;
  display: block;
  position: absolute;
  inset: auto -1% -7% auto;
}

.clean-cities-about-bg-4 {
  width: 140px;
  height: 215.825px;
  position: absolute;
  inset: -11% 2% auto auto;
}

.clean-cities-lottie-bubble-1 {
  border: 1px solid #b6e4be;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: absolute;
  inset: -14% 12.5% auto auto;
}

.clean-cities-lottie-bubble-2 {
  border: 1px solid #b6e4be;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: -22% 9% auto auto;
}

.clean-cities-lottie-bubble-3 {
  border: 1px solid #b6e4be;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: -15% 6% auto auto;
}

.clean-cities-about-bg-5 {
  width: 210px;
  display: block;
  position: absolute;
  inset: -13% 33% auto auto;
}

.clean-cities-about-bg-3-flipped {
  transform-style: preserve-3d;
  width: 170px;
  height: 284.488px;
  display: block;
  position: absolute;
  inset: -1% auto auto -1%;
  transform: rotateX(180deg)rotateY(180deg)rotateZ(0);
}

.clean-cities-about-bg-6 {
  width: 140px;
  height: 217.5px;
  display: block;
  position: absolute;
  inset: auto auto -18% 2%;
}

.clean-cities-lottie-bg-waves {
  z-index: -1;
  width: 100px;
  height: 229px;
  display: block;
  position: absolute;
  inset: auto auto -55% 20%;
  transform: rotate(-90deg);
}

.clean-cities-brief-logo {
  width: 112px;
  display: block;
  position: absolute;
  inset: 20% 5% auto auto;
}

.clean-cities-about-vertical-logo {
  width: 70px;
  display: block;
  position: absolute;
  top: 26%;
  left: 5%;
}

.clean-cities-brief-bg-2 {
  width: 225px;
  display: block;
  position: absolute;
  top: 25%;
  left: 18%;
}

.clean-cities-brief-bg-1 {
  width: 168px;
  display: block;
  position: absolute;
  inset: auto auto 11% 21%;
}

.clean-cities-brief-bg-1-flipped {
  z-index: -1;
  transform-style: preserve-3d;
  width: 168px;
  display: block;
  position: absolute;
  inset: 28% 23% auto auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.clean-cities-brief-bubble-3 {
  background-color: #fff;
  border: 1px solid #b6e4be;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 41% 20% auto auto;
}

.clean-cities-brief-bubble-2 {
  background-color: #fff;
  border: 1px solid #b6e4be;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: absolute;
  inset: 36% 21% auto auto;
}

.clean-cities-brief-bubble-1 {
  background-color: #fff;
  border: 1px solid #b6e4be;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 41% 22% auto auto;
}

.smart-parking-logo {
  width: 250px;
  height: auto;
  display: block;
  position: absolute;
  inset: -2% 10% auto 25%;
}

.smart-parking-header-bg-0 {
  z-index: 2;
  width: 489px;
  display: block;
  position: absolute;
  inset: 18% 12% auto auto;
}

.smart-parking-logo-light {
  z-index: -1;
  width: 360px;
  display: block;
  position: absolute;
  inset: auto auto 7% 17%;
}

.smart-parking-header-bg-3 {
  z-index: -1;
  width: 331px;
  height: auto;
  display: block;
  position: absolute;
  left: -3px;
}

.smart-parking-white-block {
  z-index: 4;
  background-color: #fff;
  border: 3px #000;
  width: 36%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.smart-parking-header-circle {
  border: 35px solid #3f4774;
  border-radius: 50%;
  width: 600px;
  height: 600px;
  margin: auto;
  position: absolute;
  inset: 2% auto auto 48%;
}

.smart-parking-hd-white-circle {
  background-color: #fff;
  border-radius: 50%;
  width: 325px;
  height: 325px;
  position: absolute;
  inset: 25% auto auto -17%;
}

.smart-parking-circle-large {
  border: 2px dashed #5dc5ea;
  border-radius: 50%;
  width: 600px;
  height: 600px;
  margin: auto;
  position: absolute;
  inset: 2% auto auto 48%;
}

.smart-parking-header-bg-5 {
  width: 600px;
  display: block;
  position: absolute;
  inset: .8% 11.75% auto auto;
}

.smart-parking-header-bg-1 {
  width: 88px;
  height: 42px;
  display: block;
  position: absolute;
  inset: auto auto -1% 60%;
}

.smart-parking-header-bg-2 {
  width: 143px;
  height: 64px;
  display: block;
  position: absolute;
  inset: -2% auto auto 58%;
}

.smart-parking-header-bg-4 {
  transform-origin: 100% 100%;
  width: 235px;
  height: auto;
  display: block;
  position: absolute;
  inset: 6% auto auto 46%;
}

.smart-parking-header-bg-9 {
  transform-origin: 100% 0;
  mix-blend-mode: soft-light;
  width: 200px;
  height: 179.925px;
  display: block;
  position: absolute;
  inset: auto auto 10% 50%;
}

.smart-parking-header-bg-8 {
  width: 348px;
  height: 196px;
  display: block;
  position: absolute;
  inset: auto auto 0% 37.3%;
}

.smart-parking-header-bg-7 {
  transform-origin: 100% 100%;
  width: 45px;
  height: 45px;
  display: block;
  position: absolute;
  inset: auto auto 7% 42.5%;
}

.smart-parking-header-bg-dot {
  background-color: #5dc5ea;
  border: 12px solid #6f5c9a;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: auto auto 15.5% 34.75%;
}

.smart-parking-header-dashed-line {
  transform-origin: 100% 100%;
  border-right: 1.75px dashed #5dc5ea;
  width: 10px;
  height: 500px;
  position: absolute;
  inset: -25% auto auto 59%;
  transform: rotate(-41deg);
}

.smart-parking-header-bg-6 {
  z-index: 4;
  width: 65px;
  height: auto;
  display: block;
  position: absolute;
  inset: 21.5% auto auto 61.5%;
}

.smart-parking-logo-txt {
  width: 27px;
  height: 213px;
  position: absolute;
  inset: 7% 5% auto auto;
}

.smart-parking-about-logo {
  border: 4px solid #fff;
  width: 202px;
  margin-bottom: 30px;
  position: relative;
}

.smart-parking-about-bg-5 {
  transform-origin: 100% 100%;
  width: 107px;
  height: 128px;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.smart-parking-about-bg-9 {
  width: 30px;
  display: block;
  position: absolute;
  inset: 40% 0% auto auto;
}

.smart-parking-about-bg-10 {
  width: 225px;
  display: block;
  position: absolute;
  inset: 16% -6.5% auto auto;
}

.smart-parking-about-bg-7 {
  width: 100px;
  display: block;
  position: absolute;
  inset: auto 20% 1% auto;
}

.smart-parking-about-bg-4 {
  width: auto;
  height: 340px;
  display: block;
  position: absolute;
  inset: -3% auto auto 4.5%;
}

.smart-parking-about-bg-3 {
  width: 60px;
  display: block;
  position: absolute;
  inset: 13% auto auto 2%;
}

.smart-parking-about-bg-6 {
  height: 360px;
  display: block;
  position: absolute;
  inset: 15% 4% auto auto;
}

.smart-parking-about-bg-5 {
  display: block;
}

.smart-parking-about-bg-8 {
  width: 160px;
  display: block;
  position: absolute;
  inset: -25% -6% auto auto;
}

.smart-parking-about-bg-dot {
  background-color: #5dc5ea;
  border: 7px solid #e3e4eb;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  position: absolute;
  inset: auto 43% -30% auto;
}

.smart-parking-about-bg-2 {
  width: 40px;
  display: block;
  position: absolute;
  inset: auto auto 15% 26%;
}

.smart-parking-about-bg-1 {
  width: 130px;
  display: block;
  position: absolute;
  inset: auto auto 15% 16%;
}

.smart-parking-brief-bg-1 {
  z-index: -1;
  width: 750px;
  display: block;
  position: absolute;
  inset: auto 15% 13% auto;
}

.smart-parking-brief-bg-2 {
  z-index: -1;
  width: 810px;
  display: block;
  position: absolute;
  inset: 24% auto auto 26%;
}

.smart-parking-brief-bg-3 {
  width: 170px;
  display: block;
  position: absolute;
  inset: auto auto 5% 21%;
  transform: rotate(180deg);
}

.smart-parking-brief-bg-4 {
  width: 60px;
  display: block;
  position: absolute;
  inset: 32% auto auto 25%;
}

.smart-parking-brief-bg-5 {
  width: 100px;
  display: block;
  position: absolute;
  inset: auto auto 0% 5%;
}

.smart-parking-brief-bg-6 {
  transform-style: preserve-3d;
  width: 36px;
  display: block;
  position: absolute;
  inset: auto auto 29% 7.5%;
  transform: rotateX(180deg)rotateY(0)rotateZ(-4deg);
}

.smart-parking-about-bg-logo {
  width: 200px;
  display: block;
  position: absolute;
  inset: auto 12% 38% auto;
}

.enforcer-header-bg-0 {
  z-index: 2;
  width: 520px;
  display: block;
  position: absolute;
  inset: 25% 25% auto auto;
}

.enforcer-logo {
  width: 180px;
  height: auto;
  display: block;
  position: absolute;
  inset: -5% auto auto 26%;
}

.enforcer-header-bg-logo-shape {
  width: 220px;
  display: block;
  position: absolute;
  inset: 7% -26% auto auto;
}

.enforcer-header-bg-logo-txt-outline {
  width: 275px;
  display: block;
  position: absolute;
  inset: auto auto 3% 0%;
}

.enforcer-header-bg-7 {
  height: 60px;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.enforcer-header-bg-6, .enforcer-header-bg-9 {
  width: 300px;
  display: block;
  position: absolute;
  top: 20%;
  left: -30%;
}

.enforcer-white-block {
  z-index: 4;
  background-color: #fff;
  border: 3px #000;
  width: 36%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.enforcer-header-bg-1 {
  transform-origin: 0 100%;
  mix-blend-mode: luminosity;
  width: 175px;
  height: 165px;
  display: block;
  position: absolute;
  inset: auto auto -5% -4%;
}

.enforcer-header-bg-pattern {
  mix-blend-mode: overlay;
  width: 275px;
  display: block;
  position: absolute;
  inset: 0% 36% 0% auto;
}

.enforcer-header-bg-2 {
  mix-blend-mode: overlay;
  width: 200px;
  display: block;
  position: absolute;
  inset: 11% 35% auto auto;
}

.enforcer-header-bg-logo-txt {
  mix-blend-mode: soft-light;
  width: auto;
  height: 77px;
  display: block;
  position: absolute;
  inset: auto auto 3% 50.65%;
}

.enforcer-header-bg-chart {
  transform-origin: 50% 100%;
  mix-blend-mode: overlay;
  width: 75px;
  display: block;
  position: absolute;
  inset: 2% auto auto 0%;
}

.enforcer-header-bg-logo-txt-1 {
  mix-blend-mode: overlay;
  width: 265px;
  display: block;
  position: absolute;
  inset: 4% auto auto 8%;
}

.enforcer-header-bg-3 {
  transform-origin: 0%;
  mix-blend-mode: color-dodge;
  width: 525px;
  display: block;
  position: absolute;
  inset: 12.5% auto auto 6%;
}

.enforcer-header-bg-heart {
  mix-blend-mode: color-burn;
  display: block;
  position: absolute;
  inset: 16% 50% auto auto;
}

.enforcer-header-bg-8 {
  opacity: .26;
  mix-blend-mode: soft-light;
  width: auto;
  height: 110px;
  display: block;
  position: absolute;
  inset: 0% auto auto 57.5%;
}

.enforcer-header-bg-4 {
  mix-blend-mode: color-burn;
  width: 70px;
  margin-left: -2px;
  margin-right: -2px;
  display: block;
  position: relative;
  inset: auto;
}

.enforcer-header-bg-line {
  opacity: .25;
  transform-origin: 100%;
  mix-blend-mode: soft-light;
  background-color: #75dfb8;
  width: 600px;
  height: 3px;
  position: absolute;
  inset: 18.5% auto auto 8%;
}

.enforcer-sol-bg-logo {
  mix-blend-mode: overlay;
  width: 35px;
  height: auto;
  position: absolute;
  inset: 11% auto auto 5%;
}

.enforcer-about-logo {
  border: 4px solid #fff;
  width: 138px;
  margin-bottom: 30px;
  position: relative;
}

.enforcer-header-bg-10 {
  width: 175px;
  display: block;
  position: absolute;
  inset: 40% 32% auto auto;
}

.enforcer-header-bg-11 {
  opacity: .25;
  mix-blend-mode: overlay;
  width: 100px;
  display: block;
  position: absolute;
  inset: 47% 37% auto auto;
}

.enforcer-header-bg-12 {
  opacity: .24;
  mix-blend-mode: soft-light;
  width: 85px;
  display: block;
  position: absolute;
  inset: 38% 37% auto auto;
}

.enforcer-about-bg-5 {
  opacity: .45;
  width: 300px;
  display: block;
  position: absolute;
  left: -15%;
}

.enforcer-about-bg-4 {
  display: block;
  position: absolute;
  left: -4%;
}

.enforcer-about-bg-chart-bars {
  transform-origin: 50% 100%;
  display: block;
  position: absolute;
  inset: auto auto -10% 1%;
}

.enforcer-about-bg-2 {
  width: 135px;
  display: block;
  position: absolute;
  inset: -30% 0% auto auto;
}

.enforcer-about-bg-3 {
  width: 150px;
  position: absolute;
  inset: auto -2% -22% auto;
}

.enforcer-about-bg-pattern {
  z-index: -1;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.enforcer-about-bg-6 {
  width: 65px;
  display: block;
  position: absolute;
  inset: auto 0% 40% auto;
}

.enforcer-about-bg-heart {
  z-index: 2;
  display: block;
  position: absolute;
  inset: auto;
}

.enforcer-about-bg-1 {
  z-index: 0;
  width: 200px;
  display: block;
  position: absolute;
  inset: auto 0% auto auto;
}

.enforcer-about-logo-white {
  width: 300px;
  display: block;
  position: absolute;
  inset: auto 18% 18% auto;
}

.enforcer-about-logo-reflection {
  width: 400px;
  display: block;
  position: absolute;
  inset: auto 14% 12% auto;
}

.enforcer-brief-bg-1 {
  width: 45px;
  display: block;
  position: absolute;
  inset: 50% 0% auto auto;
}

.enforcer-brief-bg-2 {
  width: 17px;
  display: block;
  position: absolute;
  inset: 31% 25.5% auto auto;
}

.enforcer-brief-bg-3 {
  transform-origin: 100% 100%;
  display: block;
  position: absolute;
  inset: 16% auto auto 24%;
}

.enforcer-brief-bg-logo {
  width: 125px;
  display: block;
  position: absolute;
  inset: 17% auto auto 4%;
}

.enforcer-brief-bg-white-logo {
  height: 39px;
  display: block;
  position: absolute;
  inset: 45% auto auto 0%;
  transform: rotate(90deg);
}

.enforcer-brief-bg-logo-shape {
  width: 110px;
  display: block;
  position: absolute;
  inset: auto auto 2% 4%;
}

.heart-rate-mask-holder {
  justify-content: center;
  align-items: center;
  width: 70px;
  display: flex;
  position: absolute;
  top: 14%;
  left: 50%;
  overflow: hidden;
}

.heart-rate-mask {
  z-index: 1;
  background-image: linear-gradient(to right, #fff0, #fff0 19%, #fff 40%, #fff);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.mask-inner-holder {
  justify-content: flex-end;
  align-items: center;
  width: 210px;
  display: flex;
  position: relative;
  right: auto;
}

.enforcer-about-heart-rate-holder {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 260px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: 30% 0% auto auto;
}

.enforcer-about-custom-heart-rate {
  position: absolute;
  inset: 20% auto auto 50%;
}

.header-custome-heart-rate {
  width: 150px;
  display: block;
  position: absolute;
  top: 20%;
  right: 15%;
}

.aman-header-bg-0 {
  z-index: 2;
  width: 484px;
  display: block;
  position: absolute;
  inset: 23% 7% auto auto;
}

.aman-logo {
  width: 151px;
  height: auto;
  display: block;
  position: absolute;
  inset: 0% auto auto 27%;
}

.aman-logo.for-ar {
  left: 40%;
}

.aman-header-bg-circle-1 {
  z-index: -1;
  background-color: #fff;
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  inset: 21% auto auto -11%;
}

.aman-header-bg-2 {
  width: 275px;
  display: block;
  position: absolute;
  inset: 27% auto auto 56%;
}

.aman-header-bg-11 {
  display: block;
  position: absolute;
  inset: 7% auto auto 1%;
}

.aman-header-bg-1 {
  width: 168px;
  display: block;
  position: absolute;
  inset: auto -17% 7% auto;
}

.aman-header-bg-3 {
  width: 280px;
  display: block;
  position: absolute;
  inset: auto 0% 3% auto;
}

.aman-header-bg-logo-white {
  position: absolute;
  inset: auto auto 1% 10%;
}

.aman-header-bg-4 {
  width: 132px;
  height: 145px;
  display: block;
  position: absolute;
  inset: auto auto -1% -23%;
}

.aman-header-bg-pattern {
  z-index: -1;
  transform-origin: 100% 100%;
  mix-blend-mode: soft-light;
  width: 364px;
  height: 382px;
  display: block;
  position: absolute;
  inset: auto 35% -2% auto;
}

.aman-header-bg-pattern-top {
  opacity: .45;
  transform-origin: 100% 0;
  mix-blend-mode: screen;
  width: 364px;
  height: 382px;
  display: block;
  position: absolute;
  inset: -2% 34% auto auto;
}

.aman-header-bg-6 {
  mix-blend-mode: overlay;
  width: 180px;
  height: auto;
  display: block;
  position: absolute;
  inset: 18% 34% auto auto;
}

.aman-header-bg-7 {
  mix-blend-mode: soft-light;
  width: 211px;
  height: 557px;
  display: block;
  position: absolute;
  inset: 7% 36% auto auto;
}

.aman-header-bg-5 {
  mix-blend-mode: overlay;
  width: 275px;
  height: 621.025px;
  display: block;
  position: absolute;
  inset: auto 32% 0% auto;
}

.aman-header-bg-10 {
  mix-blend-mode: soft-light;
  width: 190px;
  height: 328px;
  display: block;
  position: absolute;
  inset: auto 39% -40% auto;
}

.aman-header-bg-9 {
  mix-blend-mode: soft-light;
  width: 191px;
  height: 333px;
  display: block;
  position: absolute;
  inset: auto auto -30% -6%;
}

.aman-header-bg-8 {
  transform-origin: 0 0;
  width: 90px;
  height: 175px;
  display: block;
  position: absolute;
  inset: -1px auto auto 0%;
}

.aman-header-bg-10-b {
  opacity: .4;
  mix-blend-mode: soft-light;
  width: 190px;
  height: 328px;
  display: block;
  position: absolute;
  inset: -35% auto auto 0%;
}

.aman-header-bg-pattern-top-left {
  opacity: .3;
  mix-blend-mode: color-burn;
  transform-style: preserve-3d;
  width: 364px;
  height: 382px;
  display: block;
  position: absolute;
  inset: -1% auto auto -5%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.aman-about-logo {
  border: 4px solid #fff;
  width: 200px;
  margin-bottom: 30px;
  position: relative;
}

.aman-about-bg-3 {
  display: block;
  position: absolute;
  inset: -21% -2% auto auto;
}

.aman-about-bg-5 {
  width: 450px;
  display: block;
  position: absolute;
  inset: -5% auto auto 0%;
}

.aman-about-bg-logo-white {
  z-index: -1;
  position: absolute;
  top: 10%;
  right: 24%;
}

.aman-about-bg-logo-white.for-ar {
  right: 26%;
}

.aman-about-bg-1 {
  width: 125px;
  display: block;
  position: absolute;
  inset: 28% -4% auto auto;
}

.aman-about-bg-2 {
  width: 90px;
  display: block;
  position: absolute;
  inset: auto 15% 13% auto;
}

.aman-about-bg-4 {
  width: 450px;
  display: block;
  position: absolute;
  inset: auto 21.5% 10% auto;
}

.aman-about-bg-logo-stroked {
  width: 225px;
  display: block;
  position: absolute;
  inset: auto auto 9% 30%;
}

.aman-brief-bg-1 {
  transform-origin: 100% 100%;
  width: 185px;
  display: block;
  position: absolute;
  inset: auto -5% 5% auto;
}

.aman-brief-bg-logo-white {
  height: 55px;
  display: block;
  position: absolute;
  inset: 58% 16% auto auto;
  transform: rotate(90deg);
}

.aman-brief-bg-shield {
  width: 140px;
  display: block;
  position: absolute;
  inset: -5% -21% auto auto;
}

.aman-brief-bg-4 {
  width: 750px;
  max-width: none;
  display: block;
  position: absolute;
  inset: -7% auto auto -6%;
}

.aman-brief-bg-2 {
  transform-origin: 50% 100%;
  width: 19px;
  display: block;
  position: absolute;
  inset: 14% auto auto -7%;
}

.aman-brief-bg-3 {
  display: block;
  position: absolute;
  inset: 23% auto auto 9%;
}

.aman-brief-bg-logo {
  display: block;
  position: absolute;
  inset: 51% auto auto 5%;
}

.aman-brief-bg-logo.for-ar {
  width: 120px;
}

.aman-brief-bg-5 {
  width: 550px;
  display: block;
  position: absolute;
  inset: auto 17% 10% auto;
}

.default-nav {
  z-index: 10;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.default-nav.d-n-inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  top: 0;
}

.d-n-link {
  color: #fff;
  text-transform: capitalize;
  padding-left: 10px;
  padding-right: 40px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
  display: block;
}

.d-n-link.inner-d-n-link {
  color: #080f42;
  height: 100px;
  padding-right: 10px;
  line-height: 60px;
}

.d-n-link.inner-d-n-link.w--current {
  padding-right: 10px;
}

.d-n-link.for-ar {
  direction: rtl;
  text-align: center;
  padding-left: 30px;
  padding-right: 20px;
  font-family: Cairo;
  font-size: 18px;
}

.h2go-white-block {
  z-index: 4;
  background-color: #fff;
  border: 3px #000;
  width: 36%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.h2go-header-bg-0 {
  z-index: 1;
  width: 550px;
  max-width: none;
  display: block;
  position: absolute;
  inset: auto 5% 20% auto;
}

.h2go-logo {
  width: 147px;
  height: auto;
  display: block;
  position: absolute;
  inset: 0% auto auto 27%;
}

.h2go-header-bg-logo-white {
  z-index: 2;
  width: 300px;
  display: block;
  position: absolute;
  inset: auto auto 7% 15%;
}

.h2go-header-bg-logo-sympol {
  z-index: 3;
  width: 65px;
  display: block;
  position: absolute;
  inset: auto 32% 9% auto;
}

.h2go-header-bg-1 {
  width: 55px;
  display: block;
  position: absolute;
  inset: 15% 0% auto auto;
}

.h2go-header-bg-5 {
  display: block;
  position: absolute;
  inset: 0% auto auto -48%;
}

.h2go-header-bg-6 {
  width: 120px;
  display: block;
  position: absolute;
  inset: auto auto 26% -20%;
}

.h2go-header-bg-7 {
  width: 290px;
  height: 42%;
  display: block;
  position: absolute;
  inset: auto auto -1px -41%;
}

.h2go-header-bg-8 {
  width: 300px;
  height: 124px;
  display: block;
  position: absolute;
  inset: auto auto -5% -55%;
}

.h2go-header-bg-9 {
  width: 115px;
  height: auto;
  display: block;
  position: absolute;
  inset: auto auto 9% -30%;
}

.circle-drop {
  z-index: -1;
  background-color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto auto 6% -16%;
}

.circle-drop-2 {
  z-index: -1;
  background-color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: absolute;
  inset: -1% auto auto -50%;
}

.circle-drop-3 {
  z-index: -1;
  background-color: #fff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  position: absolute;
  inset: -5% auto auto -60%;
}

.circle-drop-4 {
  z-index: -1;
  background-color: #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: 5% auto auto -40%;
}

.h2go-header-bg-4 {
  mix-blend-mode: overlay;
  display: block;
  position: absolute;
}

.h2go-header-bg-2 {
  width: 319px;
  height: 104%;
  display: block;
  position: absolute;
  inset: -1% auto auto 0%;
}

.h2go-header-bg-3 {
  width: 545px;
  height: 104%;
  display: block;
  position: absolute;
  inset: -1% 30% auto auto;
}

.circle-drop-dark {
  z-index: 4;
  background-color: #3e6ea9;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto 4% 12% auto;
}

.circle-drop-dark-2 {
  z-index: 4;
  background-color: #3e6ea9;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: auto 6% 18% auto;
}

.circle-drop-dark-3 {
  z-index: 4;
  background-color: #3e6ea9;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: absolute;
  inset: auto 5% 5% auto;
}

.h2go-sol-bg-logo {
  display: block;
  position: absolute;
  inset: 10% auto auto 5%;
}

.h2go-about-logo {
  border: 4px solid #fff;
  width: 119px;
  margin-bottom: 30px;
  display: block;
  position: relative;
}

.h2go-about-bg-1 {
  transform-origin: 100% 100%;
  width: 350px;
  height: 351px;
  display: block;
  position: absolute;
  inset: auto -6% -13% auto;
}

.h2go-about-bg-logo-stroked {
  width: 250px;
  display: block;
  position: absolute;
  inset: auto 20% 5% auto;
}

.h2go-about-bg-2 {
  width: 105px;
  display: block;
  position: absolute;
  inset: auto 12% 4% auto;
}

.h2go-about-bg-7 {
  width: 250px;
  display: block;
  position: absolute;
  inset: auto 20% 0% auto;
}

.h2go-about-bg-1-left {
  opacity: .5;
  transform-origin: 0 100%;
  display: block;
  position: absolute;
  inset: auto auto -8% -4%;
}

.about-circle-drop-dark {
  z-index: 4;
  background-color: #78cbe4;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: absolute;
  inset: auto 37% 7% auto;
}

.h2go-about-bg-5 {
  display: block;
  position: absolute;
  bottom: -50%;
}

.h2go-about-bg-6 {
  transform-origin: 0 0;
  display: block;
  position: absolute;
  inset: auto 0% -15% auto;
}

.h2go-about-bg-4 {
  z-index: -1;
  width: 490px;
  display: block;
  position: absolute;
  inset: -7% 3% auto auto;
}

.h2go-about-bg-3 {
  width: 76px;
  position: absolute;
  inset: -20% auto auto -2%;
}

.about-circle-drop-dark-1 {
  z-index: 4;
  background-color: #3e6ea9;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 20% auto auto 50%;
}

.about-circle-drop-dark-2 {
  z-index: 4;
  background-color: #3e6ea9;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 25% auto auto 51%;
}

.about-circle-drop-dark-3 {
  z-index: 4;
  background-color: #3e6ea9;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: 17% auto auto 48%;
}

.h2go-brief-bg-1 {
  transform-origin: 100% 100%;
  width: 350px;
  height: 351px;
  display: block;
  position: absolute;
  inset: auto -5% -13% auto;
}

.h2go-brief-bg-logo-stroked {
  width: 250px;
  display: block;
  position: absolute;
  inset: 35.5% -2% auto auto;
  transform: rotate(90deg);
}

.h2go-brief-bg-2 {
  width: 105px;
  display: block;
  position: absolute;
  inset: auto 3% 22% auto;
}

.h2go-brief-bg-logo {
  width: 110px;
  display: block;
  position: absolute;
  inset: auto 2.7% 8% auto;
}

.h2go-brief-bg-1-left {
  opacity: .5;
  transform-origin: 0 100%;
  width: 350px;
  height: 351px;
  display: block;
  position: absolute;
  inset: auto auto -25% 9%;
}

.h2go-brief-bg-4 {
  width: 750px;
  max-width: none;
  display: block;
  position: absolute;
  inset: -8% auto auto -4%;
}

.h2go-brief-bg-5 {
  height: 60px;
  display: block;
  position: absolute;
  inset: -13% auto auto -7%;
}

.brief-circle-drop-dark-3 {
  z-index: 0;
  background-color: #3e6ea9;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: auto auto 17% 13%;
}

.brief-circle-drop-dark-2 {
  z-index: 0;
  background-color: #3e6ea9;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto auto 13% 11%;
}

.brief-circle-drop-dark-1 {
  z-index: 0;
  background-color: #3e6ea9;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: auto auto 10% 10%;
}

.h2go-brief-bg-6 {
  z-index: 1;
  width: 75px;
  display: block;
  position: absolute;
  inset: auto auto 16.5% 11%;
}

.h2go-brief-bg-7 {
  width: 76px;
  display: block;
  position: absolute;
  inset: 20% auto auto 0%;
}

.brief-circle-drop-light {
  z-index: 0;
  background-color: #78cbe4;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto 27% 9% auto;
}

.r-s-mix-white-block {
  z-index: 4;
  background-color: #fff;
  border: 3px #000;
  width: 36%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.r-s-mix-header-bg-0 {
  z-index: 1;
  width: 550px;
  max-width: none;
  display: block;
  position: absolute;
  inset: auto 7% 25% auto;
}

.r-s-mix-logo {
  background-color: #fff;
  border: 5px solid #fff;
  width: 178px;
  height: auto;
  display: block;
  position: absolute;
  inset: 0% auto auto 27%;
}

.r-s-mix-header-bg-4 {
  width: 260px;
  height: 393px;
  display: block;
  position: absolute;
  inset: auto auto 0% -47%;
}

.r-s-mix-header-bg-5 {
  width: 290px;
  display: block;
  position: absolute;
  inset: auto auto 4% -38%;
}

.r-s-mix-header-bg-6 {
  z-index: -1;
  width: 150px;
  height: auto;
  display: block;
  position: absolute;
  inset: auto auto 40% -22%;
}

.r-s-mix-header-bg-7 {
  z-index: -1;
  width: 150px;
  height: 188.975px;
  display: block;
  position: absolute;
  inset: auto auto -7% -57%;
}

.r-s-mix-header-bg-12 {
  z-index: -1;
  width: 130px;
  height: 280px;
  display: block;
  position: absolute;
  inset: 4% auto auto -23%;
}

.r-s-mix-header-bg-2 {
  z-index: -1;
  width: 125px;
  display: block;
  position: absolute;
  inset: 11% auto auto 0%;
}

.r-s-mix-header-bg-3 {
  width: 345px;
  display: block;
  position: absolute;
  inset: auto auto 4% -7%;
}

.r-s-mix-header-bg-8 {
  width: 200px;
  display: block;
  position: absolute;
  inset: auto 0% -13% auto;
}

.r-s-mix-header-bg-1 {
  z-index: -2;
  width: 440px;
  display: block;
  position: absolute;
  inset: 8% 19% auto auto;
}

.r-s-mix-header-bg-10 {
  display: block;
  position: absolute;
  inset: auto auto 0% 15%;
}

.r-s-mix-header-bg-9 {
  width: 512px;
  height: 272px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.r-s-mix-header-bg-13 {
  z-index: 1;
  mix-blend-mode: overlay;
  width: 270px;
  height: 589px;
  display: block;
  position: absolute;
  inset: 0% auto auto 40%;
}

.r-s-mix-header-bg-14 {
  z-index: -1;
  width: 650px;
  display: block;
  position: absolute;
  inset: 6% auto auto 20%;
}

.r-s-mix-header-bg-11 {
  z-index: -1;
  opacity: .35;
  mix-blend-mode: soft-light;
  width: 400px;
  display: block;
  position: absolute;
  inset: auto auto 0% 31%;
}

.r-s-mix-sol-bg-logo {
  width: 80px;
  display: block;
  position: absolute;
  inset: 3% auto auto 3%;
}

.r-s-mix-about-logo {
  border: 4px solid #fff;
  width: 140px;
  margin-bottom: 30px;
  display: block;
  position: relative;
}

.r-s-mix-about-bg-logo-stroked {
  z-index: 2;
  width: 325px;
  display: block;
  position: absolute;
  inset: auto 15% 5% auto;
}

.r-s-mix-about-bg-asset-0 {
  z-index: -1;
  transform-origin: 50% 100%;
  width: 500px;
  height: 674.763px;
  display: block;
  position: absolute;
  inset: auto auto -37% 0%;
}

.r-s-mix-about-bg-asset-1 {
  z-index: 0;
  width: 100%;
  height: 330px;
  display: block;
  position: absolute;
  inset: auto auto -2% 0%;
}

.r-s-mix-about-bg-asset-2 {
  width: 527px;
  height: auto;
  display: block;
  position: absolute;
  inset: 5% auto auto 15%;
}

.r-s-mix-about-bg-asset-3 {
  width: 125px;
  display: block;
  position: absolute;
  inset: 23% -1.5% auto auto;
}

.r-s-mix-about-bg-asset-4 {
  z-index: 1;
  width: 611px;
  height: 216px;
  display: block;
  position: absolute;
  inset: auto 6% 0% auto;
}

.r-s-mix-brief-bg-logo-stroked {
  width: 210px;
  display: block;
  position: absolute;
  inset: 49% auto auto 11%;
  transform: rotate(90deg);
}

.r-s-mix-brief-bg-logo {
  width: 180px;
  display: block;
  position: absolute;
  inset: auto 9% 50% auto;
}

.r-s-mix-brief-bg-asset-0 {
  z-index: -1;
  transform-origin: 50% 0;
  width: 500px;
  height: 674.763px;
  display: block;
  position: absolute;
  inset: auto auto -37% 0%;
}

.r-s-mix-brief-bg-asset-1 {
  z-index: 0;
  width: 100%;
  height: 330px;
  display: block;
  position: absolute;
  inset: auto auto -2% 0%;
}

.r-s-mix-brief-bg-asset-4 {
  z-index: 1;
  width: 611px;
  height: 216px;
  display: block;
  position: absolute;
  inset: 41% auto auto 16%;
  transform: rotate(70deg);
}

.r-s-mix-brief-bg-asset-3 {
  width: 125px;
  display: block;
  position: absolute;
  inset: 23% -1.5% auto auto;
}

.r-s-mix-brief-bg-asset-2 {
  width: 450px;
  height: auto;
  display: block;
  position: absolute;
  inset: 10% 15px auto auto;
}

.about-white-block {
  z-index: 4;
  background-color: #fff;
  border: 3px #000;
  justify-content: center;
  align-items: center;
  width: 36%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.afaqy-logo-txt {
  z-index: 1;
  border: 5px #fff;
  width: 200px;
  height: auto;
  display: block;
  position: absolute;
  inset: -30px auto auto 5%;
}

.about-header-bg-0 {
  z-index: 2;
  width: 420px;
  max-width: 100%;
  display: block;
  position: absolute;
  inset: auto;
}

.about-h-bg-map {
  height: 634px;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.about-h-bg-sympol {
  z-index: 1;
  transform-origin: 100% 100%;
  width: 284px;
  height: 324px;
  display: block;
  position: absolute;
  inset: auto -10% -3% auto;
}

.about-h-bg-1 {
  width: 210px;
  display: block;
  position: absolute;
  top: auto;
  right: -2%;
}

.about-h-bg-2 {
  width: 577px;
  display: block;
  position: absolute;
  inset: auto;
}

.about-h-bg-2.adjust {
  max-width: none;
}

.logo-holder {
  z-index: 3;
  background-color: #fff;
  border: 1px solid #d0f2ef;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  margin-right: -3%;
  display: none;
  position: absolute;
  inset: auto;
}

.about-header-logo {
  width: 80%;
  position: relative;
}

.about-h-bg-sympol-left {
  z-index: 1;
  opacity: .07;
  mix-blend-mode: overlay;
  transform-style: preserve-3d;
  width: 200px;
  height: auto;
  display: block;
  position: absolute;
  inset: auto auto -3% -6%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.about-h-bg-l-map {
  z-index: 0;
  opacity: .45;
  mix-blend-mode: lighten;
  display: block;
  position: absolute;
  inset: 0%;
}

.about-h-bg-l-sympol {
  z-index: 1;
  display: block;
  position: absolute;
  inset: 0% 25% auto auto;
}

.about-h-bg-info-icon {
  z-index: 1;
  width: 40px;
  display: block;
  position: absolute;
  inset: 3% auto auto 3%;
}

.about-h-bg-circle-1 {
  z-index: 1;
  opacity: .45;
  mix-blend-mode: overlay;
  background-color: #fff;
  border-radius: 50%;
  width: 420px;
  height: 420px;
  position: absolute;
  top: auto;
  right: 14%;
}

.about-h-bg-circle-2 {
  z-index: 2;
  opacity: .2;
  mix-blend-mode: overlay;
  background-color: #fff;
  border-radius: 50%;
  width: 520px;
  height: 520px;
  position: absolute;
  top: auto;
  right: 11%;
}

.about-h-bg-circle-3 {
  z-index: 2;
  opacity: 1;
  mix-blend-mode: lighten;
  border: 2px dashed #5a9afd;
  border-radius: 50%;
  width: 520px;
  height: 520px;
  position: absolute;
  top: auto;
  right: 11%;
}

.vis-mis-holder {
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin-top: 60px;
  display: flex;
  position: relative;
}

.vis-mis-block {
  flex-direction: column;
  flex: 0 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vis-mis-block.vis-mis-desc {
  align-items: flex-start;
}

.vis-mis-bg-map {
  z-index: -1;
  width: 573px;
  display: block;
  position: absolute;
  inset: 5% auto auto -14%;
}

.paragraph-holder.for-ar {
  direction: rtl;
  text-align: right;
}

.about-values-title {
  z-index: 1;
  color: #1b325f;
  text-align: center;
  width: 80%;
  margin-top: 82px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  position: relative;
}

.about-values-paragraph {
  color: #23286b;
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}

.about-values-img {
  z-index: 1;
  width: 100px;
  position: absolute;
  top: 10px;
}

.afaqy-about-logo {
  border: 4px solid #fff;
  width: 120px;
  margin-bottom: 30px;
  display: block;
  position: relative;
}

.about-bg-map {
  width: 650px;
  display: block;
  position: absolute;
  inset: 16% auto auto -20%;
}

.about-bg-logo-sympol {
  transform-style: preserve-3d;
  width: 250px;
  display: block;
  position: absolute;
  inset: auto auto 0% -4%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.about-bg-0 {
  width: 250px;
  display: block;
  position: absolute;
  inset: 12% auto auto 30%;
}

.about-bg-1 {
  transform-origin: 0 0;
  width: 200px;
  display: block;
  position: absolute;
  inset: auto auto 18% 38%;
}

.about-bg-4 {
  width: 250px;
  display: block;
  position: absolute;
  inset: 28% auto auto 40%;
}

.about-bg-3 {
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  inset: 30% auto auto 52%;
}

.about-paragraph {
  z-index: 3;
  color: #1b325f;
  text-align: center;
  width: 90%;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  position: relative;
}

.about-paragraph.for-ar {
  direction: rtl;
  font-family: Cairo;
}

.about-bg-2 {
  width: 348px;
  display: block;
  position: absolute;
  inset: auto -8% 5% auto;
}

.about-bg-logo-white {
  width: 190px;
  display: block;
  position: absolute;
  inset: auto 32% 10% auto;
}

.vis-mis-img {
  display: block;
  position: relative;
}

.branches-lottie {
  object-fit: fill;
  background-color: #0000;
  width: 100%;
  height: 100dvh;
  position: relative;
}

.lottie-animation {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.branches-wrapper {
  flex: 1;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.branches-wrapper.for-ar {
  direction: rtl;
}

.cam-sens-device {
  backface-visibility: visible;
  perspective: none;
  transform-style: preserve-3d;
  background-color: #f1f1f1;
  border: 1px solid #e4e4e4;
  flex: 0 25%;
  min-width: 300px;
  height: 365px;
  text-decoration: none;
  position: relative;
  transform: translate3d(0, 0, .001px);
}

.sens-cam-holder {
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  transition: all .3s ease-in-out;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.sens-cam-holder:hover {
  background-color: #1b325f;
  transform: none;
}

.bg-sympol-holder {
  z-index: -1;
  background-color: #1b325f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.clients-wrapper {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

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

.client-holder {
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
  position: relative;
}

.client-holder.non-border-top-left, .client-holder.non-border-top {
  border-top-style: none;
  border-left-style: none;
}

.client-holder.non-border-top-lright {
  border-top-style: none;
  border-left-style: solid;
  border-right-style: none;
}

.client-holder.non-border-bottom-lright {
  border-style: solid none none solid;
}

.client-holder.non-border-bottom-left {
  border-style: solid solid none none;
}

.client-holder.non-border-bottom {
  border-style: solid solid none;
}

.client-holder.non-border-lright {
  border-top-style: none;
  border-left-style: solid;
  border-right-style: none;
}

.client-holder.non-border-left {
  border-top-style: none;
  border-left-style: none;
  border-right-style: solid;
}

.inner-bg-logo-txt {
  width: 80px;
  height: 332.763px;
  display: block;
  position: absolute;
  inset: 25% 0% auto auto;
}

.inner-bg-logo-txt.for-preloader.for-ar {
  opacity: .8;
}

.clients-slider {
  width: 90%;
  height: auto;
  box-shadow: 0 10px 15px #00000017;
}

.branches-lottie-holder {
  height: auto;
  min-height: 100dvh;
  position: sticky;
  top: 100px;
}

.branches-location {
  height: auto;
  min-height: 300vh;
  padding-top: 40px;
  padding-right: 40px;
}

.sticked-afaqy-sympol-section-bg {
  z-index: -1;
  opacity: .15;
  width: 500px;
  height: 518px;
  display: block;
  position: fixed;
  inset: 250px -12% auto auto;
  overflow: hidden;
}

.branch-holder {
  border-bottom: 2px dashed #d3d3d3;
  border-left: 2px dashed #d3d3d3;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 80px;
  margin-bottom: 10px;
  padding: 30px;
  display: flex;
  position: relative;
}

.branch-holder.for-ar {
  text-align: right;
  align-items: flex-end;
  font-family: Cairo;
}

.branch-title {
  color: #1b325f;
  text-transform: capitalize;
  position: relative;
}

.branch-title.heading {
  margin-left: 50px;
}

.branch-title.heading.for-ar {
  margin-left: auto;
}

.branches-par {
  color: #23286b;
  text-align: left;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-right: auto;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}

.branches-par.for-ar {
  text-align: right;
  margin-left: auto;
  padding-left: 0;
}

.bold-txt {
  font-weight: 700;
  position: relative;
}

.location {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
  position: relative;
}

.location.for-ar {
  justify-content: flex-end;
  width: auto;
  margin-left: auto;
}

.branch-icon {
  width: 35px;
  max-width: 35px;
  height: 35px;
  display: none;
  position: relative;
}

.branch-icon.for-ar {
  max-width: 35px;
  margin-left: auto;
  margin-right: 0;
}

.phone {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
  position: relative;
}

.phone.for-ar {
  width: auto;
  margin-left: auto;
}

.phone-link {
  direction: ltr;
  color: #23286b;
  text-align: left;
  letter-spacing: 1px;
  flex: none;
  margin-top: 0;
  margin-right: auto;
  padding-left: 5px;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.email {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
  position: relative;
}

.email.for-ar {
  width: auto;
  margin-left: auto;
}

.email-add {
  color: #23286b;
  text-align: left;
  letter-spacing: 1px;
  margin-top: 0;
  margin-right: auto;
  padding-left: 5px;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  position: relative;
}

.branch-flag-holder {
  justify-content: space-between;
  align-items: center;
  width: 50%;
  display: flex;
  position: absolute;
  top: -35px;
  left: 0;
}

.country-flag {
  z-index: 0;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  display: flex;
  position: relative;
  left: 40px;
}

.dashed-line {
  z-index: -1;
  transform-origin: 0%;
  border-bottom: 2px dashed #d3d3d3;
  width: 100%;
  height: 2px;
  position: absolute;
  inset: auto auto 49% 0%;
}

.branch-circle {
  background-color: #fff;
  border: 5px solid #ebebeb;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  position: relative;
  right: -40px;
}

.country-flag-img {
  width: 85%;
}

.solution-details-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 300px;
  display: flex;
}

.solution-details-2.trans-bg.sm-tax-sol-bg {
  background-image: url('../images/about-row-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  width: 100%;
  height: 250px;
  min-height: auto;
}

.solution-details-2.trans-bg.sm-tax-sol-bg.for-ar {
  background-image: url('../images/about-row-bg.webp');
  position: relative;
}

.smart-taxi-par {
  z-index: 3;
  color: #1b325f;
  text-align: center;
  width: 85%;
  margin-top: 20px;
  margin-bottom: 60px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  position: relative;
}

.smart-taxi-par.for-ar {
  text-align: center;
  font-family: Cairo;
}

.def-nav-d-down-icon {
  margin-right: 10px;
}

.def-nav-d-down-icon.for-ar {
  margin: auto auto auto 0;
  font-family: "Fa solid 900";
  font-size: 12px;
  top: 5px;
  left: -7px;
  right: auto;
}

.def-nav-d-down-icon.for-ar.h-p {
  left: 10px;
}

.def-nav-d-d-holder {
  transform-origin: 50% 0;
  background-color: #fff;
  min-width: 950px;
  height: 50px;
  top: 80px;
  right: -610px;
}

.def-nav-d-d-holder.w--open {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.contact-form-wrapper {
  justify-content: center;
  align-items: center;
  width: 45%;
  height: auto;
  min-height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.contact-form-wrapper.for-blog {
  border-top: 1px solid #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  margin-top: 0;
  padding-top: 2rem;
  padding-bottom: 20px;
}

.contact-form-wrapper.for-blog.for-ar {
  padding-right: 40px;
}

.contact-field {
  border-radius: 5px;
  height: 45px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  transition: box-shadow .2s;
  position: relative;
}

.contact-field:focus {
  border: 1px solid #1875f0;
  box-shadow: 0 0 4px #1875f0;
}

.contact-field.for-ar {
  text-align: right;
}

.contact-title {
  color: #1b325f;
  text-transform: capitalize;
  position: relative;
}

.contact-title.heading {
  text-align: center;
  width: 80%;
  margin: 40px auto 20px;
  padding-left: 20px;
}

.contact-submit {
  object-fit: fill;
  background-color: #1a8922;
  border-radius: 5px;
  width: 40%;
  height: 50px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 0;
  font-size: 15px;
  font-weight: 700;
  transition: background-color .2s;
  display: block;
  position: relative;
}

.contact-submit:hover {
  background-color: #44b07e;
}

.contact-submit.for-ar {
  margin-left: 0;
  margin-right: auto;
}

.d-n-menu {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  display: flex;
}

.d-n-menu.for-ar {
  direction: rtl;
  font-family: Cairo;
}

.d-n-dropdown {
  font-family: DM Sans, sans-serif;
  font-size: 16px;
}

.d-n-dd-toggle {
  color: #23286b;
  text-transform: capitalize;
  font-size: 16px;
  transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
  display: block;
}

.d-n-dd-toggle.w--open {
  color: #266f22;
}

.d-n-sol {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #23286b;
  text-align: center;
  text-transform: capitalize;
  /* white-space: break-spaces; */
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: absolute;
  top: 0;
}

.d-n-sol:hover {
  color: var(--logo-green);
  letter-spacing: 1px;
}

.d-n-sol.w--current {
  color: #266f22;
}

.d-n-sol.for-company {
  min-height: 130%;
}

.d-n-d-d-holder-inner {
  background-color: #0000;
  min-width: 950px;
  height: 50px;
  right: -505.5px;
}

.d-n-d-d-holder-inner.w--open {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 800px;
  height: auto;
  display: flex;
  right: -585.5px;
}

.d-n-d-d-holder-inner.for-vehicle {
  min-width: 950px;
  top: 80px;
  right: -713px;
}

.d-n-d-d-holder-inner.for-vehicle.w--open {
  transform-origin: 50% 0;
}

.d-n-d-d-holder-inner.for-vehicle.for-ar {
  font-family: Cairo;
  right: -173px;
}

.d-n-d-d-holder-inner.for-businesses {
  right: -380px;
}

.d-n-d-d-holder-inner.for-businesses.w--open {
  min-width: 950px;
}

.d-n-d-d-holder-inner.for-businesses.ho-pa {
  top: 80px;
  right: -553px;
}

.d-n-d-d-holder-inner.for-businesses.ho-pa.for-ar {
  font-family: Cairo;
}

.d-n-d-d-holder-inner.for-businesses.ho-pa.for-ar.w--open {
  right: -280px;
}

.d-n-d-d-holder-inner.for-cities {
  right: -221.5px;
}

.d-n-d-d-holder-inner.for-cities.w--open {
  flex-wrap: wrap;
  min-width: 950px;
}

.d-n-d-d-holder-inner.for-cities.ho-pa {
  top: 80px;
  right: -435px;
}

.d-n-d-d-holder-inner.for-cities.ho-pa.w--open {
  min-width: 950px;
}

.d-n-d-d-holder-inner.for-cities.ho-pa.for-ar {
  font-family: Cairo;
}

.d-n-d-d-holder-inner.for-cities.ho-pa.for-ar.w--open {
  flex-flow: column wrap-reverse;
  right: -385px;
}

.d-n-d-d-holder-inner.for-hardware {
  top: 80px;
  right: -315px;
}

.d-n-d-d-holder-inner.for-hardware.w--open {
  min-width: 950px;
}

.d-n-d-d-holder-inner.for-hardware.for-ar {
  font-family: Cairo;
  left: -335px;
  right: auto;
}

.d-n-d-d-holder-inner.for-hardware.for-ar.w--open {
  left: -370px;
  right: auto;
}

.d-n-d-d-holder-inner.for-hardware.for-hp.for-ar.w--open {
  left: -335px;
}

.d-n-d-d-holder-inner.for-company {
  top: 80px;
  left: -634px;
  right: auto;
}

.d-n-d-d-holder-inner.for-company.w--open {
  min-width: 950px;
  left: -634px;
  right: auto;
}

.d-n-d-d-holder-inner.for-company.for-ar {
  font-family: Cairo;
  left: -335px;
}

.d-n-d-d-holder-inner.for-company.for-ar.w--open {
  left: -278px;
}

.d-n-sol-img {
  z-index: 1;
  max-width: 75%;
  max-height: 40px;
  position: relative;
}

.d-n-sol-img.cities-sol-img {
  max-width: 45%;
}

.d-n-sol-img.cities-sol-img.dozer-pro {
  max-width: 45%;
  top: 20px;
}

.d-n-sol-img.cities-sol-img.dozer-pro-inner {
  max-width: 50%;
}

.d-n-sol-img.hardware-sol-img {
  z-index: 1;
  max-width: 25%;
}

.d-n-sol-img.sol-log-resize {
  max-width: 53%;
}

.d-n-sol-img.company-img {
  z-index: 1;
  max-width: 50%;
  max-height: 50px;
}

.d-n-sol-holder {
  color: #23286b;
  text-align: center;
  text-transform: capitalize;
  background-color: #fff;
  flex-direction: column;
  flex: 0 200px;
  justify-content: space-between;
  align-items: center;
  min-height: 185px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.d-n-sol-holder.right-border {
  transform-origin: 0%;
  border-right: 1px solid #e4e4e4;
  overflow: hidden;
}

.d-n-sol-holder.for-cities-d-n-holder {
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  flex: 0 0 200px;
}

.d-n-sol-holder.for-cities-d-n-holder.right-bottom-borderless {
  border-bottom-style: none;
  border-bottom-width: 0;
  border-right-style: none;
  border-right-width: 0;
}

.d-n-sol-holder.for-cities-d-n-holder.bottom-borderless {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.d-n-sol-holder.for-cities-d-n-holder.left-bottom-borderless {
  border-bottom-style: none;
  border-bottom-width: 0;
  border-left-style: none;
  border-left-width: 0;
  border-right-style: solid;
}

.d-n-sol-holder.for-cities-d-n-holder.right-borderless {
  border-right-style: none;
  border-right-width: 0;
}

.d-n-sol-holder.for-cities-d-n-holder.left-borderless {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-left-style: none;
  border-left-width: 0;
  border-right-style: none;
  justify-content: space-around;
}

.d-n-sol-txt {
  z-index: 1;
  text-transform: capitalize;
  width: 85%;
  font-size: 13px;
  position: relative;
}

.d-n-sol-txt.hardware-sol-txt {
  top: -10px;
}

.preloader-wrapper {
  z-index: 999999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.preloader-wrapper.for-inner-pages {
  display: flex;
}

.preloader-logo {
  max-width: 250px;
  display: block;
  position: relative;
}

.preloader-progress-holder {
  background-color: #e3e4e3;
  border-radius: 25px;
  width: 20%;
  height: 5px;
  position: relative;
  top: 50px;
  overflow: hidden;
}

.preloader-progress-bar {
  background-color: #266f22;
  border-radius: 25px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto;
}

.preloader-curtain {
  z-index: -1;
  background-color: #fff;
  width: 51%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.preloader-curtain.right-side {
  transform-origin: 50% 0;
  left: auto;
}

.preloader-curtain.left-side {
  transform-origin: 50% 100%;
  right: auto;
}

.d-n-container {
  border-bottom: 1px solid #ffffff40;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.preloader-ring {
  border: 10px solid #e4e4e4;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  display: flex;
  position: absolute;
  inset: auto 5% 5% auto;
}

.preloader-ring.for-ar {
  left: 5%;
  right: auto;
}

.inner-preloader-logo {
  max-width: 250px;
  display: block;
  position: relative;
}

.circular-progress {
  border: 6px solid #0000;
  border-right-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  inset: auto;
}

.preloading-txt {
  color: #a8a8a8;
  letter-spacing: 2px;
  text-transform: capitalize;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  position: absolute;
  inset: auto 12% 7% auto;
}

.preloading-txt.for-ar {
  direction: rtl;
  text-align: right;
  font-family: Cairo;
  left: 10%;
  right: auto;
}

.dozer-pro-white-block {
  z-index: 4;
  background-color: #fff;
  border: 3px #000;
  width: 80%;
  position: absolute;
  inset: 0% -60% 0% auto;
  transform: skew(-60deg);
}

.white-block-shadow-1 {
  z-index: 4;
  opacity: .3;
  background-color: #fff;
  border: 3px #000;
  width: 80%;
  position: absolute;
  inset: 0% 23% 0% auto;
  transform: skew(0deg);
}

.white-block-shadow-2 {
  z-index: 4;
  opacity: .2;
  background-color: #fff;
  border: 3px #000;
  width: 80%;
  position: absolute;
  inset: 0% 26% 0% auto;
  transform: skew(0deg);
}

.header-yellow-shape {
  width: 212px;
  height: 174px;
  display: block;
  position: absolute;
  top: 35px;
  right: 0;
}

.header-dozer-main {
  z-index: 4;
  width: 945px;
  height: auto;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.header-dozer-bg-1 {
  opacity: .45;
  mix-blend-mode: overlay;
  display: block;
  position: absolute;
  inset: 17% 19.25% auto auto;
}

.header-dozer-bg-2 {
  background-color: #fff;
  border-radius: 50%;
  width: 175px;
  height: 175px;
  position: absolute;
  inset: 31.5% 6.5% auto auto;
}

.header-dozer-bg-3 {
  width: 735px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.dozer-header-logo-bg {
  z-index: 4;
  width: 300px;
  display: block;
  position: absolute;
  inset: 25% 3% auto auto;
}

.header-logo-0-bg {
  opacity: .45;
  mix-blend-mode: overlay;
  display: block;
  position: absolute;
  inset: 7% auto auto 5%;
}

.supported-assets-wrapper {
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.supported-assets-description {
  padding-left: 40px;
  position: relative;
}

.supported-assets-img {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.supported-assets-card {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: auto;
  min-height: 100dvh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.supported-assets-breaker {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 50px;
  display: flex;
  position: sticky;
  top: 0;
}

.su-as-holder {
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  display: flex;
  position: relative;
  transform: translate(0%, -25%);
}

.su-as-holder.route-about-img {
  background-image: url('../images/afaqy-riute-about-img.jpg');
  background-position: 50%;
  background-size: cover;
}

.su-as-slider {
  width: 100%;
  height: 100%;
}

.su-as-slide {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.su-as-slide.sl-1 {
  z-index: 0;
  background-image: url('../images/at-crane.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.su-as-slide.sl-2 {
  background-image: url('../images/rt-crane.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.su-as-slide.sl-3 {
  background-image: url('../images/crawler-crane.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.su-as-slide.sl-4 {
  background-image: url('../images/boom-truck.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.su-as-slide.sl-5 {
  background-image: url('../images/fork-lift.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.su-as-slide.sl-6 {
  background-image: url('../images/scissor-lift.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.su-as-slide.sl-7 {
  background-image: url('../images/telescopic-man-Lift.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.su-as-slide.sl-8 {
  background-image: url('../images/articulated-man-lift.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.su-as-slide-nav {
  justify-content: center;
  align-items: center;
  display: flex;
  bottom: -60px;
}

.su-as-slider-arrow {
  background-color: #ffcb0000;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  margin-left: 25px;
  margin-right: 25px;
  transition: all .3s;
}

.su-as-slider-arrow:hover {
  background-color: #ffcb00;
}

.su-si-shadow {
  opacity: .45;
  width: 100%;
  display: block;
  position: absolute;
  inset: auto 0% -35px;
}

.su-as-title-shadow-0 {
  z-index: 2;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 75px;
  display: flex;
  position: absolute;
  inset: auto 0% 0 auto;
}

.su-as-title {
  color: var(--logo-blue);
  text-align: left;
  -webkit-text-stroke-color: #23286b;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  top: 20px;
  left: 40px;
  right: auto;
}

.su-as-title-shadow-1 {
  z-index: 2;
  background-color: #ffcb00;
  width: 100%;
  height: 65px;
  position: absolute;
  bottom: 27px;
  right: 2px;
  transform: rotate(4deg);
}

.su-as-title-shadow-2 {
  z-index: 2;
  background-color: #efa122;
  width: 100%;
  height: 85px;
  position: absolute;
  bottom: 31px;
  right: 2px;
  transform: rotate(5deg);
}

.su-as-title-holder {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.route-header-bg-0 {
  mix-blend-mode: screen;
  width: 1000px;
  display: block;
  position: absolute;
  inset: 16% -14.5% auto auto;
}

.route-header-bg-1 {
  mix-blend-mode: normal;
  width: 1000px;
  display: block;
  position: absolute;
  inset: 16% -14.5% auto auto;
}

.route-header-bg-2 {
  width: 1000px;
  height: 326.488px;
  display: block;
  position: absolute;
  inset: auto 0% -1% auto;
}

.route-header-logo {
  z-index: 1;
  width: 230px;
  height: 75.8px;
  display: block;
  position: absolute;
  inset: auto 11% 12% auto;
}

.route-header-bg-3 {
  mix-blend-mode: overlay;
  width: 166px;
  height: 343px;
  display: block;
  position: absolute;
  inset: -3% 12.85% auto auto;
}

.screenshots-mask-3 {
  z-index: 1;
  transform-origin: 0 0;
  mix-blend-mode: overlay;
  background-color: #ffffffbf;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.loading-percentage, .percentage-mark {
  color: #fff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #d3d3d3;
  font-size: 150px;
  position: relative;
  inset: auto;
}

.percentage-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 30vh;
  padding-right: 5%;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.inner-percentage {
  color: #d3d3d3;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  inset: auto;
}

.circular-percentage {
  color: #d3d3d3;
  -webkit-text-stroke-color: #3f3e3e;
  font-size: 12px;
}

.header-mob {
  display: none;
}

.foot-soc-ico {
  object-fit: fill;
  max-width: 100%;
  display: block;
  position: relative;
}

.y-afaqy-img {
  object-fit: scale-down;
  max-height: 450px;
  display: block;
  position: relative;
}

.solu-img {
  max-height: 275px;
  display: block;
}

.collection-list {
  display: flex;
}

.job-title {
  color: #23286b;
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 30px;
  display: flex;
  position: relative;
}

.job-list {
  color: #23286b;
  margin-bottom: 0;
  margin-left: 10px;
  font-size: 16px;
  position: relative;
}

.buttons-holder {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.view-job {
  color: var(--logo-green);
  text-align: center;
  background-color: #fff;
  border: 1px solid #1a8922;
  flex: 1;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 5px;
  transition: all .3s;
  position: relative;
}

.view-job:hover {
  color: #fdfffd;
  background-color: #44b07e;
}

.apply-job-first {
  background-color: var(--logo-green);
  color: #fff;
  text-align: center;
  border: 1px solid #1a8922;
  flex: 1;
  margin: 20px 0 20px 5px;
  transition: all .3s;
  position: relative;
}

.apply-job-first:hover {
  color: #fdfffd;
  background-color: #44b07e;
  border-color: #44b07e;
}

.popup-container {
  z-index: 101;
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  max-width: 60%;
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 41px 60px;
  display: flex;
  position: relative;
  overflow: auto;
}

.close-button {
  color: var(--logo-blue);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: DM Sans, sans-serif;
  font-size: 26px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 5% 5% auto auto;
}

.close-button.for-search {
  position: relative;
  top: auto;
  right: 5%;
}

.job-listing-wrapper {
  border-bottom: 1px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.sticky-button-holder {
  z-index: 1;
  min-height: 80%;
  position: absolute;
  inset: 25% 6% auto auto;
}

.apply-now {
  text-align: center;
  text-transform: capitalize;
  background-color: #1a8922;
  flex: 1;
  min-width: 120px;
  margin: 0;
  transition: background-color .3s;
  display: none;
  position: relative;
  top: 0;
}

.apply-now:hover {
  background-color: #44b07e;
}

.apply-now-v2 {
  color: #1a8922;
  text-align: center;
  text-transform: capitalize;
  background-color: #0000;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  min-width: 120px;
  margin: 0;
  font-size: 16px;
  transition: background-color .3s;
  display: flex;
  position: relative;
  top: 0;
}

.success-message-inner {
  color: #fff;
  text-align: center;
  background-color: #1a892273;
  border: 1px solid #31a93a;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-top: 24vh;
  padding: 2rem;
  font-size: 20px;
  position: relative;
}

.field-input {
  border-radius: 5px;
  height: 45px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  transition: box-shadow .2s;
  position: relative;
}

.field-input:focus {
  border: 1px solid #1875f0;
  box-shadow: 0 0 4px #1875f0;
}

.field-input.phone-no {
  color: #a0a0a0;
  flex: auto;
  margin-left: 10px;
}

.field-block {
  flex: 50%;
  
  margin-right: 20px;
}

.field-block.fluid {
  flex-grow: 2;
  flex-shrink: 1;
  position: relative;
}

.field-block.fluid.for-desired-job {
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.field-block.semi-fluid {
  flex-grow: 0;
  flex-basis: 25%;
}

.job-app-form-close {
  z-index: 1;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  width: 45px;
  height: 45px;
  font-size: 24px;
  line-height: 45px;
  position: absolute;
  inset: 10% 5% auto auto;
}

.field-label-4 {
  color: #1b325f;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  position: relative;
}

.coun-co-embed {
  flex: 3 0 auto;
  display: block;
  position: relative;
}

.cv-upload-wrapper {
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
  position: relative;
}

.job-application-form {
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
  display: flex;
  position: relative;
}

.country-key.dbip-auto-select-country {
  background-color: #fff;
  flex: auto;
}

.apply-holder {
  position: relative;
}

.apply-job {
  text-transform: capitalize;
  background-color: #1a8922;
  margin-top: 40px;
  margin-bottom: 20px;
  font-style: normal;
  transition: background-color .3s;
  position: relative;
}

.apply-job:hover {
  background-color: #44b07e;
}

.uploadcare-input {
  display: none;
  position: relative;
}

.afaqy-solutions {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section {
  min-height: 100dvh;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

.section.get-started {
  justify-content: center;
  align-items: center;
  min-height: 40vh;
  display: flex;
}

.section.who-we-r {
  min-height: 35vh;
  position: relative;
}

.section.who-we-r.dark {
  z-index: 0;
  background-color: #1b325f;
  background-image: linear-gradient(90deg, #2a4272, #061739);
  min-height: 40vh;
  overflow: hidden;
}

.section.y-afaqy {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 35vh;
  display: flex;
}

.section.key-features {
  min-height: 35vh;
  position: relative;
}

.section.key-features.dark {
  z-index: 0;
  object-fit: cover;
  background-color: #1b325f;
  background-image: linear-gradient(90deg, #2a4272, #061739);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 40vh;
  display: flex;
  overflow: hidden;
}

.social-item-wrap {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
}

.h-d-cus.counter {
  margin-left: 2px;
  margin-right: 10px;
}

.collaborations {
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100dvh;
  display: flex;
}

.arrow-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

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

.collabor-grid.for-ar {
  direction: rtl;
  position: relative;
}

.collabor-item {
  border: 1px solid #e6e6e6;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-items: center;
  height: 110px;
  display: flex;
  position: relative;
}

.fs-block-holder {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.up-arrow-footer {
  z-index: 1;
  text-align: center;
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: 75%;
  margin: auto;
  font-family: DM Sans, sans-serif;
  text-decoration: none;
  display: flex;
  position: absolute;
  right: auto;
}

.up-arrow-footer.to-top {
  color: #fff;
  border-bottom-style: none;
  width: 40%;
  height: 30%;
  bottom: 0;
  right: 10px;
  overflow: hidden;
}

.up-arrow-footer.to-top.for-ar {
  font-family: Cairo;
  left: 0;
  right: auto;
}

.planet-anim-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.planet-anim-wrap.for-ar {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.planet-anim-wrap.v-2 {
  width: 100%;
  margin-right: 0;
}

.planet-earth {
  z-index: 3;
  width: 225px;
  max-width: 75%;
  position: absolute;
}

.ring-buildings-dark {
  z-index: 0;
  width: 330px;
  position: absolute;
}

.ring-buildings {
  z-index: 2;
  width: 345px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: auto;
}

.dashed-orbit {
  z-index: 1;
  border: 2px dashed #82a0d2;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  position: absolute;
}

.planet-vehicle-holder {
  z-index: 0;
  align-items: flex-end;
  width: 60%;
  min-height: 100px;
  display: flex;
  position: absolute;
  inset: auto -5% 30% auto;
  overflow: hidden;
}

.vehicle-img {
  z-index: 1;
  width: 136px;
  margin-top: auto;
  margin-left: auto;
  margin-right: 35px;
  display: block;
  position: relative;
}

.car-shadow {
  z-index: 0;
  filter: blur(4px);
  background-image: radial-gradient(circle, #000 11%, #0000);
  border-radius: 50%;
  width: 170px;
  height: 8px;
  padding-bottom: 0;
  position: absolute;
  inset: auto 7% -1% auto;
}

.planet-buildings-bg {
  z-index: -1;
  width: 739px;
  max-width: 739px;
  height: 100px;
  position: absolute;
  left: 0;
  right: 0;
}

.r-s-grad-bg {
  background-image: linear-gradient(to right, #fff0, #fff);
  width: 30%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.location-icon {
  width: 25px;
  position: absolute;
  inset: 0% 34% auto auto;
}

.field-wrapper-5 {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin: 10px auto;
  display: flex;
  position: relative;
}

.field-wrapper-5.whatsapp-wrap {
  margin-top: 30px;
}

.field-label-5 {
  color: #1b325f;
  letter-spacing: 1px;
  margin-left: 3px;
  font-size: 15px;
  position: relative;
}

.form-3 {
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.contact-text-area-2 {
  text-transform: capitalize;
  background-color: #fff;
  border-radius: 5px;
  height: auto;
  min-height: 200px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 19px;
  padding-bottom: 0;
  font-size: 15px;
  transition: box-shadow .2s;
  position: relative;
}

.contact-text-area-2:focus {
  box-shadow: 0 0 4px #1875f0;
}

.required {
  color: #973233;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}

.planet-holder {
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 500px;
  display: flex;
  position: absolute;
  left: -25%;
}

.blog-inner-style {
  overflow: hidden;
}

.latest-jobs {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  position: relative;
}

.jobs-container {
  border: 1px solid #e6e6e6;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 30px 100px;
  display: flex;
  position: relative;
}

.jobs-container.for-applicant-des-rol {
  width: 100%;
  max-width: 1200px;
}

.job-listing-2 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  flex: 33.3333%;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 360px;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 25px;
  transition: border-color .3s, box-shadow .3s;
  display: flex;
  position: relative;
  box-shadow: 0 0 #0000001a;
}

.job-listing-2:hover {
  border-color: #e8e8e8;
  box-shadow: 1px 0 10px 2px #0000001a;
}

.popup {
  z-index: 1000;
  width: 100%;
  height: auto;
  min-height: 100dvh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.popup-bg {
  background-color: #1b325fd9;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text-span-15 {
  text-transform: uppercase;
  margin-left: 6px;
  font-weight: 700;
  position: relative;
}

.job-details-wrapper {
  color: #23286b;
  border-bottom: 1px solid #e8e8e8;
  width: 100%;
  padding: 10px 15px 20px;
  position: relative;
}

.popup-close {
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  width: 45px;
  height: 45px;
  font-size: 24px;
  line-height: 45px;
  position: absolute;
  inset: 5% 5% auto auto;
}

.job-date {
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  display: flex;
}

.job-date.left-space {
  border-left: 1px solid #e8e8e8;
  margin-left: 0;
  padding-left: 15px;
  position: relative;
}

.job-date.left-space.borderless {
  border: 1px #000;
}

.job-level {
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.job-level.left-space {
  border-left: 1px solid #e8e8e8;
  margin-left: 0;
  padding-left: 15px;
}

.job-level.left-space.borderless {
  border: 1px #000;
}

.job-list-2 {
  margin-left: 10px;
  position: relative;
}

.job-list-icon-2 {
  width: 15px;
  display: inline-block;
  position: relative;
}

.job-category {
  text-transform: capitalize;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.job-category.left-space {
  border-left: 1px solid #e8e8e8;
  margin-left: 0;
  padding-left: 15px;
  position: relative;
}

.job-category.left-space.borderless {
  border: 1px #000;
}

.job-type {
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  display: flex;
}

.job-type.left-space {
  border-left: 1px solid #e8e8e8;
  margin-left: 0;
  padding-left: 15px;
  position: relative;
}

.job-type.left-space.borderless {
  border: 1px #000;
}

.job-location {
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  display: flex;
}

.job-location.left-space {
  border-left: 1px solid #e8e8e8;
  margin-left: 0;
  padding-left: 15px;
  position: relative;
}

.job-location.left-space.borderless {
  border: 1px #000;
}

.text-block-47, .text-block-48 {
  font-weight: 700;
  position: relative;
}

.job-application-container-3 {
  z-index: 1001;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 65%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0% 0 auto;
}

.paragraph-77 {
  color: #1b325f;
  margin-bottom: 20px;
  font-size: 18px;
  display: flex;
  position: relative;
  justify-content: baseline;
}

.field-wrapper-9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin: 7px auto;
  display: flex;
  position: relative;
}

.field-wrapper-9.for-submit {
  width: 40%;
}

.field-wrapper-9.fluid {
  flex: 1;
}

.success-message-5 {
  color: #fff;
  text-align: center;
  background-color: #fff;
  border-style: none;
  border-width: 1px;
  border-radius: 15px;
  min-height: 150px;
  margin-top: auto;
  font-size: 20px;
  position: relative;
  place-content: center;
  inset: 0%;
}

.submit-button-6 {
  object-fit: fill;
  background-color: #1a8922;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 700;
  transition: background-color .2s;
  position: relative;
}

.submit-button-6:hover {
  background-color: #44b07e;
}

.content-holder {
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: stretch;
  width: 100%;
  padding-top: 55px;
  padding-bottom: 55px;
  display: flex;
  position: relative;
}

.content-holder.for-articles {
  justify-content: flex-start;
  align-items: stretch;
}

.content-holder.for-articles.for-ar {
  flex-flow: row-reverse wrap;
}

.tutorial-item {
  display: flex;
  background-color: #fff;
  flex: 0 33.3%;
  justify-content: center;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 25px;
  position: relative;
}

.tutorial-item.border-bottom {
  border-bottom: 1px solid #e6e6e6;
  flex: 1 0 33.3%;
}

.tutorial-item.border-bottom.for-other {
  flex-direction: column;
  align-items: flex-start;
}

.tutorial-item.border-bottom.for-other.for-ar {
  direction: ltr;
  align-items: flex-end;
}

.tutorial-item.for-other {
  margin-top: 1rem;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tutorial-item.for-home {
  border: 1px solid #e4e4e4;
  height: auto;
  min-height: 100%;
}

.tut-item-holder {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 400px;
  display: flex;
  position: relative;
}

.tut-item-holder.for-ar {
  flex: 1;
  align-items: center;
}

.item-img {
  object-fit: cover;
  width: 100%;
  height: 150px;
  max-height: 200px;
  margin-bottom: .5rem;
  display: block;
  position: relative;
}

.item-img.contained {
  transform-origin: 50% 0;
  object-fit: contain;
  object-position: 50% 50%;
  height: 200px;
  max-height: 250px;
}

.categ-title {
  color: #1b325f;
  text-align: left;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  position: relative;
}

.categ-title.for-ar {
  text-align: right;
  font-family: Cairo;
}

.categ-title.for-col {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 19px;
}

.categ-title.for-col.days {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
}

.categ-title.for-grid, .categ-title.for-faq {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 19px;
}

.categ-title.fir-tuts {
  margin-top: 0;
}

.categ-par {
  color: #4c4c4c;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  position: relative;
}

.categ-par.for-tut {
  -webkit-text-stroke-color: #4c4c4c;
  text-transform: capitalize;
  object-fit: contain;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 25px;
}

.categ-par.for-tut.vertical-gaps {
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.categ-par.other-tut {
  margin-top: 0;
  margin-bottom: 0;
}

.categ-par.for-ar {
  text-align: right;
  font-family: Cairo;
}

.categ-par.for-col {
  text-align: center;
  -webkit-text-stroke-color: #4c4c4c;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
  text-decoration: none;
}

.categ-par.for-col.quiz-link {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.categ-par.for-col.command {
  text-transform: none;
}

.categ-par.for-buttons {
  -webkit-text-stroke-color: #4c4c4c;
  text-transform: capitalize;
  font-weight: 400;
  text-decoration: none;
}

.categ-par.for-lightbox {
  z-index: 2;
  color: #fff;
  -webkit-text-stroke-color: #4c4c4c;
  text-transform: capitalize;
  width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 60px;
  font-weight: 400;
}

.categ-par.for-col {
  -webkit-text-stroke-color: #4c4c4c;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
}

.categ-par.for-col.other-item-title {
  color: #2a7130;
  font-size: 18px;
  font-weight: 700;
}

.categ-par.for-col {
  -webkit-text-stroke-color: #4c4c4c;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
  text-decoration: none;
}

.card-button {
  color: #2a7130;
  text-align: left;
  text-transform: capitalize;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 45px;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  position: relative;
}

.card-button.for-ar {
  direction: rtl;
  text-align: right;
  text-transform: capitalize;
  justify-content: flex-end;
  width: auto;
  margin-left: auto;
  margin-right: 0;
}

.card-button.for-ar.w--current {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}

.card-button.for-category {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.article-button {
  color: #fff;
  background-color: #1a8922;
  transition: all .3s cubic-bezier(.755, .05, .855, .06);
  position: relative;
}

.article-button:hover {
  background-color: #44b07e;
}

.article-button.more-artilcles.for-ar {
  font-family: 'Cairo', sans-serif;
}

.article-button.more-artilcles.demo {
  width: auto;
  min-width: 200px;
  margin-left: 0;
}

.article-button.more-artilcles.demo.for-ar {
  margin-left: auto;
  margin-right: 0;
}

.full-card-link {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.item-img-holder {
  width: 100%;
  height: 50%;
  position: relative;
  overflow: hidden;
}

.content-main-wrap {
  min-height: 65vh;
  position: relative;
}

.content-main-wrap.blog-post {
  min-height: 100dvh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
}

.content-main-wrap.blog-post.for-ar {
  direction: rtl;
  text-align: right;
  padding-top: 50px;
  font-family: Cairo;
}

.content-main-wrap.blog-post.wide-screen {
  width: auto;
}

.content-main-wrap.customer {
  width: 80%;
  min-height: 100dvh;
  margin-left: auto;
  padding-top: 0;
}

.content-main-wrap.tips-tricks {
  min-height: 100dvh;
}

.content-main-wrap.blog-post, .content-main-wrap.main-uts {
  width: 80%;
  min-height: 100dvh;
  padding-top: 0;
}

.content-main-wrap.signin-page {
  justify-content: center;
  align-items: stretch;
  min-height: 100svh;
  display: flex;
}

.content-main-wrap.signin-page.reverse {
  flex-flow: row-reverse;
}

.content-main-wrap.for-access-den {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.all-button {
  z-index: 1;
  color: #1b325f;
  text-align: center;
  text-transform: capitalize;
  background-color: #0000;
  flex: none;
  width: 200px;
  height: 45px;
  margin: 1px 0 1px auto;
  padding-left: 15px;
  font-weight: 700;
  line-height: 24px;
  display: block;
  position: relative;
}

.row-2 {
  aspect-ratio: auto;
  border-bottom: 1px solid #e6e6e6;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.row-2.last-row {
  border-bottom-style: none;
  align-items: center;
}

.row-2.last-row.main-tut {
  align-items: flex-start;
}

.col-desc {
  background-color: #f4f4f4;
  border-left: 1px solid #e6e6e6;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  min-height: 100px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 60px;
  display: flex;
  position: relative;
}

.col-desc.general {
  background-color: #fff;
  flex: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 60px;
}

.col-desc.general.tut-img-wrap {
  border-left-style: none;
  flex: none;
  padding-left: 0;
  width: 100%;
}

.col-desc.general.tut-img-wrap.for-ar {
  justify-content: center;
  align-items: flex-end;
  padding-left: 0;
  padding-right: 0;
}

.col-desc.general.tut-desc-wrap {
  border-left-style: none;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  padding-left: 0;
}

.col-desc.general.tut-desc-wrap.for-ar {
  align-items: flex-end;
  padding-left: 30px;
  padding-right: 30px;
}

.col-desc.general.calendar {
  flex: auto;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  transition: all .25s cubic-bezier(.68, -.55, .265, 1.55);
}

.col-desc.general.calendar.top-border {
  border-top: 1px solid #e6e6e6;
  flex: 1;
}

.col-desc.general.calendar {
  flex: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  transition: all .25s cubic-bezier(.68, -.55, .265, 1.55);
}

.col-desc.general.calendar:hover {
  background-color: #f4f4f4;
}

.col-desc.general.command {
  flex: 1;
  align-items: center;
  max-width: 50%;
  padding-left: 30px;
  padding-right: 30px;
  transition: all .25s cubic-bezier(.68, -.55, .265, 1.55);
}

.col-desc.general.command:hover {
  background-color: #f4f4f4;
}

.col-desc.for-device-gallery {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-left-style: none;
  flex-flow: wrap;
  align-items: center;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.col-desc.for-device {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.col-desc.for-device.light-bg {
  background-color: #fff;
  border-left-style: none;
}

.col-desc.for-img {
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}

.col-desc.for-connections-album {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-left-style: none;
  flex-flow: wrap;
  align-items: center;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.tut-img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  flex: 0 auto;
  width: 100%;
  min-height: 350px;
  display: block;
  position: relative;
}

.tut-img.contained {
  transform-origin: 50% 0;
  object-fit: contain;
  margin-bottom: 1rem;
}

.other-tuts {
  background-color: #f9f9f9cc;
  border-left-width: 1px;
  border-left-color: #e6e6e6;
  flex-direction: column;
  flex: 0 40%;
  align-items: flex-start;
  padding-top: 2rem;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: sticky;
  top: 100px;
}

.other-tuts.for-ar {
  border-right-width: 1px;
  border-right-color: #e6e6e6;
}

.main-tut-holder {
  flex-direction: column;
  flex: 0 60%;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.main-tut-holder.for-ar {
  align-items: flex-end;
  padding-left: 30px;
  padding-right: 0;
}

.tut-sub-title {
  color: #4c4c4c;
  text-align: left;
  margin-top: 35px;
  margin-bottom: 20px;
  font-family: Droid Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}

.tut-sub-title.for-ar {
  direction: rtl;
  text-align: right;
  margin-left: auto;
  font-family: Cairo;
}

.head-title {
  color: #1b325f;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 700;
  position: relative;
}

.single-blog {
  overflow: hidden;
}

.sec-title.custom {
  color: #1b325f;
  align-items: center;
  margin-top: 0;
  margin-bottom: 2.5rem;
  padding-left: 40px;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  position: relative;
}

.sec-title.custom.for-ar {
  margin-right: 0;
  padding-left: 0;
  padding-right: 40px;
  line-height: 35px;
  margin-top: 0 !important;
}

.sec-title.custom.for-blog {
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.more-artilcles {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  background-color: #1a8922;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  margin: 2rem auto;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.back-arrows {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.back-arrow {
  color: #1b325f;
  width: 50%;
  height: 100%;
  position: absolute;
}

.back-arrow.arr-2 {
  color: #2a7130;
}

.back-hint {
  color: #6c6c6c;
  text-align: left;
  text-transform: capitalize;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  position: relative;
}

.back-button {
  z-index: 2;
  margin-top: -10px;
  text-decoration: none;
  display: flex;
  position: relative;
  top: 0;
  left: 0%;
}

.back-button.for-ar {
  flex-direction: row-reverse;
  margin-right: 25px;
}

.page-progress {
  z-index: 99;
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-color: #e6e6e6;
  width: 100%;
  height: 2px;
  position: absolute;
  inset: auto auto 0 0;
  transform: scale3d(0, 1, 1);
}

.page-progress.for-ar {
  transform-origin: 100%;
  left: auto;
  right: 0;
}

.social-updates {
  justify-content: center;
  align-items: center;
  height: 100dvh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.platforms-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
  position: relative;
}

.social-embed-wrap {
  background-color: #ffffff8c;
  border: 1px solid #e4e4e4;
  border-radius: 0;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 400px;
  padding: 15px;
  display: flex;
  overflow: hidden;
}

.instagram-feed, .facebook-feedback, .twitter-feedback {
  width: 300px;
  position: relative;
}

.share-icon {
  color: #b0b0b0;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 50px;
  transition: color .25s;
  display: flex;
  position: relative;
}

.share-icon.facebook {
  z-index: 3;
  min-width: 50px;
}

.share-icon.facebook:hover {
  color: #23286b;
}

.share-icon.twitter {
  min-width: 50px;
}

.share-icon.twitter:hover {
  color: #23286b;
}

.share-icon.linkedin {
  min-width: 50px;
}

.share-icon.linkedin:hover {
  color: #23286b;
}

.social-share-wrap {
  z-index: 3;
  align-items: center;
  width: 100%;
  height: 45px;
  display: flex;
  position: relative;
}

.elements-bg-holder {
  background-image: linear-gradient(89deg, #3954a400, #37509e 34%, #1e2857);
  justify-content: center;
  align-items: center;
  width: 50%;
  min-width: 550px;
  height: 100%;
  display: flex;
  position: relative;
}

.n-i-toggle {
  color: #fff;
  text-transform: capitalize;
  font-size: 16px;
}

.n-i-toggle.inner-d-n-link {
  color: #080f42;
  padding-left: 10px;
}

.n-i-toggle.inner-d-n-link.for-ar {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Cairo;
  display: flex;
}

.whatsapp-button {
  max-width: 200px;
  position: relative;
}

.d-n-d-d-holder-home {
  background-color: #0000;
  min-width: 950px;
  height: 50px;
  right: -505.5px;
}

.d-n-d-d-holder-home.w--open {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 800px;
  height: auto;
  display: flex;
  right: -585.5px;
}

.d-n-d-d-holder-home.for-vehicle {
  min-width: 950px;
  top: 80px;
  right: -714px;
}

.d-n-d-d-holder-home.for-vehicle.w--open {
  transform-origin: 50% 0;
}

.d-n-d-d-holder-home.for-vehicle.for-ar {
  font-family: Cairo;
}

.d-n-d-d-holder-home.for-vehicle.for-ar.w--open {
  right: -182px;
}

.d-n-d-d-holder-home.for-businesses {
  right: -380px;
}

.d-n-d-d-holder-home.for-businesses.w--open {
  min-width: 950px;
}

.d-n-d-d-holder-home.for-businesses.ho-pa {
  top: 80px;
  right: -555px;
}

.d-n-d-d-holder-home.for-businesses.ho-pa.for-ar {
  left: -241px;
  right: auto;
}

.d-n-d-d-holder-home.for-businesses.ho-pa.for-ar.w--open {
  font-family: Cairo;
  left: -542px;
}

.d-n-d-d-holder-home.for-cities {
  right: -221.5px;
}

.d-n-d-d-holder-home.for-cities.w--open {
  flex-wrap: wrap;
  min-width: 950px;
}

.d-n-d-d-holder-home.for-cities.ho-pa {
  top: 80px;
  right: -435px;
}

.d-n-d-d-holder-home.for-cities.ho-pa.w--open {
  min-width: 950px;
}

.d-n-d-d-holder-home.for-cities.ho-pa.for-ar {
  font-family: Cairo;
  right: -353px;
}

.d-n-d-d-holder-home.for-cities.ho-pa.for-ar.w--open {
  flex-flow: column wrap;
  left: -447.5px;
  right: auto;
}

.d-n-d-d-holder-home.for-company {
  top: 80px;
  right: -197px;
}

.d-n-d-d-holder-home.for-company.w--open {
  min-width: 950px;
}

.d-n-d-d-holder-home.for-company.for-ar {
  font-family: Cairo;
  right: auto;
}

.d-n-d-d-holder-home.for-company.for-ar.w--open {
  left: -268px;
  right: auto;
}

.header-logo-mob, .branches-map-mob {
  display: none;
}

.collection-list-2 {
  flex: 1;
}

.qu-faq {
  border-bottom: 1px solid #f0f0f0;
  flex: 1;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.qu-faq.fleet {
  direction: ltr;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.qu-faq.for-ar {
  direction: rtl;
  text-align: right;
  margin-left: auto;
}

.faq-title {
  color: #1a8922;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  line-height: 25px;
  position: relative;
}

.faq-title:hover {
  color: #1b325f;
}

.faq-title.for-ar {
  font-family: Cairo;
}

.h3-faq-answer {
  color: #23286b;
  text-transform: capitalize;
  margin-top: 0;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  position: relative;
  overflow: hidden;
}

.h3-faq-answer.for-ar {
  font-family: Cairo;
}

.faq-style {
  overflow: hidden;
}

.faqs-bottom-border {
  transform-origin: 0%;
  background-color: #18a264;
  width: 5%;
  min-width: 75px;
  height: 5px;
  position: absolute;
  inset: auto auto -2% 0%;
}

.faqs-bottom-border.for-ar {
  transform-origin: 100%;
  left: auto;
  right: 0;
}

.contact-link {
  color: #17a463;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}

.qa-holder {
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.qa-holder.for-ar {
  justify-content: flex-end;
}

.qa-l-s {
  flex: 0 50%;
  padding-right: 40px;
}

.qa-l-s.for-ar {
  padding-left: 40px;
  padding-right: 0;
  position: relative;
}

.flag-2 {
  background-image: url('../images/saudi-flag.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  width: 25px;
  height: 25px;
  margin-right: 14px;
  position: relative;
}

.langauge-line-break {
  background-color: #5b3acc;
  width: 0%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.langauge-line-base {
  background-color: #9b9eb838;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.language-toggle {
  color: #20355a;
  border-radius: 0;
  padding-right: 30px;
  transition: all .2s;
}

.language-toggle.for-ar {
  width: 30px;
  margin-right: 40px;
  padding-left: 40px;
  padding-right: 0;
}

.language-link {
  color: #484646;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 45px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.language-link:hover {
  color: #17a463;
}

.flag-5 {
  background-image: url('../images/sweden.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  width: 25px;
  height: 25px;
  margin-right: 14px;
}

.flag-1 {
  background-image: url('../images/united-kingdom.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  width: 25px;
  height: 25px;
  margin-right: 14px;
}

.flag-4 {
  background-image: url('../images/norway.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  width: 25px;
  height: 25px;
  margin-right: 14px;
}

.flag-3 {
  background-image: url('../images/france.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  width: 25px;
  height: 25px;
  margin-right: 14px;
}

.language-list {
  background-color: #d99f9f;
}

.language-list.w--open {
  background-color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  min-width: 130px;
  padding: 10px 16px;
  right: 0;
  box-shadow: 18px 18px 45px 19px #4f5e781a;
}

.language-list.for-ar.w--open {
  top: 50px;
  right: auto;
}

.white-arrow {
  color: #fff;
  display: none;
}

.lang-toggle-arrow {
  display: none;
}

.anim-holder {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 500px;
  min-height: 350px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sm-veh-01 {
  z-index: 1;
  width: 370px;
  position: absolute;
  bottom: 8px;
}

.sm-veh-02 {
  z-index: 0;
  max-width: 75%;
  position: absolute;
  bottom: 30px;
}

.sm-veh-05 {
  z-index: -1;
  width: 175px;
  height: 371px;
  position: absolute;
  top: -7px;
  right: 27%;
}

.sm-veh-03 {
  max-width: 75%;
  position: absolute;
  top: 0;
  right: 3%;
}

.sm-veh-06 {
  z-index: 1;
  width: 130px;
  position: absolute;
  bottom: 10px;
  left: 80px;
  right: 26px;
}

.sm-veh-07 {
  z-index: 1;
  width: 75px;
  position: absolute;
  bottom: 7px;
  left: 50px;
}

.sm-veh-08 {
  z-index: 1;
  width: 80px;
  position: absolute;
  bottom: 7px;
  left: 85px;
}

.sm-veh-04 {
  z-index: 2;
  width: 80px;
  position: absolute;
  bottom: 12px;
  left: 170px;
}

.sm-veh-09 {
  z-index: 0;
  width: 150px;
  height: 21px;
  position: absolute;
  bottom: 0;
  left: 35px;
}

.sm-cit-01 {
  z-index: -1;
  width: 350px;
  position: absolute;
  top: 0;
  bottom: auto;
  right: 71px;
}

.sm-cit-02 {
  z-index: 0;
  width: 250px;
  position: absolute;
  top: 1px;
  bottom: auto;
  right: 106px;
}

.sm-cit-03 {
  z-index: 1;
  width: 350px;
  position: absolute;
  top: 34px;
}

.sm-cit-04 {
  z-index: 1;
  width: 70px;
  position: absolute;
  top: auto;
  bottom: 75px;
  left: 185px;
}

.sm-cit-05 {
  z-index: 1;
  width: 105px;
  position: absolute;
  top: auto;
  bottom: 60px;
  right: 90px;
}

.sm-cit-06 {
  z-index: 1;
  width: 115px;
  position: absolute;
  top: auto;
  bottom: 57px;
  left: 73px;
}

.sm-cit-07 {
  z-index: 1;
  width: 200px;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 120px;
}

.sm-bus-01 {
  z-index: -1;
  width: 400px;
  position: absolute;
  inset: 120px auto auto;
}

.sm-bus-02 {
  z-index: 0;
  width: 400px;
  position: absolute;
  inset: 60px auto auto;
}

.sm-bus-03 {
  z-index: 1;
  width: 45px;
  position: absolute;
  inset: 80px auto auto 77px;
}

.sm-bus-04 {
  z-index: -1;
  width: 110px;
  position: absolute;
  top: 40px;
  bottom: auto;
  right: 60px;
}

.sm-bus-05 {
  z-index: -1;
  width: 70px;
  position: absolute;
  inset: 15px auto auto 170px;
}

.sm-bus-06 {
  z-index: 1;
  width: 37px;
  position: absolute;
  inset: 91px auto auto 145px;
}

.sm-bus-07 {
  z-index: 1;
  width: 37px;
  position: absolute;
  inset: 163px auto auto 146px;
}

.sm-bus-08 {
  z-index: 1;
  width: 36px;
  position: absolute;
  inset: auto auto 95px 270px;
}

.sm-bus-09 {
  z-index: 1;
  width: 25px;
  position: absolute;
  top: auto;
  bottom: 146px;
  right: 216px;
}

.txt-for-ar {
  font-family: Cairo;
  position: relative;
}

.phone-whatsaapp-wrap {
  display: flex;
}

.block-holder {
  justify-content: flex-end;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.special-chars {
  margin-right: 10px;
}

.footer-li-fo-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.brief-video-p {
  z-index: 1;
  color: #1b325f;
  text-align: center;
  width: 80%;
  margin-top: 13px;
  margin-bottom: -90px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  line-height: 26px;
  position: relative;
}

.brief-video-p.for-ar {
  direction: rtl;
  margin-bottom: 60px;
  font-family: Cairo;
}

.brief-video-p.for-ar.for-aman {
  margin-bottom: 75px;
}

.video-4 {
  height: auto;
  display: inline;
}

.whatsapp-holder {
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.whatsapp-holder.for-ar {
  margin-left: auto;
}

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

.subscription-success {
  color: #fff;
  background-color: #ffffff40;
  position: relative;
}

.post-button-holder {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 150px;
  margin-top: 1rem;
  display: flex;
  position: relative;
}

.card-button-arrow {
  color: #1b325f;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
  position: absolute;
  right: 45%;
}

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

.content-holder-2 {
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  position: relative;
}

.content-holder-2.for-training, .content-holder-2.for-commands {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 95%;
  height: 100%;
  margin-left: 15px;
  margin-right: auto;
  padding-left: 20px;
}

.video-icon {
  width: 30px;
  height: 30px;
}

.button-arrow-icon-2 {
  z-index: 0;
  color: #1b325f;
  transform-style: preserve-3d;
  margin: auto 0 auto auto;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  top: -3px;
  right: 180px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.search-field {
  border: 1px solid #fff;
  width: 100%;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.search-field:active, .search-field:focus {
  border-color: #cecece;
}

.search-field.custom-field {
  border-bottom-color: #ececec;
  transition: all .2s cubic-bezier(.95, .05, .795, .035);
}

.search-field.custom-field:focus {
  border-color: #fff;
}

.s-n-b-txt {
  color: #1b325f;
  text-transform: capitalize;
  flex: 1;
  font-size: 16px;
  display: none;
  position: relative;
}

.s-n-button {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ececec;
  justify-content: center;
  align-items: center;
  min-width: 65px;
  height: 65px;
  text-decoration: none;
  display: flex;
  position: relative;
  right: 0;
}

.s-n-button.w--current {
  color: #4c4c4c;
  text-decoration: none;
}

.signin-trigger-wrap {
  width: 50%;
  position: relative;
}

.sublink-title {
  position: relative;
}

.sublinks-wrap {
  width: 100%;
  min-height: 100%;
  top: 0;
}

.sublinks-wrap.w--open {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  transform: scale(1);
  box-shadow: 0 7px 10px #0000001a;
}

.log-sea-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 70px;
  display: flex;
  position: relative;
}

.download-button {
  color: #2a7130;
  text-align: center;
  text-transform: capitalize;
  background-color: #0000;
  border: 1px solid #d4d4d4;
  width: 100%;
  height: auto;
  margin: 1px auto;
  padding: 15px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  transition: all .35s;
  display: block;
  position: relative;
}

.download-button:hover {
  color: #fff;
  background-color: #2a7130;
  border-color: #fff;
}

.search-button {
  background-color: #fff;
  background-image: url('../images/search-icon_1search-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 50px;
  height: 50px;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.container-32 {
  border-top: 1px solid #dbdbdb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  display: flex;
  position: relative;
}

.container-32.no-borders {
  border-top-style: none;
}

.row-3 {
  aspect-ratio: auto;
  border-bottom: 1px solid #e6e6e6;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.row-3.commands {
  flex-flow: column;
}

.row-3.commands.titles {
  grid-column-gap: 1px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.nav-icon {
  z-index: 1;
  color: #1e3769;
  width: 25px;
  height: 100%;
  margin-left: 20px;
  margin-right: 0;
  display: block;
  position: absolute;
}

.nav-icon.close {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.nav-collection-wrap {
  width: 100%;
}

.side-nav-link {
  color: #fff;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 16px;
}

.side-nav-link.custom-link {
  text-transform: capitalize;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 45px;
  font-size: 14px;
  line-height: 16px;
}

.side-nav-link.custom-link.with-breaker {
  margin-bottom: 1rem;
}

.side-nav-link.for-tb-cat {
  z-index: 1;
  text-transform: capitalize;
  cursor: pointer;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 20px;
  position: relative;
  overflow: hidden;
}

.search-form {
  z-index: 10;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 50px;
  margin-bottom: 0;
  margin-right: auto;
  display: flex;
  position: relative;
  right: auto;
}

.logo-2 {
  width: 180px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-right: auto;
  position: relative;
}

.logo-2.w--current {
  width: 165px;
  margin-right: auto;
}

.logo-2.for-sign {
  margin-bottom: 40px;
}

.s-n-open {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ececec;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  display: flex;
  position: relative;
  right: 0;
}

.sub-item-holder {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.side-tools-box {
  z-index: 111;
  justify-content: center;
  align-items: center;
  min-width: 65px;
  height: 100%;
  display: flex;
  position: fixed;
  top: auto;
  right: 0;
}

.side-nav-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.top-title-wrap-2 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: relative;
}

.nav-item-holder {
  border-bottom: 1px solid #ececec;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 80px;
  display: flex;
  position: relative;
}

.nav-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100dvh;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  display: flex;
  position: relative;
}

.side-nav-title {
  color: #fff;
  width: 80%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  position: relative;
  top: -10px;
}

.nav {
  background-color: #fff;
  border-right: 1px solid #ececec;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-bottom: auto;
  margin-left: 0;
  margin-right: auto;
}

.s-n-tr-img {
  flex: none;
  display: block;
  position: relative;
}

.s-n-tr-img.close {
  width: 20px;
  height: 20px;
}

.side-buttons-wrap {
  z-index: 111;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: auto;
}

.device-list {
  color: #4c4c4c;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 250px;
  margin-right: auto;
  padding-top: 1rem;
  padding-left: 0;
  font-size: 16px;
  line-height: 1.1;
  position: relative;
}

.device-list.w--open {
  display: flex;
  left: 100%;
}

.s-n-close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  display: flex;
  position: absolute;
  right: 0;
}

.head-title-4 {
  color: #1b325f;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 700;
  position: relative;
}

.head-title-4.sec-title {
  margin-top: 70px;
  margin-bottom: 0;
  margin-right: auto;
  padding-left: 40px;
  font-size: 24px;
  top: auto;
}

.head-title-4.sec-title.custom {
  margin-top: 4rem;
  margin-bottom: 0;
  line-height: 45px;
}

.head-title-4.sec-title.custom.for-customers {
  margin-top: auto;
  margin-bottom: auto;
}

.nav-link {
  color: #1b325f;
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100%;
  margin-left: 0;
  margin-right: 0;
  font-size: 16px;
  display: flex;
  position: relative;
}

.nav-link.w--current {
  color: #2a7130;
  font-weight: 700;
}

.nav-link.logout {
  width: 50%;
  position: relative;
}

.nav-link.side-nav {
  border-right-style: none;
  justify-content: flex-start;
  height: 100%;
  padding-left: 65px;
  transition: all .25s cubic-bezier(.175, .885, .32, 1.275);
}

.nav-link.signin-link {
  position: relative;
}

.nav-link.sub-link {
  color: #4c4c4c;
  background-color: #fff;
  border: 1px #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 0;
  line-height: 14px;
  display: flex;
}

.nav-link.sub-link.custom-link {
  z-index: 1;
  overflow: hidden;
}

.nav-link.side-nav {
  border-right-style: none;
  justify-content: flex-start;
  width: 100%;
  padding-left: 65px;
  transition: all .25s cubic-bezier(.175, .885, .32, 1.275);
}

.nav-link.side-nav.for-search {
  color: #a5a5a5;
}

.nav-link.side-nav {
  border-right-style: none;
  justify-content: flex-start;
  padding-left: 65px;
  transition: all .25s cubic-bezier(.175, .885, .32, 1.275);
}

.nav-link.side-nav:hover {
  color: #2a7130;
  letter-spacing: 1px;
  padding-left: 70px;
}

.nav-menu-4 {
  z-index: 9;
  flex-direction: column;
  width: 100%;
  margin: auto;
  display: flex;
}

.side-tools-wrapper {
  z-index: 111;
  background-color: #1b325f;
  min-width: 21dvw;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  overflow: hidden;
  transform: translate(110%);
  box-shadow: 0 2px 10px 3px #0000004d;
}

.video-button {
  color: #2a7130;
  text-align: left;
  text-transform: capitalize;
  background-color: #0000;
  border: 1px solid #d4d4d4;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 1px auto;
  padding: 15px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
  transition: all .35s;
  display: flex;
  position: relative;
}

.video-button:hover {
  color: #fff;
  background-color: #2a7130;
  border-color: #fff;
}

.side-nav {
  z-index: 101;
  width: 20%;
  height: 100dvh;
  position: sticky;
  top: 0;
}

.col-title {
  flex: 0 auto;
  min-width: 40%;
  max-width: 40%;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.col-title.days {
  background-color: #1e3769;
  flex: 0 0 16%;
  justify-content: center;
  align-items: center;
  min-width: auto;
  height: 100%;
  min-height: 100px;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.col-title.for-device-gallery {
  min-width: 100%;
}

.col-title.command {
  background-color: #1e3769;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: auto;
  max-width: 50%;
  height: 100%;
  min-height: 100px;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.dropdown-toggle-8 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 70px;
  display: flex;
}

.main-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.main-wrapper.for-digital-card {
  background-color: #e2e8f0;
  justify-content: center;
  align-items: flex-start;
  min-height: 100dvh;
}

.main-wrapper.for-dashboard {
  justify-content: center;
  align-items: flex-start;
}

.footer {
  z-index: 102;
  background-color: #131826;
  min-height: 130px;
  position: relative;
  bottom: 0;
}

.social-wrap {
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.list-3 {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.footer-social-link-2 {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 11px;
  line-height: 30px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.copyrights-wrap {
  justify-content: center;
  align-items: center;
  min-height: 40px;
  display: flex;
  position: relative;
}

.copyrights-2 {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  position: relative;
}

.container-25 {
  border-top: 1px solid #dbdbdb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  position: relative;
}

.container-25.no-borders {
  border-top-style: none;
}

.dropdown-toggle-11 {
  z-index: 2;
}

.nav-items-3 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  overflow: auto;
}

.training-weeks-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: stretch;
  width: 90%;
  display: flex;
  position: relative;
}

.training-weeks-holder.for-inner {
  border-top: 1px #e6e6e6;
  flex: 1;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 0;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.training-weeks-holder.for-collection {
  grid-column-gap: 2px;
  grid-row-gap: 0px;
  flex: 1;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.content-holder-3 {
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: stretch;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  position: relative;
}

.content-holder-3.for-training {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 95%;
  height: 100%;
  margin-left: 15px;
  margin-right: auto;
  padding-left: 20px;
}

.content-holder-3.for-sensors {
  width: 95%;
  margin-left: 15px;
  margin-right: auto;
  padding-top: 25px;
}

.b-n-par {
  color: #4c4c4c;
  text-align: left;
  width: auto;
  height: auto;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 15px;
  position: relative;
}

.training-schedule {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: .5px solid #e6e6e6;
  border-top-width: 1px;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 150px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 25px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.training-schedule:hover {
  background-color: #f4f4f4;
}

.b-n-art-title {
  color: #1b325f;
  text-align: left;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  position: relative;
}

.top-title-wrap-3 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: relative;
}

.button-arrow-icon-3 {
  z-index: 0;
  color: #1b325f;
  transform-style: preserve-3d;
  margin: auto 0 auto auto;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  top: -3px;
  right: 155px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.training-coll-item {
  flex: 25%;
}

.training-coll-item.for-command {
  max-width: 33.3%;
}

.week-holder {
  background-color: #f4f4f4;
  border: 1px solid #d4d4d4;
  flex-direction: column;
  flex: 1 0 25%;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 30px 15px;
  text-decoration: none;
  transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: relative;
}

.week-holder:hover {
  background-color: #2a7130;
}

.week-holder.for-command {
  justify-content: space-around;
  align-items: center;
}

.week-title {
  color: #1b325f;
  text-align: center;
  text-transform: capitalize;
  margin-top: 0;
  font-size: 22px;
  transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
  position: relative;
}

.week-par {
  color: #4c4c4c;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 15px;
  transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
  position: relative;
}

.lightbox-thumb {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.lightbox-thumb.img-contain {
  object-fit: contain;
}

.button-arrow-icon-4 {
  z-index: 0;
  color: #1b325f;
  transform-style: preserve-3d;
  margin: auto 0 auto auto;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  top: -3px;
  right: 180px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.row-4 {
  aspect-ratio: auto;
  border-bottom: 1px solid #e6e6e6;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.row-4.for-device-gallery {
  flex-direction: column;
}

.row-4.for-tech-specs {
  flex-direction: column;
  padding-bottom: 2rem;
}

.row-4.last-row {
  border-bottom-style: none;
  align-items: center;
}

.row-4.last-row.main-tut {
  align-items: flex-start;
}

.row-4.no-border {
  border-bottom-style: none;
}

.light-box-wrap {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.light-box-wrap.for-pinout {
  max-height: 250px;
  margin-bottom: 2rem;
  position: relative;
}

.col-img-holder {
  width: 100%;
  min-height: 250px;
  max-height: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: auto;
}

.col-img-holder.for-gallery {
  flex: 0 32.2%;
  min-height: 200px;
  margin-left: 0;
  margin-right: 0;
}

.col-img-holder.for-gallery.for-specs {
  flex: 1;
  min-height: 300px;
  max-height: 300px;
}

.col-img-holder.for-gallery.for-connetions {
  flex-basis: 49%;
}

.top-title-wrap-5 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: relative;
}

.device-img-holder {
  flex: 2 0 40%;
  justify-content: center;
  align-items: center;
  min-width: 40%;
  min-height: 350px;
  display: flex;
  position: relative;
}

.device-img-holder.for-command {
  flex: none;
  width: 100%;
  min-height: 200px;
  margin-bottom: 1rem;
}

.more-button {
  color: #2a7130;
  text-align: left;
  text-transform: capitalize;
  background-color: #0000;
  width: 100%;
  height: auto;
  margin: 1px auto;
  padding: 15px 60px;
  font-weight: 700;
  line-height: 24px;
  transition: all .35s;
  display: block;
  position: relative;
}

.more-button:hover {
  color: #fff;
  background-color: #2a7130;
}

.more-button.for-wiring {
  text-align: center;
  border: 1px solid #2a7130;
  width: 200px;
  margin-top: 3rem;
  margin-left: 0;
}

.more-button.for-wiring.for-bottom {
  margin-bottom: 3rem;
  margin-left: 2rem;
}

.device-notes-holder {
  flex-direction: column;
  flex: 0 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.device-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  min-height: 350px;
  display: block;
  position: relative;
}

.device-img.for-specs {
  object-fit: contain;
  flex: 1;
  min-height: 200px;
  max-height: 300px;
}

.device-img.for-pinout {
  min-height: 200px;
  margin-bottom: 2rem;
}

.buttons-holder-3 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.top-title-wrap-6 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: relative;
}

.cta-collection-wrap {
  width: 100%;
  position: relative;
}

.device-desc-holder {
  flex-direction: column;
  flex: 0 60%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.device-desc-holder.cust-height {
  max-height: 400px;
  overflow: auto;
}

.buttons-holder-4 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.top-title-wrap-7 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: relative;
}

.collection-desc-holder {
  width: 100%;
  position: relative;
}

.inner-img-wrap {
  object-fit: cover;
  width: 90%;
  height: 80%;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.device-type-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 90%;
  min-height: 140px;
  display: flex;
  position: relative;
}

.inner-img {
  object-fit: cover;
  width: 100%;
  display: block;
}

.devices-holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto auto auto;
  position: relative;
}

.devices-holder.for-sensors {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.items-wrap {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  color: #4c4c4c;
  text-transform: capitalize;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  font-size: 16px;
  list-style-type: none;
  display: flex;
  position: relative;
}

.items-wrap.no-pseudo {
  grid-column-gap: 10%;
  grid-row-gap: 10%;
  justify-content: flex-start;
  width: 95%;
}

.top-title-wrap-8 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: relative;
}

.collection-item {
  position: relative;
}

.device-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: .5px solid #e6e6e6;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 150px;
  padding: 25px 20px;
  transition: all .3s;
  display: flex;
}

.device-item:hover {
  background-color: #f4f4f4;
}

.item-holder {
  width: 100%;
  position: relative;
}

.device-name {
  color: #1b325f;
  text-align: center;
  text-transform: capitalize;
  border: 1px solid #e6e6e6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  text-decoration: none;
  transition: all .25s;
  display: flex;
  position: relative;
}

.device-name:hover {
  color: #fff;
  background-color: #2a7130;
  border-color: #2a7130;
}

.top-title-wrap-9 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: relative;
}

.single-slide {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.indic-no {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.progress-bar {
  z-index: 1;
  transform-origin: 0%;
  background-color: #56b95e;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0%;
}

.header-title-wrap {
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  position: relative;
}

.header-title-wrap.horizontal {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.header-title-wrap.horizontal.for-sign-up {
  padding-left: 41px;
  padding-right: 41px;
}

.side-body-wrap {
  width: 80%;
  min-height: 100dvh;
  margin-left: auto;
  position: relative;
}

.b-n-img-holder {
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100%;
  display: flex;
  position: relative;
  left: -20px;
  overflow: hidden;
}

.layer-mask {
  z-index: 1;
  opacity: 1;
  transform-origin: 0%;
  mix-blend-mode: soft-light;
  background-color: #1c1e3d;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.tuts-slider {
  background-color: #fff;
  height: 100%;
  margin-bottom: 40px;
}

.indic-progress {
  background-color: #2a7130;
  width: 4px;
  height: 0%;
  position: relative;
}

.ser-hi-desc-wrap {
  flex: 0 0 55%;
  align-items: center;
  height: 100%;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: relative;
}

.bullet-number {
  color: #1c1e3d;
  position: relative;
}

.filled-logo-sympol {
  opacity: .35;
  width: 475px;
  position: absolute;
  inset: 3% -28% auto auto;
}

.filled-logo-sympol.for-login {
  z-index: 1;
  width: 580px;
  top: 11%;
  left: 1%;
  right: auto;
}

.se-hi-slide-holder {
  border-bottom: 1px solid #dbdbdb;
  align-items: center;
  height: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
}

.title-cust-shape {
  transform-origin: 100%;
  background-color: #2a7130;
  width: 28%;
  height: 15px;
  position: absolute;
  top: 40%;
  bottom: auto;
  left: 6%;
}

.se-hi-slide.slide-1 {
  z-index: 3;
}

.side-indicators {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5%;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
  font-size: 18px;
  display: flex;
  position: absolute;
  top: 0;
  right: 75px;
}

.indic-holder {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.card-button-2 {
  color: #2a7130;
  text-align: left;
  text-transform: capitalize;
  background-color: #0000;
  width: 50%;
  height: 45px;
  margin: 1px auto 1px 0;
  padding-left: 0;
  font-weight: 700;
  line-height: 24px;
  display: block;
  position: relative;
}

.card-button-2.for-b-n {
  background-color: #fff0;
}

.tutorial-item-2 {
  background-color: #fff;
  flex-direction: column;
  flex: 0 33.3%;
  justify-content: center;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 25px;
  display: flex;
  position: relative;
}

.ser-hi-img-wrap {
  flex: 0 0 45%;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-right: 50px;
  display: flex;
  position: relative;
}

.b-r-slide-inner {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 80%;
  display: flex;
  position: relative;
}

.b-r-slide-inner.b-n-title-wrap {
  border-left: 1px solid #dbdbdb;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 210px;
  margin-left: 1rem;
}

.b-r-slide-inner.n-desc {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: .5rem;
  padding-bottom: .5px;
  padding-right: 2rem;
  overflow: auto;
}

.head-no {
  color: #1b325f;
  margin-bottom: .25rem;
  font-size: 65px;
  font-weight: 700;
  line-height: 70px;
  position: relative;
}

.cust-title {
  text-align: right;
  width: 60%;
  display: block;
  position: relative;
  left: 90px;
  right: 0;
}

.b-n-img {
  object-fit: cover;
  width: 100%;
  display: block;
  position: relative;
}

.se-hi-arrows {
  z-index: 100;
  background-color: #fff;
  width: 65px;
  height: 65px;
  margin: auto;
  transition: background-color .2s;
}

.se-hi-arrows.right-arrow {
  top: auto;
  bottom: 9%;
  right: 39.85%;
}

.se-hi-arrows.right-arrow.b-r-sl-arr {
  bottom: 10%;
  right: 13%;
}

.se-hi-arrows.right-arrow.c-t-sl-arr {
  bottom: -3%;
  right: 10%;
}

.se-hi-arrows.left-arrow {
  inset: auto auto 9% 49.3%;
}

.se-hi-arrows.left-arrow.c-t-sl-arr {
  bottom: -3%;
  left: auto;
  right: 18%;
}

.se-hi-arrows.left-arrow.b-r-sl-arr {
  bottom: 10%;
  left: auto;
  right: 20%;
}

.stroked-logo-sympol {
  z-index: 2;
  mix-blend-mode: overlay;
  width: 250px;
  position: absolute;
  inset: 3% auto auto -4%;
}

.breaking-news-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35%;
  padding-top: 25px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.breaking-news-wrap.margin-bottom {
  margin-bottom: 4rem;
}

.head-title-3 {
  color: #1b325f;
  text-transform: capitalize;
  margin-top: .5rem;
  margin-bottom: .5rem;
  font-family: DM Sans, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  position: relative;
}

.head-title-3.sec-title {
  margin-top: 70px;
  margin-bottom: 0;
  margin-right: auto;
  padding-left: 40px;
  font-size: 24px;
  top: auto;
}

.head-title-3.sec-title.custom {
  margin-top: 4rem;
  margin-bottom: 0;
  line-height: 45px;
}

.head-title-3.for-b-n {
  text-transform: uppercase;
  margin-left: 50px;
  font-size: 35px;
  left: auto;
}

.header-2 {
  flex-direction: column;
  height: 100dvh;
  padding-top: 0;
  display: flex;
  position: relative;
}

.know-more {
  color: #2a7130;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}

.cust-title-wide {
  letter-spacing: 6px;
  font-size: 32px;
  position: relative;
}

.b-n-slider {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.s-h-sl-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.head-par {
  color: #1b325f;
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 29px;
  position: relative;
}

.head-par.for-sign {
  margin-left: 0;
}

.ser-highlights-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65%;
  display: flex;
  position: relative;
}

.ser-highlights-slider {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.img-holder {
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 95%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.img-holder.for-digital-card {
  flex: .5 0 45%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.progress-stream {
  z-index: 1;
  mix-blend-mode: luminosity;
  background-color: #2a7130;
  width: 100%;
  height: 5px;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

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

.arrows-icon {
  color: #b8b8b8;
  font-size: 25px;
  font-weight: 700;
}

.arrows-icon.white {
  color: #fff;
}

.tut-item-holder-2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  min-height: 400px;
  display: flex;
  position: relative;
}

.full-card-link-2 {
  z-index: 1;
  padding-right: 0;
  position: absolute;
  inset: 0%;
}

.card-button-3 {
  color: #2a7130;
  text-align: left;
  text-transform: capitalize;
  background-color: #0000;
  width: 50%;
  height: 45px;
  margin: 1px auto 1px 0;
  padding-left: 0;
  font-weight: 700;
  line-height: 24px;
  display: block;
  position: relative;
}

.card-button-3.for-ar {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
  font-family: Cairo;
}

.other-tuts-2 {
  flex-direction: column;
  flex: 0 40%;
  align-items: flex-start;
  padding-top: 2rem;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: sticky;
  top: 0;
}

.article-button-2 {
  color: #fff;
  text-transform: capitalize;
  background-color: #1a8922;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 54px;
  font-size: 16px;
  text-decoration: none;
  transition: all .3s cubic-bezier(.755, .05, .855, .06);
  display: flex;
  position: relative;
  top: 2rem;
  bottom: 2rem;
}

.article-button-2:hover {
  background-color: #44b07e;
}

.tutorial-item-3 {
  background-color: #fff;
  flex-direction: column;
  flex: 0 33.3%;
  justify-content: center;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 25px;
  display: flex;
  position: relative;
}

.tutorial-item-3.border-bottom {
  border-bottom: 1px solid #e6e6e6;
  flex: 1 0 33.3%;
}

.content-holder-4 {
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: center;
  width: 100%;
  padding-top: 55px;
  padding-bottom: 55px;
  display: flex;
  position: relative;
}

.card-button-4 {
  color: #2a7130;
  text-align: left;
  text-transform: capitalize;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 45px;
  margin: 1px auto 1px 0;
  padding-left: 0;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  position: relative;
}

.full-card-link-3 {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.content-holder-5 {
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  position: relative;
}

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

.tutorial-item-4 {
  background-color: #fff;
  flex: 0 33.3%;
  margin-left: 0;
  margin-right: 0;
  padding: 25px;
  position: relative;
}

.tutorial-item-4.border-left {
  border-bottom: 1px #e6e6e6;
  border-left: 1px solid #e6e6e6;
  flex: 1 0 33.3%;
}

.tutorial-item-4.border-bottom {
  border-bottom: 1px solid #e6e6e6;
  flex: 1 0 33.3%;
}

.tutorial-item-4.border-bottom.border-left {
  border-bottom-style: solid;
}

.head-title-5 {
  color: #1b325f;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  position: relative;
}

.head-title-5.sec-title {
  margin-top: 70px;
  margin-bottom: 0;
  margin-right: auto;
  padding-left: 40px;
  font-size: 24px;
  top: auto;
}

.head-title-5.sec-title.custom {
  margin-top: 4rem;
  margin-bottom: 0;
  line-height: 45px;
}

.head-title-5.sec-title.custom.for-customers {
  margin-top: auto;
  margin-bottom: auto;
}

.card-button-5 {
  color: #2a7130;
  text-align: left;
  text-transform: capitalize;
  background-color: #0000;
  width: 50%;
  height: 45px;
  margin: 1px auto 1px 0;
  padding-left: 0;
  font-weight: 700;
  line-height: 24px;
  display: block;
  position: relative;
}

.categ-title-3 {
  color: #1b325f;
  text-align: left;
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  position: relative;
}

.card-button-6 {
  color: #2a7130;
  text-align: left;
  text-transform: capitalize;
  background-color: #0000;
  width: 50%;
  height: 45px;
  margin: 1px auto 1px 0;
  padding-left: 0;
  font-weight: 700;
  line-height: 24px;
  display: block;
  position: relative;
}

.content-holder-6 {
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  position: relative;
}

.button-arrow-icon-5 {
  z-index: 0;
  color: #1b325f;
  transform-style: preserve-3d;
  margin: auto 0 auto auto;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  top: -3px;
  right: 155px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.dev-list-item {
  color: #4c4c4c;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  position: relative;
}

.dev-list-item.for-col {
  -webkit-text-stroke-color: #4c4c4c;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
}

.dev-list-item.for-col.sub-item {
  margin-left: 15px;
  list-style-type: square;
}

.button-arrow-icon-faq {
  z-index: 0;
  color: #2a7130;
  margin: auto 0 auto auto;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  position: absolute;
  top: -1px;
  left: 125px;
  right: auto;
}

.button-arrow-icon-faq.wide {
  left: auto;
  right: 0;
}

.accordion-toggle-2 {
  align-items: center;
  height: 80px;
  display: flex;
}

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

.btn-holder {
  position: relative;
}

.top-title-wrap-10 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: relative;
}

.lightbox-thumb-2 {
  object-fit: cover;
  width: 100%;
  display: block;
  position: relative;
}

.faq {
  background-color: #fffffff2;
  max-width: 75%;
  padding: 52px;
  box-shadow: 0 20px 100px #c4cae340;
}

.dropdown-list-5 {
  background-color: #fff;
  padding: 20px;
  display: block;
  position: static;
}

.device-list-3 {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-right: auto;
  padding-left: 0;
  position: relative;
}

.device-list-3.w--open {
  display: flex;
  left: 100%;
}

.faq-button-holder {
  position: relative;
}

.faq-button-holder.double {
  justify-content: space-between;
  display: flex;
}

.faq-button {
  color: #2a7130;
  text-transform: capitalize;
  font-weight: 700;
}

.blogs {
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 100dvh;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.articles-wrap-home {
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 100%;
}

.top-title-wrap-12, .top-title-wrap-13 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: relative;
}

.buttons-holder-7 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.command-device-img {
  object-fit: contain;
  height: 100%;
  position: relative;
}

.command-collection {
  width: 100%;
}

.tb-categ-wrap {
  z-index: 0;
  border-top: 1px solid #2e4d8b;
  border-bottom: 1px solid #2e4d8b;
  flex-flow: column;
  justify-content: space-around;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.tb-nav-items-wrap {
  flex-flow: column;
  justify-content: space-around;
  max-height: .1vh;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.devices-for-commands-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

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

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

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

.loban-sha-2-sh {
  z-index: 0;
  opacity: .15;
  mix-blend-mode: screen;
  width: 413px;
  display: block;
  position: absolute;
  inset: 2% 1% auto auto;
  transform: scale(1.2);
}

.white-logo-wrap {
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 5%;
  left: auto;
}

.logo-st-wh-wrap {
  opacity: .8;
  mix-blend-mode: overlay;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 15%;
  right: 22%;
}

.sign-img-wrap {
  flex: 50%;
  min-height: 100svh;
  padding-right: 0;
  position: relative;
}

.sign-in-wrap {
  background-color: #fff;
  border-top: 1px solid #dbdbdb;
  flex: 50%;
  position: relative;
}

.logo-st-wh {
  max-width: 90%;
  display: block;
  position: relative;
}

.login-banner-shape-1 {
  height: 100%;
  position: relative;
  left: -10px;
}

.shape-image-2 {
  z-index: 1;
  width: 413px;
  display: block;
  position: relative;
}

.input-holder {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 40px;
  position: relative;
}

.input-holder.for-sign-up {
  padding-left: 0;
}

.bg-holder {
  z-index: -1;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.l-r-3 {
  mix-blend-mode: overlay;
  background-color: #ffffff1f;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 500px;
  height: 500px;
  position: absolute;
  left: auto;
}

.l-r-1 {
  mix-blend-mode: overlay;
  background-color: #ffffff26;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  position: absolute;
  left: auto;
}

.shapes-wrap {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.login-banner-shape-2 {
  height: 474px;
  display: block;
  position: absolute;
  top: 17%;
  right: -31%;
}

.shape-image-1 {
  z-index: 1;
  width: 349px;
  display: block;
  position: relative;
}

.bg-map {
  object-fit: cover;
  height: 100%;
  position: relative;
}

.action-input {
  color: #1b325f;
  text-transform: capitalize;
  border: 1px solid #ccc;
  height: 45px;
  font-size: 16px;
  position: relative;
}

.action-input.unstyled-txt {
  text-transform: none;
}

.card-button-7 {
  color: #2a7130;
  text-align: left;
  text-transform: capitalize;
  background-color: #0000;
  width: 50%;
  height: 45px;
  margin: 1px auto 1px 0;
  padding-left: 0;
  font-weight: 700;
  line-height: 24px;
  display: block;
  position: relative;
}

.card-button-7.for-form {
  color: #fff;
  text-align: center;
  background-color: #2a7130;
  width: 100%;
}

.l-r-2 {
  mix-blend-mode: overlay;
  background-color: #ffffff21;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 350px;
  height: 350px;
  position: absolute;
  left: auto;
}

.lens-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: 40%;
}

.title-holder {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
  position: relative;
}

.title-holder.centered {
  justify-content: center;
  align-items: center;
}

.loban-sha-1-sh {
  z-index: 0;
  opacity: .15;
  mix-blend-mode: screen;
  width: 349px;
  display: block;
  position: absolute;
  inset: 0% auto auto 5%;
}

.horiz-li-li {
  mix-blend-mode: overlay;
  background-image: linear-gradient(to right, #fff, #fff0 96%);
  width: 60%;
  height: 2px;
  position: absolute;
  right: 0%;
}

.light-rings-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  bottom: 35%;
  left: 30%;
}

.sign-in-form {
  width: 70%;
  margin: 0 auto;
  padding: 20px 40px;
  position: relative;
}

.input-label {
  color: #1b325f;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.standard-link {
  color: #2a7130;
  text-transform: capitalize;
  width: 150px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: block;
  position: relative;
}

.standard-link.for-access {
  color: #fff;
  text-align: center;
  background-color: #2a7130;
  width: auto;
  height: 45px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 45px;
  display: block;
}

.standard-link.for-login {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.l-r-4 {
  mix-blend-mode: overlay;
  background-color: #ffffff1a;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 650px;
  height: 650px;
  position: absolute;
  left: auto;
}

.white-logo {
  width: 140px;
  height: auto;
  display: block;
  position: relative;
  left: 15%;
}

.ring-lensflare {
  mix-blend-mode: overlay;
  background-image: radial-gradient(circle, #fff, #fff0 65%);
  border-radius: 50%;
  width: 200px;
  height: 200px;
  position: absolute;
  left: auto;
}

.ring-lensflare.for-bottom-2 {
  background-image: radial-gradient(circle, #fff, #fff0 65%);
  width: 75px;
  height: 75px;
  left: auto;
}

.ring-lensflare.flare-2 {
  width: 150px;
  height: 150px;
}

.ring-lensflare.for-bottom-1 {
  background-image: radial-gradient(circle, #fff, #fff0 76%);
  width: 120px;
  height: 120px;
  left: auto;
}

.ring-lensflare.for-bottom-3 {
  width: 40px;
  height: 40px;
  left: auto;
}

.action-img-wrap {
  border-left: 1px solid #dbdbdb;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  position: relative;
}

.action-text-wrap.access-denied {
  flex-direction: column;
  flex: 1;
  padding-right: 49px;
  display: flex;
}

.head-title-7 {
  color: #1b325f;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 48px;
  font-weight: 700;
  position: relative;
}

.action-img {
  width: 150px;
  position: relative;
}

.action-img.for-sign-up {
  width: 100px;
  margin-bottom: 2rem;
}

.form-footer {
  margin-top: 20px;
  margin-bottom: 20px;
}

.card-button-8 {
  color: #2a7130;
  text-align: left;
  text-transform: capitalize;
  background-color: #0000;
  width: 50%;
  height: 45px;
  margin: 1px auto 1px 0;
  padding-left: 0;
  font-weight: 700;
  line-height: 24px;
  display: block;
  position: relative;
}

.card-button-8.for-form {
  color: #fff;
  text-align: center;
  background-color: #2a7130;
  width: 100%;
}

.sign-up-form {
  width: 100%;
  margin: 0 auto;
  padding: 20px 40px;
  position: relative;
}

.searched-content-wrap {
  z-index: 10;
  background-color: #fffffff7;
  flex-flow: column;
  width: 80%;
  min-height: 100%;
  transition: all .25s cubic-bezier(.86, 0, .07, 1);
  display: none;
  position: fixed;
  inset: 0% auto 0 20%;
}

.filters-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2rem;
  display: flex;
  position: relative;
}

.searched-content {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  flex: 1;
  width: 100%;
  margin-top: 2rem;
  padding: 0 2rem 2rem;
  display: flex;
  position: relative;
  overflow: auto;
}

.searched-item {
  background-color: #fff;
  border: 1px solid #ececec;
  flex: 1 0 33%;
  max-width: 33.3%;
  margin-left: 0;
  margin-right: 0;
  padding: 25px;
  display: flex;
  position: relative;
}

.searched-item-holder {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 200px;
  display: flex;
  position: relative;
}

.search-field-holder {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.akm-search-form {
  width: 100%;
  display: flex;
}

.collection-list {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
}

.card-category-holder {
  background-color: #0000;
  border-left: 1px solid #2a7130;
  justify-content: center;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: relative;
}

.training-heading {
  color: #2a7130;
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.training-week {
  color: #4c4c4c;
  background-color: #f4f4f4;
  border: 1px solid #e6e6e6;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: .5rem;
  padding-right: .5rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.training-week:hover {
  color: #fff;
  letter-spacing: 1px;
  background-color: #2a7130;
  border-color: #2a7130;
}

.training-week.w--current {
  color: #fff;
  background-color: #2a7130;
  border-color: #2a7130;
}

.collection-list-wrapper {
  flex: 1;
}

.weeks-collection-item {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.paragraph-78 {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.training-heading-holder {
  align-items: center;
  display: flex;
}

.trainig-icon {
  width: 35px;
  height: 35px;
  margin-right: 5px;
}

.form-4 {
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  margin: 0 auto;
  max-width: 95%;
}

.blog-date {
  color: #9c9c9c;
  margin-top: .5rem;
  margin-bottom: 0;
  margin-left: auto;
  position: relative;
}

.blog-date.for-ar {
  margin-left: 0;
  margin-right: auto;
}

.blog-date.page {
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: auto;
}

.blog-date.page.for-ar {
  margin-left: 4rem;
  margin-right: 0;
}

.header-slider {
  background-color: #0000;
  flex: 1;
}

.slider-title {
  object-fit: fill;
  flex-direction: column;
  flex: 0 55%;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-start;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  overflow: visible;
}

.af-ho-arrows {
  z-index: 100;
  background-color: #0000;
  border: 1px solid #ffffff26;
  width: 65px;
  height: 65px;
  margin: auto;
  transition: background-color .2s;
  right: auto;
}

.af-ho-arrows.right-arrow {
  inset: auto auto 1% 5.5%;
}

.af-ho-arrows.right-arrow:hover {
  border-color: #2a7130;
}

.af-ho-arrows.left-arrow {
  inset: auto auto 1% .5%;
}

.ho-sl-indicators {
  max-width: 400px;
  margin-left: 0;
  margin-right: 0;
  inset: auto 12.5% 2% auto;
}

.header-subtitle {
  color: #fff;
  max-width: 40%;
  font-size: 18px;
  line-height: 28px;
  position: relative;
}

.header-subtitle.for-slider {
  max-width: 75%;
}

._2-columns {
  width: 100%;
}

.text-block {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

.text-block.align-center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
}

.text-block.align-center.top-margin {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.text-block.row-style {
  flex: none;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block.row-style.top-margin {
  margin-top: 1.5rem;
}

.img-block-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.block-img {
  min-height: 300px;
}

.block-par {
  color: #1b325f;
  text-align: center;
  margin-top: 20px;
  padding-left: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  position: relative;
}

.block-par.align-center {
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.block-par.large {
  font-size: 20px;
  font-weight: 700;
}

.block-par.large.light {
  color: #fff;
}

.block-par.align-left {
  text-align: left;
  max-width: 85%;
  margin-left: 0;
  margin-right: auto;
  line-height: 1.4;
}

.block-par.for-key-feature {
  color: #fff;
  width: 90%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4;
}

.slider-img-wrap {
  flex: auto;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  display: flex;
  position: relative;
}

.slider-img {
  object-fit: cover;
  max-width: 80%;
  margin-top: 50px;
  position: relative;
}

.device-flare {
  max-width: 300px;
  position: absolute;
  top: -19px;
}

.regular-cta {
  z-index: 1;
  color: #fff;
  text-align: center;
  background-color: #1a8922;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 45px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.regular-cta.vert-space {
  text-transform: capitalize;
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

.regular-cta.for-header {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.y-afaqy-grid-wrap {
  grid-column-gap: 5px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.grid-text-block {
  z-index: 0;
  border: 1px solid #efefef;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.block-title {
  color: #1a8922;
  text-align: left;
  text-transform: uppercase;
  margin-right: auto;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  position: relative;
}

.block-title.coming-soon {
  margin-left: auto;
  font-size: 60px;
}

.block-title.for-ar {
  text-align: right;
}

.block-title.for-digital-card {
  color: #1b335f;
  text-transform: capitalize;
  padding-left: 1rem;
  font-family: DM Sans, sans-serif;
}

.block-title.for-digital-card.for-ar {
  padding-right: 1rem;
  font-family: Tajawal, sans-serif;
}

.grid-block-icon {
  z-index: -1;
  opacity: .25;
  transform-origin: 0 0;
  width: 130px;
  max-width: 50%;
  position: absolute;
  inset: auto -5% -3% auto;
}

.key-features-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.key-feature-item {
  z-index: 0;
  background-color: #06173973;
  border: 1px solid #334b7b;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 250px;
  transition: background-color .25s cubic-bezier(.6, -.28, .735, .045);
  display: flex;
  position: relative;
}

.key-feature-item:hover {
  background-image: linear-gradient(#2a4272, #061739);
}

.key-feature-icon {
  z-index: -1;
  width: 130px;
  max-width: 50%;
  position: relative;
}

.kf-content-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
  position: absolute;
}

.dark-cta {
  z-index: 1;
  color: #fff;
  text-align: center;
  background-color: #1a8922;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 45px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dark-cta.vert-space {
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

.feature-item-holder {
  z-index: 0;
  background-color: #0000;
  border: 1px solid #334b7b;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 250px;
  padding: 1rem;
  transition: background-color .25s cubic-bezier(.6, -.28, .735, .045);
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-item-holder:hover {
  background-image: linear-gradient(#2a4272, #061739);
}

.testimonial-column-light {
  border-bottom: 1px solid #e4ebf3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 80px 30px;
  display: flex;
  position: relative;
}

.container-33 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-grid-two {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.testimonial-card-two {
  border: 1px solid #e4ebf3;
  flex-direction: column;
  padding: 32px 16px 16px;
  display: flex;
}

.testimonial-info-three {
  background-color: #f5f7fa;
  align-items: center;
  padding: 24px 16px;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-main-heading {
  color: #1b325f;
  margin-bottom: 2px;
  font-weight: 600;
}

.key-featres-block-title {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-size: 24px;
  line-height: 1.4;
}

.break-holder {
  justify-content: center;
  align-items: center;
  width: 70%;
  display: flex;
  position: relative;
  top: -42px;
}

.wing-line {
  background-color: #e8e8e8;
  flex: 1;
  height: 2px;
  position: relative;
}

.afa-symbol-holder {
  background-color: #fff;
  border: 1px solid #dad8d8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
  position: relative;
}

.afa-symbol {
  max-width: 80%;
  position: relative;
}

.blog-author {
  color: #5d5d5d;
  margin-top: 10px;
  position: relative;
}

.blog-author.for-ar {
  margin-left: auto;
  margin-right: 10px;
  font-family: Cairo Variablefont Slnt Wght, sans-serif;
}

.blog-author.page {
  margin: 10px auto 0 0;
}

.blog-author.page.for-ar {
  margin-left: auto;
  margin-right: 0;
}

.author-wrap {
  grid-column-gap: 5px;
  direction: ltr;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1rem .5rem;
  display: flex;
  position: relative;
}

.author-wrap.for-ar {
  flex-flow: row-reverse;
  justify-content: flex-start;
  align-items: center;
}

.author-wrap.for-ar.reverse-dir {
  flex-flow: row;
}

.author-pic-holder {
  border: 4px solid #d0d0d0;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.author-pic {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.d-c-holder {
  background-color: #fff;
  border-radius: 25px;
  flex-flow: column;
  width: 478px;
  max-width: 478px;
  min-height: 50dvh;
  padding-bottom: 3rem;
  display: flex;
  position: relative;
  box-shadow: 0 2px 15px #0000001a;
}

.d-c-holder.for-button {
  box-shadow: none;
  background-color: #0000;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  justify-content: center;
  align-items: center;
  min-height: 10dvh;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: sticky;
  bottom: 0;
}

.content-block {
  flex: 1;
  order: -1;
  position: relative;
}

.content-block.for-ar {
  direction: rtl;
  border-left: 1px solid #d6d6d6;
}

.block-subtitle.for-digital-card {
  color: #1b335f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}

.block-subtitle.for-digital-card.is-link {
  direction: ltr;
  word-break: break-all;
  font-family: Tajawal, sans-serif;
  text-decoration: none;
}

.block-subtitle.for-digital-card.for-ar {
  font-family: Cairo Variablefont Slnt Wght, sans-serif;
}

.block-subtitle.for-digital-card.cap-styled {
  text-transform: uppercase;
  font-weight: 500;
}

.block-subtitle.for-digital-card.cap-styled.for-ar {
  font-family: Tajawal, sans-serif;
}

.block-subtitle.for-digital-card.co-name {
  font-size: 16px;
}

.block-subtitle.for-digital-card.co-name.for-ar {
  font-family: Tajawal, sans-serif;
}

.block-subtitle.for-job-app {
  color: #1b335f;
  width: 75%;
  margin: 0 auto 2rem 2rem;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.block-subtitle.for-job-app.is-link {
  direction: ltr;
  word-break: break-all;
  font-family: Tajawal, sans-serif;
  text-decoration: none;
}

.block-subtitle.for-job-app.for-ar {
  font-family: Cairo Variablefont Slnt Wght, sans-serif;
}

.block-subtitle.for-job-app.cap-styled {
  text-transform: uppercase;
  font-weight: 500;
}

.block-subtitle.for-job-app.cap-styled.for-ar {
  font-family: Tajawal, sans-serif;
}

.block-subtitle.for-job-app.co-name {
  font-size: 16px;
}

.block-subtitle.for-job-app.co-name.for-ar {
  font-family: Tajawal, sans-serif;
}

.d-c-profile-pic {
  width: 80%;
  position: relative;
}

.d-c-button {
  z-index: 1;
  grid-column-gap: 16px;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  background-color: #248944;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 55px;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  transition: all .25s cubic-bezier(1, 0, 0, 1);
  display: flex;
  position: relative;
}

.d-c-button:hover {
  background-color: #3baa5e;
}

.download-icon {
  color: #b0b0b0;
  justify-content: center;
  align-items: center;
  width: 20px;
  transition: color .25s;
  display: inline-flex;
  position: relative;
}

.download-icon.facebook {
  z-index: 3;
  min-width: 50px;
}

.download-icon.facebook:hover {
  color: #23286b;
}

.download-icon.twitter {
  min-width: 50px;
}

.download-icon.twitter:hover {
  color: #23286b;
}

.download-icon.linkedin {
  min-width: 50px;
}

.download-icon.linkedin:hover {
  color: #23286b;
}

.d-c-txt {
  margin-bottom: 0;
}

.block-item-holder {
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 1rem 1.5rem;
  transition: all .25s;
  display: flex;
  position: relative;
}

.block-item-holder:hover {
  background-color: #f1f1f1;
}

.form-wrapper.for-applicant-des-rol {
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.desired-jobs {
  border-top: 1px solid #e7e7e7;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  position: relative;
}

.desired-job-form {
  flex-flow: column;
  display: flex;
}

.fields-holder {
  display: flex;
}

.job-declaration {
  color: #9c9c9c;
  text-align: center;
  width: 70%;
  font-size: 16px;
  position: relative;
}

.desired-job-declaration {
  background-color: #0000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-height: 130px;
  padding: 1rem;
  font-size: 18px;
  display: flex;
  position: relative;
}

.gc-test {
  flex-flow: column;
  justify-content: flex-start;
  min-height: 100dvh;
  display: flex;
}

.gc-test-heading {
  text-transform: capitalize;
  margin-top: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

.gc-test-p {
  margin-bottom: 2rem;
  position: relative;
}

.gc-test-button {
  text-align: center;
  text-transform: capitalize;
  max-width: 250px;
  font-size: 16px;
  position: relative;
}

@media screen and (min-width: 1280px) {
  .header-title {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative;
    left: 0;
  }

  .header-content-wrapper {
    max-width: 1200px;
  }

  .nav-lang {
    position: relative;
  }

  .numb-txt.counter.sub.for-ar {
    text-align: left;
  }

  .step {
    width: 421px;
  }

  .dot-block {
    left: 15px;
  }

  .content-wrap.anima-1 {
    justify-content: space-between;
    position: relative;
  }

  .content-wrap.anima-2, .content-wrap.anima-3 {
    justify-content: space-between;
  }

  .solutions-container {
    max-width: 1200px;
  }

  .header.inner-banner.vehicles {
    background-image: linear-gradient(#00000073, #00000073), url('../images/Connected-Vehicles-Banner-v3.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .header.inner-banner.smart-cities {
    background-image: linear-gradient(#00000073, #00000073), url('../images/smart-cities-header_1.jpg');
    background-position: 0 0, 50% 70%;
  }

  .header.inner-banner.contact {
    background-image: linear-gradient(#00000073, #00000073), url('../images/contact-banner-bg_1.jpg');
    background-position: 0 0, 50% 40%;
  }

  .bg-asset-0 {
    width: 90%;
  }

  .header-bg-asset-2 {
    width: 550px;
    right: 10.5%;
  }

  .header-bg-asset-3 {
    width: 250px;
    top: 14%;
    right: 25.5%;
  }

  .header-bg-asset-4 {
    width: 475px;
    bottom: 35%;
    right: 5.4%;
  }

  .header-bg-asset-5.shadow {
    width: 600px;
  }

  .header-bg-asset-5.vdx-shadow {
    z-index: 0;
    filter: blur(5px);
    border-radius: 75%;
    width: 500px;
    height: 60px;
    bottom: 35%;
    right: 3%;
  }

  .right-side-wrapper.sm-tax-bg {
    background-image: none;
  }

  .vdx-left-side-img {
    opacity: 1;
  }

  .vdx-header-logo-l-bg {
    opacity: .5;
    width: 650px;
    left: 1%;
  }

  .vdx-header-bg-techno {
    opacity: 1;
    width: 650px;
    top: auto;
  }

  .vdx-header-asset-bg-1 {
    z-index: 0;
    opacity: .85;
    height: 425px;
    display: block;
    position: absolute;
    top: 29%;
    bottom: auto;
    right: 6%;
  }

  .vdx-header-bg-2 {
    z-index: 2;
    width: 477px;
    display: block;
    position: absolute;
    top: 30%;
    bottom: auto;
    right: 10%;
  }

  .vdx-header--logo {
    z-index: 5;
    width: 135px;
    position: absolute;
    bottom: 24%;
    right: 15.2%;
  }

  .vdx-header--logo.for-ar {
    right: 16.75%;
  }

  .vdx-header-bg-s-logo {
    opacity: .25;
    width: 200px;
    position: absolute;
    bottom: 10%;
    right: 38%;
  }

  .vdx-brief-electro-wrapper {
    overflow: hidden;
  }

  .vdx-brief-bg-asset-1 {
    z-index: -2;
    position: relative;
  }

  .vdx-elec-mask {
    z-index: -1;
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .d-n-link.inner-d-n-link.w--current {
    padding-right: 10px;
  }

  .afaqy-logo-txt {
    left: 5%;
  }

  .about-header-bg-0 {
    bottom: auto;
    right: 10%;
  }

  .about-header-bg-0.adjust {
    width: 450px;
  }

  .about-h-bg-map {
    width: auto;
    height: 100%;
  }

  .about-h-bg-1 {
    right: 0%;
  }

  .about-h-bg-2 {
    width: 577px;
    top: auto;
  }

  .about-h-bg-2.adjust {
    width: 550px;
  }

  .logo-holder {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    bottom: auto;
    left: auto;
  }

  .about-header-logo {
    width: 80%;
  }

  .about-h-bg-l-sympol {
    height: 100%;
    right: 20%;
  }

  .about-h-bg-circle-1 {
    width: 530px;
    height: 530px;
    top: auto;
    right: 13%;
  }

  .about-h-bg-circle-2, .about-h-bg-circle-3 {
    width: 585px;
    height: 585px;
    top: auto;
  }

  .preloader-wrapper.for-inner-pages {
    display: none;
  }

  .sticky-button-holder {
    top: 27%;
  }

  .tut-item-holder.for-ar {
    direction: rtl;
    text-align: right;
    font-family: Cairo;
  }

  .categ-title.for-ar, .categ-par.for-ar {
    text-align: right;
  }

  .card-button.for-ar {
    text-align: center;
    justify-content: center;
  }

  .col-desc.general.calendar {
    flex: auto;
  }

  .se-hi-slide.slide-1 {
    height: 100%;
  }

  .slider-title {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative;
    left: 0;
  }
}

@media screen and (min-width: 1440px) {
  .header-content-wrapper {
    max-width: 1300px;
  }

  .header-bg-asset-1 {
    mix-blend-mode: hard-light;
  }

  .bg-asset-0 {
    width: 80%;
  }

  .header-bg-asset-2 {
    width: 700px;
    right: 8%;
  }

  .header-bg-asset-3 {
    width: 300px;
    top: 17%;
    right: 25%;
  }

  .header-bg-asset-4 {
    width: 515px;
    bottom: 35%;
    right: 6.75%;
  }

  .header-bg-asset-5.shadow {
    width: 550px;
    right: 3%;
  }

  .fleet-header-bg-1 {
    width: 70%;
    top: 13%;
  }

  .odm-header-asset-5 {
    width: 80%;
  }

  .odm-header-asset-5-b {
    width: 75%;
  }

  .odm-header-asset-5-c {
    width: 70%;
    right: 2%;
  }

  .odm-h-dashed-strok-arrow {
    width: 68%;
    right: 2.75%;
  }

  .odm-header-asset-2 {
    width: 67%;
  }

  .sense-ware-bg-asset-5 {
    left: -35%;
  }

  .d-n-link.inner-d-n-link.w--current {
    padding-right: 10px;
  }

  .h2go-header-bg-5 {
    position: relative;
    left: -43%;
  }

  .h2go-header-bg-6 {
    left: -18%;
  }

  .afaqy-logo-txt {
    left: 5%;
  }

  .about-header-bg-0 {
    bottom: auto;
    right: auto;
  }

  .about-h-bg-2 {
    top: auto;
    left: auto;
  }

  .branches-lottie {
    background-image: none;
    position: static;
  }

  .lottie-animation {
    width: 100%;
  }

  .preloader-wrapper.for-inner-pages {
    display: none;
  }

  .sticky-button-holder {
    top: 185px;
  }

  .d-n-d-d-holder-home.for-company {
    right: -193.5px;
  }
}

@media screen and (min-width: 1920px) {
  .nav-wrapper {
    z-index: 2;
    background-color: #0000;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: relative;
    inset: 0% 0% auto;
  }

  .language-trigger {
    cursor: pointer;
    margin-left: 22px;
  }

  .header-title {
    width: 1720px;
    max-width: 1720px;
  }

  .header-content-wrapper {
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-color: #0000;
    background-clip: border-box;
    border-right: 1px solid #fff;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 90%;
    height: 85%;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .background-video {
    z-index: 0;
    height: 100%;
  }

  .background-video.main-header {
    background-color: #00000073;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .nav-lang {
    flex: 0 auto;
    order: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-trigger {
    cursor: pointer;
    position: relative;
    right: 0;
  }

  .step-block {
    width: 80vw;
  }

  .content-wrap.anima-1, .content-wrap.anima-2, .content-wrap.anima-3 {
    justify-content: space-between;
    width: 50%;
  }

  .solutions-container {
    max-width: 1400px;
  }

  .header.inner-banner.vehicles, .header.inner-banner.cameras, .header.inner-banner.sensors, .header.inner-banner.devices, .header.inner-banner.clients, .header.inner-banner.faqs, .header.inner-banner.blog, .header.inner-banner.careers, .header.inner-banner.privacy-policy, .header.inner-banner.co-profile {
    background-image: linear-gradient(#000000d9, #000000d9), url('../images/Connected-Vehicles-Banner-4parallax.jpg');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .header-bg-wrapper.about-inner-bg {
    flex-direction: column;
  }

  .bg-asset-0 {
    width: 70%;
  }

  .header-bg-asset-2 {
    width: 800px;
    top: 5%;
    right: 8.4%;
  }

  .header-bg-asset-3 {
    width: 375px;
    top: 17%;
    right: 22%;
  }

  .header-bg-asset-4 {
    width: 625px;
    bottom: 32%;
    right: 5.55%;
  }

  .header-bg-asset-5.shadow {
    bottom: 36%;
    right: 3%;
  }

  .sense-ware-bg-asset-5 {
    left: -29%;
  }

  .h2go-header-bg-5 {
    left: -38%;
  }

  .about-white-block {
    height: 100%;
  }

  .about-header-bg-0 {
    position: absolute;
    inset: auto;
  }

  .about-header-bg-0.adjust {
    margin-left: auto;
    margin-right: auto;
    bottom: auto;
    right: auto;
  }

  .about-h-bg-1 {
    right: 0%;
  }

  .about-h-bg-2 {
    width: 580px;
    inset: auto;
  }

  .about-h-bg-2.adjust {
    top: auto;
  }

  .logo-holder {
    bottom: auto;
  }

  .about-h-bg-circle-1 {
    top: auto;
    right: 18%;
  }

  .about-h-bg-circle-1.adjust {
    top: auto;
  }

  .about-h-bg-circle-2 {
    top: auto;
    right: 18%;
  }

  .about-h-bg-circle-2.adjust {
    top: auto;
  }

  .about-h-bg-circle-3 {
    top: auto;
    right: 18%;
  }

  .about-h-bg-circle-3.adjust {
    top: auto;
    bottom: auto;
  }

  .lottie-animation {
    width: 1450px;
  }

  .preloader-wrapper.for-inner-pages {
    display: none;
  }

  .sticky-button-holder {
    top: 19%;
  }

  .planet-anim-wrap {
    justify-content: center;
  }

  .planet-holder {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .slider-title {
    width: 1720px;
    max-width: 1720px;
  }
}

@media screen and (max-width: 991px) {
  .paragraph-69 {
    text-align: center;
  }

  .language-trigger {
    width: 35px;
    position: relative;
    right: 0;
  }

  .header-title {
    justify-content: center;
    align-items: center;
    width: 660px;
  }

  .header-content-wrapper {
    align-items: flex-end;
    max-width: 1200px;
    height: 520px;
  }

  .background-video.main-header {
    height: auto;
  }

  .nav-lang {
    width: 34px;
  }

  .nav-trigger {
    display: none;
  }

  .stroked-txt {
    text-align: center;
    position: relative;
  }

  .social-wrapper {
    flex-direction: row;
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    right: auto;
  }

  .fullscreen-nav, .nav-items {
    display: none ;
  }

  .choose-aqaqy {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .container {
    max-width: 768px;
    overflow: visible;
  }

  .container.vertical {
    max-width: 100%;
  }

  .container.for-devices {
    flex-wrap: wrap;
  }

  .container.privacy-policy.for-ar {
    padding-left: 40px;
  }

  .vert-arrows {
    margin-left: -25px;
    display: none;
  }

  .paragraph-63 {
    font-size: 16px;
  }

  .heading {
    font-size: 29px;
  }

  .heading.white {
    margin-top: 10px;
  }

  .heading.white.numbers-title {
    margin-top: 0;
  }

  .heading.center.sol-head {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading.center.achiev-head {
    display: none;
  }

  .heading.center.achievements-title {
    margin-bottom: 0;
  }

  .heading.center.buraq-heading {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .heading.center.highlights-heading.no-margin {
    margin-bottom: 0;
  }

  .heading.center.request-demo-heading {
    margin-top: 40px;
  }

  .heading.center.aman-heading {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .heading.center.for-resources, .heading.center.for-platforms {
    margin-bottom: 60px;
  }

  .heading.center.vdx-heading, .heading.center.odm-heading, .heading.center.senseware-vid-head, .heading.center.h2go-video-heading, .heading.center.r-s-mix-video-head {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .description {
    padding-left: 50px;
    padding-right: 10px;
  }

  .columns {
    position: relative;
  }

  .afaqy-numbers {
    height: auto;
    min-height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .grid {
    width: 100%;
    max-width: 768px;
  }

  .heading-2 {
    font-size: 38px;
  }

  .heading-2.custom {
    font-size: 35px;
  }

  .numb-txt {
    text-align: center;
    font-size: 15px;
  }

  .numb-txt.counter.sub {
    font-size: 30px;
  }

  .step-block {
    width: 100vw;
  }

  .step {
    width: 300px;
  }

  .dot-block {
    width: 34px;
  }

  .label {
    font-size: 16px;
  }

  .step-scroll {
    display: none;
  }

  .cont-prag {
    font-size: 16px;
  }

  .scroll-wrap {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .btn-cont {
    font-size: 16px;
  }

  .scroll-container {
    height: auto;
  }

  .trigger._1, .trigger._3, .trigger._2 {
    display: none;
  }

  .solutions-container {
    max-width: 768px;
    position: relative;
  }

  .form-block {
    width: 75%;
  }

  .afaqy-devices {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .devices-wrapper {
    flex-wrap: wrap;
    height: auto;
    min-height: 365px;
  }

  .single-device {
    flex-shrink: 0;
    flex-basis: 50%;
    height: 365px;
  }

  .single-device._1-4 {
    flex-basis: 50%;
  }

  .icon {
    font-size: 30px;
  }

  .back-heading {
    font-size: 16px;
  }

  .face-heading {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 26px;
    position: relative;
  }

  .face-img-wrapper {
    width: 100px;
    height: 100px;
  }

  .back-img-wrapper {
    width: 85px;
    height: 85px;
  }

  .paragraph-70 {
    font-size: 14px;
  }

  .paragraph-70.par-16.for-mob, .paragraph-70.for-mob {
    color: #080f42;
  }

  .link.custom-cta {
    font-size: 14px;
  }

  .link.custom-cta.for-mob {
    color: #080f42;
  }

  .achievments {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .ac-co {
    display: none;
  }

  .ac-co.for-mobile {
    width: 100%;
    display: block;
  }

  .right-arrow-2, .left-arrow-2 {
    width: 40px;
    height: 40px;
  }

  .ac-co-content.for-ar {
    direction: rtl;
    text-align: center;
  }

  .paragraph-71 {
    font-size: 14px;
  }

  .resource-heading {
    font-size: 18px;
  }

  .left-arrow-3, .right-arrow-3 {
    width: 40px;
    height: 40px;
  }

  .resources {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .paragraph-72 {
    font-size: 14px;
  }

  .resource-img {
    width: 55px;
  }

  .footer-logo.for-ar {
    padding-left: 0;
    padding-right: 40px;
  }

  .image-5 {
    max-width: 140px;
    position: relative;
  }

  .subscribtion-wrapper.for-ar {
    padding-left: 40px;
    padding-right: 0;
  }

  .text-field-2 {
    width: 300px;
    font-size: 14px;
  }

  .submit-button-2 {
    width: 150px;
    font-size: 14px;
  }

  .footer-par {
    font-size: 12px;
  }

  .footer-par.for-ar {
    margin-right: 40px;
  }

  .heading-3 {
    width: auto;
    font-size: 14px;
  }

  .heading-3.for-ar {
    margin-right: 40px;
  }

  .footer-links {
    font-size: 12px;
  }

  .footer-links.for-ar {
    margin-right: 40px;
  }

  .footer-item-link {
    font-size: 10px;
    position: relative;
  }

  .solution-wrapper {
    border-bottom: 0 #d3d3d3;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .solutions-slider {
    background-color: #0000;
    border: 1px #000;
    max-width: 768px;
    height: 400px;
    display: block;
  }

  .mask {
    border-bottom: 1px #000;
  }

  .solution-slider-arrow {
    color: #23286b;
    background-color: #fff;
    border: 6px solid #c6c6c6;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin: auto;
    font-size: 15px;
    line-height: 15px;
    transition: color .3s ease-in-out, border-color .2s ease-in-out, background-color .3s ease-in-out;
    display: block;
    inset: auto -5% 0% 0%;
  }

  .solution-slider-arrow.left {
    left: 0;
    right: 5%;
  }

  .solution-slider-arrow.left:hover {
    color: #fff;
    background-color: #23286b;
    border-color: #23286b;
  }

  .solution-slider-arrow.right {
    margin-top: auto;
    bottom: 0%;
    right: -8%;
  }

  .solution-slider-arrow.right:hover {
    color: #fff;
    background-color: #23286b;
    border-color: #23286b;
  }

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

  .icon-2, .icon-3, .icon-4, .icon-5 {
    font-size: 30px;
  }

  .grid-2 {
    display: none;
  }

  .navbar {
    display: flex;
  }

  .mob-container {
    width: 100%;
    position: relative;
  }

  .menu-button {
    margin-left: auto;
  }

  .mob-nav-list {
    width: 100%;
  }

  .achievements-container {
    width: 90%;
  }


  .header.inner-banner.contact {
    background-image: url('../images/contact-banner-bg_1.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .header.inner-banner.co-profile {
    margin-top: 0;
  }

  .header.solution.route-bg.for-ar {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .inner-container {
    max-width: 668px;
  }

  .heading-4 {
    font-size: 35px;
  }

  .heading-4.xrent-heading {
    width: 50%;
    line-height: 43px;
  }

  .inner-header-paragraph {
    font-size: 16px;
  }

  .inner-content {
    min-height: auto;
  }

  .inner-content.highlights {
    overflow: visible;
  }

  .inner-content.demo {
    overflow: hidden;
  }

  .inner-content.supported-assets {
    min-height: auto;
    overflow: visible;
  }

  .inner-content.for-clients {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .inner-content.vision-mission.for-ar {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .inner-content.for-company-profile {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .header-bg-asset-1 {
    height: 65%;
    top: auto;
    bottom: 20%;
  }

  .bg-asset-0 {
    width: 100%;
    right: 15.5%;
  }

  .header-bg-asset-2 {
    width: 400px;
    top: 30%;
    right: 5.2%;
  }

  .header-bg-asset-3 {
    width: 170px;
    top: 44%;
    right: 23%;
  }

  .header-bg-asset-4 {
    width: 300px;
    bottom: 23.3%;
    right: 4.6%;
  }

  .header-bg-asset-5.shadow {
    width: 450px;
    height: 75px;
    bottom: 20%;
    right: -7%;
  }

  .header-bg-asset-5.fleet-shadow {
    width: 350px;
    height: 75px;
    bottom: 20%;
    right: 7%;
  }

  .header-bg-asset-5.vdx-shadow {
    width: 300px;
    height: 45px;
    bottom: 31%;
    right: 5%;
  }

  .header-bg-asset-5.smar-tax-stroke {
    width: 280px;
    height: 45px;
    bottom: 30%;
    right: 5%;
  }

  .header-bg-asset-5.xrent-stroke, .header-bg-asset-5.sguard-stroke, .header-bg-asset-5.enforcer-stroke {
    width: 350px;
    height: 45px;
    bottom: 29%;
    right: 1%;
  }

  .grid-3 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    width: 1000px;
    max-width: 90%;
  }

  .grid-3.vdx-grid, .grid-3.xrent-grid, .grid-3.odm-grid, .grid-3.moraqba-grid, .grid-3.moraqba-grid-2, .grid-3.push-2-talk-grid, .grid-3.push-2-talk-grid-2, .grid-3.clean-cities-grid, .grid-3.smart-parking-grid, .grid-3.enforcer-grid-2, .grid-3.smart-taxi-grid {
    grid-template-columns: 1fr 1fr;
  }

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

  .columns-6 {
    flex-direction: column;
    flex: 0 auto;
  }

  .solution-details {
    flex: 0 auto;
    min-height: auto;
    padding: 40px;
  }

  .solution-details.trans-bg {
    flex-wrap: wrap;
    flex: 1;
    margin-bottom: 40px;
  }

  .paragraph-74 {
    text-align: center;
    width: auto;
  }

  .paragraph-74.for-ar {
    margin-left: auto;
    margin-right: auto;
  }

  .buraq-about-bg-1 {
    display: none;
  }

  .buraq-about-bg-2 {
    width: 300px;
    bottom: 0%;
  }

  .buraq-about-bg-3 {
    display: none;
  }

  .buraq-about-pegasus {
    width: 300px;
    height: auto;
    top: 0%;
    left: 20px;
    right: auto;
  }

  .buraq-about-bg-4 {
    display: none;
    bottom: 0%;
  }

  .video {
    width: 575px;
  }

  .skewed-navy-bg {
    width: 170%;
    right: -84%;
  }

  .pegasus-large-grey {
    z-index: 1;
    width: 400px;
    height: auto;
    display: block;
    bottom: 50%;
    left: 0%;
  }

  .buraq-logo-dark {
    bottom: 0%;
    right: 30%;
  }

  .buraq-logo-stroked {
    width: 380px;
    height: auto;
    right: 15%;
  }

  .highlights-wrapper {
    justify-content: center;
    align-items: center;
    width: 768px;
    max-width: 768px;
    top: 0;
  }

  .highlights-img {
    flex: 0 auto;
    order: 1;
    padding-right: 0;
  }

  .highlights-description {
    order: 1;
    padding-left: 0;
    overflow: hidden;
  }

  .description-card {
    width: 359px;
  }

  .description-card.supported-assets-description {
    height: auto;
    min-height: auto;
    padding: 40px;
  }

  .description-card.supported-assets-description.for-ar {
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 40px;
  }

  .card-paragraph, .card-paragraph.supp-asset-p, .card-paragraph.supp-asset-p.for-ar, .card-heading {
    text-align: center;
  }

  .highlights-card {
    width: 359px;
    top: 100px;
  }

  .highlights-img-device {
    width: 300px;
  }

  .highlights-breaker {
    z-index: 5;
    background-color: #ff0090;
    flex: 0 auto;
    width: 50px;
    display: none;
    top: 20px;
  }

  .screenshots-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    max-width: 768px;
  }

  .request-demo-inner {
    flex-wrap: wrap;
    width: 768px;
  }

  .demo-block.align-left {
    flex: 1;
    display: none;
  }

  .demo-block.form-wrapper {
    flex: 1;
  }

  .highlights-wrapper-mob {
    display: none;
  }

  .right-side-wrapper {
    transform-origin: 100% 100%;
  }

  .right-side-wrapper.sm-tax-bg {
    width: 35%;
    transform: none;
  }

  .right-side-wrapper.fleet-bg {
    transform-origin: 50%;
    transform: none;
  }

  .right-side-wrapper.vdx-bg {
    transform: none;
  }

  .left-side-img {
    width: 238px;
    height: auto;
  }

  .fleet-header-bg-00 {
    width: 650px;
  }

  .fleet-header-bg-0 {
    width: auto;
    right: -13%;
  }

  .fleet-header-bg-rings {
    width: 350px;
    height: 350px;
    top: 10%;
  }

  .fleet-header-bg-2 {
    width: 275px;
    top: 20%;
  }

  .fleet-header-bg-1 {
    width: 70%;
    inset: auto 0% 0% auto;
  }

  .fleet-header-bg-6 {
    width: 375px;
    top: 34%;
    right: 10%;
  }

  .fleet-header-bg-7 {
    width: 350px;
    height: 200px;
    display: none;
    left: 12%;
  }

  .fleet-header-bg-7-img-back {
    width: 75%;
    top: 2%;
    left: 37%;
  }

  .fleet-header-bg-7-img-face {
    width: 45%;
  }

  .maze-wrapper {
    left: 0%;
  }

  .fleet-header-bg-8 {
    width: 140px;
    top: 26%;
    right: 1%;
  }

  .fleet-header-bg-9 {
    width: 130px;
    top: 14%;
    right: 2%;
  }

  .fleet-lottie-ring {
    left: 8%;
  }

  .lottie-wrapper.xrent-lo-wr, .lottie-wrapper.odm-lo-wr, .lottie-wrapper.sguard-lo-wr, .lottie-wrapper.sense-ware-lo-wr, .lottie-wrapper.moraqba-lo-wr, .lottie-wrapper.push-2-talk-lo-wr, .lottie-wrapper.clean-cities-lo-wr, .lottie-wrapper.smart-parking-lo-wr, .lottie-wrapper.enforcer-lo-wr, .lottie-wrapper.r-s-mix-lo-wr, .lottie-wrapper.about-afaqy-lo-wr {
    width: 70%;
  }

  .fleet-about-bg-asset-4, .fleet-about-bg-asset-3 {
    width: 200px;
  }

  .fleet-brief-wheel {
    width: 200px;
    top: 73%;
    left: -6%;
  }

  .fleet-brief-asset-1 {
    display: none;
  }

  .fleet-brief-dark-wheel {
    width: 100px;
    top: 16%;
    left: 0%;
  }

  .fleet-brief-logo {
    display: none;
  }

  .vdx-left-side-img {
    width: 238px;
    height: auto;
  }

  .vdx-header-logo-l-bg {
    opacity: .05;
    width: 250px;
    top: 5%;
    left: 16%;
  }

  .vdx-header-bg-hive {
    width: 275px;
  }

  .vdx-header-bg-techno {
    width: 350px;
    top: 12%;
  }

  .vdx-header-asset-bg-1 {
    width: 350px;
    bottom: 5%;
    right: 2.1%;
  }

  .vdx-header-bg-2 {
    width: 350px;
    bottom: 16%;
    right: 2.1%;
  }

  .vdx-header-bg-s-logo {
    opacity: .4;
    width: 120px;
    bottom: 13%;
    right: 40%;
  }

  .smart-taxi-header-left-texture {
    width: 50px;
  }

  .smart-taxi-hd-bg-texture-1 {
    width: 300px;
    height: 460px;
    bottom: 0%;
  }

  .smart-taxi-h-bg-pattern-left {
    width: 100px;
    left: 30%;
  }

  .smart-taxi-h-bg-asset-1 {
    width: 170px;
    height: 427px;
  }

  .smart-taxi-header-asset-2 {
    width: 220px;
    height: 540px;
    left: 48.9%;
  }

  .smart-taxi-h-bg-asset-4 {
    width: 155px;
    right: 71%;
  }

  .vertical-maze-wrapper {
    width: 30px;
    height: 90px;
    bottom: 0%;
  }

  .smart-taxi-h-bg-texture-right {
    width: 90px;
    bottom: 23.5%;
  }

  .smart-taxi-h-bg-pattern-right {
    width: 33px;
  }

  .smart-taxi-h-bg-asset-3 {
    width: 225px;
    bottom: 30%;
    right: 15%;
  }

  .smart-taxi-h-bg-logo {
    width: 125px;
    top: 5%;
    right: 26%;
  }

  .smart-taxi-h-bg-white-logo {
    width: 140px;
    right: -3%;
  }

  .smart-taxi-h-bg-logo-txt {
    width: 95px;
  }

  .sol-item-wrapper {
    width: 100%;
  }

  .sol-item-img {
    height: 45px;
    margin-left: 25px;
    margin-right: 25px;
  }

  .sol-item-title {
    padding-left: 25px;
    font-size: 18px;
  }

  .smart-taxi-brief-white-logo-bg {
    width: 240px;
    bottom: 10%;
  }

  .smart-taxi-brief-logo-bg {
    width: 125px;
    bottom: 8%;
    right: 5%;
  }

  .brief-maze-wrapper {
    width: 30px;
    height: 130px;
    bottom: 20%;
    right: 4%;
  }

  .smart-taxi-brief-bg-pattern-right {
    width: 40px;
  }

  .smart-taxi-brief-pattern {
    width: 230px;
  }

  .smart-taxi-brief-vertical-logo-bg {
    width: 60px;
    left: 5%;
  }

  .smart-taxi-brief-lines-bg {
    width: 130px;
  }

  .smart-taxi-brief-car-bg {
    width: 34px;
    left: 5%;
  }

  .xrent-h-bg-asset-1 {
    width: 450px;
    right: 0%;
  }

  .xrent-white-tendance {
    right: -35%;
  }

  .xrent-h-bg-x {
    width: 300px;
    right: 10%;
  }

  .xrent-h-bg-asset-2 {
    width: 250px;
    right: 11%;
  }

  .xrent-h-bg-stroke-x {
    width: 225px;
    right: 16%;
  }

  .xrent-h-bg-asset-4 {
    width: 250px;
    right: 56%;
  }

  .xrent-h-bg-asset-3 {
    width: 345px;
    bottom: 30%;
    right: 2%;
  }

  .xrent-h-bg-stroke-logo {
    width: 150px;
    height: 104px;
    bottom: 2%;
    right: 19%;
  }

  .xrent-h-logo {
    width: 75px;
    height: 66px;
    top: 1%;
    right: 5%;
  }

  .xrent-lottie-bg-1 {
    width: 180px;
    bottom: 12%;
    right: 14%;
  }

  .xrent-lottie-bg-2 {
    width: 155px;
    bottom: 7%;
    left: 4%;
  }

  .xrent-lottie-bg-3 {
    bottom: 5%;
  }

  .xrent-lottie-bg-4 {
    right: 19%;
  }

  .xrent-lottie-bg-2-topright {
    width: 155px;
    top: 7%;
    right: 4%;
  }

  .xrent-lottie-bg-8 {
    left: 0%;
  }

  .xrent-logo {
    width: 100px;
  }

  .xrent-lottie-bg-7 {
    display: none;
  }

  .xrent-lottie-bg-9 {
    top: 25%;
    right: 16%;
  }

  .xrent-brief-bg-1 {
    top: 60%;
    right: -8%;
  }

  .xrent-brief-bg-2-topright {
    width: 145px;
    right: 3%;
  }

  .xrent-brief-white-logo {
    width: 145px;
    display: block;
    top: 14%;
    left: 1%;
  }

  .xrent-brief-bg-asset-1 {
    left: 0;
    right: auto;
  }

  .xrent-brief-bg-asset-2, .xrent-brief-bg-asset-3 {
    display: none;
  }

  .odm-header-asset-0-left {
    width: 500px;
  }

  .odm-header-curved-logo {
    width: 200px;
    bottom: 14%;
  }

  .odm-header-blue-logo {
    width: 250px;
  }

  .odm-header-asset-0 {
    width: 700px;
  }

  .odm-header-asset-5 {
    width: 650px;
  }

  .odm-header-asset-5-b {
    width: 630px;
  }

  .odm-header-asset-5-c {
    width: 614px;
  }

  .odm-h-dashed-strok-arrow {
    width: 600px;
  }

  .odm-header-lens-flare {
    width: 100px;
    bottom: 14%;
    left: 21.5%;
  }

  .odm-header-asset-1 {
    width: 550px;
    height: 410px;
  }

  .odm-header-asset-2 {
    width: 590px;
    right: -1%;
  }

  .odm-header-asset-4 {
    width: 350px;
    right: 25%;
  }

  .odm-header-white-logo {
    width: 400px;
    right: 7%;
  }

  .odm-header-logo {
    width: 175px;
    height: 54px;
  }

  .odm-h-blue-arrow {
    width: 66px;
    height: 154px;
    top: -11%;
  }

  .odm-h-min-blue-arrow {
    width: 60px;
    height: 145px;
    top: -12%;
    right: 2%;
  }

  .odm-header-orange-arrow {
    width: 55px;
    height: 135px;
    top: -11%;
    right: 1%;
  }

  .odm-header-lens-flare-single {
    width: 60px;
    height: 91px;
    top: 2%;
    right: 1%;
  }

  .odm-header-asset-3 {
    width: 375px;
    top: 32%;
    right: 3%;
  }

  .odm-logo {
    width: 100px;
  }

  .odm-white-logo {
    width: 260px;
    top: -20%;
  }

  .odm-lottie-about-bg-1, .odm-about-bg-pattern, .odm-lottie-about-bg-2, .odm-lottie-about-bg-arrow {
    display: none;
  }

  .odm-powered-by-af {
    top: 0;
    bottom: auto;
  }

  .odm-about-bg-3, .odm-brief-bg-1, .odm-brief-bg-arrow, .odm-about-bg-4, .odm-about-bg-5 {
    display: none;
  }

  .odm-about-bg-vertical-logo {
    width: 30px;
    left: 1%;
  }

  .odm-about-bg-white-logo {
    width: 240px;
    top: 22%;
  }

  .odm-about-bg-logo {
    width: 135px;
    top: 25%;
    right: 1%;
  }

  .odm-brief-bg-waves {
    display: none;
  }

  .card-list.supp-asset-ul {
    text-align: center;
    padding-right: 20px;
  }

  .calculate-button, .get-demo, .input-adjusting {
    width: 150px;
    font-size: 14px;
  }

  .sense-ware-about-logo, .moraqba-about-logo, .push-2-talk-about-logo, .clean-cities-about-logo, .smart-parking-about-logo, .enforcer-about-logo, .aman-about-logo {
    width: 100px;
  }

  .default-nav {
    justify-content: flex-end;
  }

  .d-n-link {
    color: #202c5c;
    text-align: center;
    font-size: 18px;
  }

  .d-n-link.inner-d-n-link {
    text-align: center;
  }

  .d-n-link.inner-d-n-link.for-ar {
    padding-left: 0;
    padding-right: 30px;
  }

  .h2go-about-logo, .r-s-mix-about-logo {
    width: 100px;
  }

  .about-header-bg-0.adjust {
    width: 320px;
  }

  .about-h-bg-2.adjust {
    width: 450px;
  }

  .about-h-bg-l-sympol {
    right: 0%;
  }

  .about-h-bg-circle-1.adjust {
    width: 400px;
    height: 400px;
    right: 0%;
  }

  .about-h-bg-circle-2.adjust {
    width: 450px;
    height: 450px;
    right: 0%;
  }

  .about-h-bg-circle-3.adjust {
    width: 465px;
    height: 465px;
    right: -2%;
  }

  .vis-mis-holder {
    flex-direction: column;
    width: 768px;
  }

  .vis-mis-block.vis-mis-desc {
    flex: none;
  }

  .afaqy-about-logo {
    width: 100px;
  }

  .about-paragraph {
    text-align: center;
    width: auto;
  }

  .branches-lottie {
    height: auto;
    padding-left: 30px;
  }

  .lottie-animation {
    width: 500px;
    height: auto;
    margin-left: 0;
    margin-right: auto;
    display: none;
  }

  .branches-wrapper {
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
  }

  .cam-sens-device {
    flex: 1;
  }

  .branches-lottie-holder {
    min-height: auto;
    position: relative;
    top: 0;
  }

  .branches-location {
    height: auto;
    padding-left: 40px;
  }

  .branches-par, .phone-link, .email-add {
    font-size: 16px;
  }

  .solution-details-2 {
    flex: 0 auto;
    min-height: 500px;
  }

  .solution-details-2.trans-bg {
    flex-wrap: wrap;
    flex: 1;
    margin-bottom: 40px;
  }

  .solution-details-2.trans-bg.sm-tax-sol-bg {
    flex: 0 auto;
  }

  .smart-taxi-par {
    text-align: center;
    width: auto;
  }

  .def-nav-d-d-holder {
    min-width: 100%;
    right: auto;
  }

  .def-nav-d-d-holder.w--open {
    flex-direction: column;
    top: 0;
    right: auto;
  }

  .contact-form-wrapper.for-blog.for-ar {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-submit.for-ar {
    width: 100%;
    margin-left: auto;
  }

  .d-n-menu {
    background-color: #fff;
    height: auto;
    padding-left: 0;
  }

  .d-n-dropdown {
    text-align: center;
    width: 100%;
  }

  .d-n-dd-toggle {
    text-align: center;
  }

  .d-n-sol {
    font-size: 18px;
  }

  .d-n-d-d-holder-inner.for-vehicle {
    min-width: 100%;
    right: auto;
  }

  .d-n-d-d-holder-inner.for-vehicle.w--open {
    flex-direction: column;
  }

  .d-n-d-d-holder-inner.for-vehicle.for-ar {
    right: -173px;
  }

  .d-n-d-d-holder-inner.for-businesses {
    min-width: 100%;
  }

  .d-n-d-d-holder-inner.for-businesses.w--open {
    flex-direction: column;
    right: auto;
  }

  .d-n-d-d-holder-inner.for-businesses.ho-pa {
    left: auto;
    right: auto;
  }

  .d-n-d-d-holder-inner.for-businesses.ho-pa.w--open {
    min-width: 100%;
  }

  .d-n-d-d-holder-inner.for-cities {
    min-width: 100%;
    left: auto;
    right: auto;
  }

  .d-n-d-d-holder-inner.for-cities.w--open {
    flex-direction: column;
    min-width: 100%;
    right: auto;
  }

  .d-n-d-d-holder-inner.for-cities.ho-pa {
    left: auto;
    right: auto;
  }

  .d-n-d-d-holder-inner.for-cities.ho-pa.w--open {
    background-color: #fff;
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .d-n-d-d-holder-inner.for-hardware {
    min-width: 100%;
  }

  .d-n-d-d-holder-inner.for-hardware.w--open {
    flex-direction: column;
    min-width: 100%;
    top: auto;
    right: auto;
  }

  .d-n-d-d-holder-inner.for-company {
    min-width: 100%;
  }

  .d-n-d-d-holder-inner.for-company.w--open {
    flex-direction: column;
    min-width: 100%;
    top: 0;
    right: auto;
  }

  .d-n-sol-holder.right-border {
    border-bottom: 1px solid #e4e4e4;
    border-right-color: #fff;
    width: 100%;
  }

  .d-n-sol-holder.for-cities-d-n-holder {
    border-left-style: none;
    border-right-style: none;
    width: 100%;
  }

  .d-n-sol-holder.for-cities-d-n-holder.bottom-borderless, .d-n-sol-holder.for-cities-d-n-holder.left-bottom-borderless {
    border-left-style: none;
    border-right-style: none;
  }

  .d-n-sol-holder.for-cities-d-n-holder.left-borderless {
    border-bottom-width: 1px;
    border-bottom-color: #e4e4e4;
    border-left-style: none;
    border-left-width: 1px;
    border-right-style: none;
    border-right-width: 1px;
    flex: none;
    justify-content: center;
    width: 100%;
  }

  .preloader-wrapper, .preloader-wrapper.for-inner-pages {
    display: none;
  }

  .preloader-progress-holder {
    width: 30%;
  }

  .d-n-container {
    width: 100%;
    max-width: 690px;
  }

  .preloader-ring.for-ar {
    left: 5%;
    right: auto;
  }

  .preloading-txt {
    right: 15%;
  }

  .preloading-txt.for-ar {
    direction: rtl;
    text-align: right;
    font-family: Cairo;
    left: 15%;
    right: auto;
  }

  .supported-assets-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 768px;
    max-width: 768px;
    top: 0;
  }

  .supported-assets-description {
    flex-direction: column;
    order: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 0;
    display: flex;
    overflow: hidden;
  }

  .supported-assets-img {
    flex: 0 auto;
    order: 1;
    padding-right: 0;
  }

  .supported-assets-card {
    width: 359px;
    min-height: auto;
    top: 100px;
  }

  .supported-assets-breaker {
    z-index: 5;
    background-color: #ff0090;
    flex: 0 auto;
    width: 50px;
    display: none;
    top: 20px;
  }

  .parent-dd {
    width: 100%;
    display: block;
  }

  .dropdown-parent {
    width: 100%;
  }

  .loading-percentage, .percentage-mark {
    font-size: 100px;
  }

  .header-mob {
    display: none;
  }

  .field-input {
    height: 40px;
  }

  .field-block {
    flex: 1 0 50%;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .field-block.fluid {
    flex-shrink: 0;
  }

  .field-label-4 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 14px;
    display: none;
  }

  .field-label-4.show-field {
    display: block;
  }

  .job-application-form {
    margin-top: 0;
  }

  .apply-job {
    font-size: 16px;
  }

  .collaborations {
    min-height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative;
  }

  .planet-holder {
    width: 300px;
    left: -8%;
  }

  .jobs-container {
    max-width: 768px;
    padding: 20px;
  }

  .job-listing-2 {
    flex: 1 0 50%;
  }

  .job-list-2 {
    font-size: 16px;
  }

  .job-list-icon-2 {
    display: block;
  }

  .job-category.left-space.borderless {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .job-application-container-3 {
    width: 85%;
  }

  .paragraph-77 {
    font-size: 16px;
  }

  .field-wrapper-9 {
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
  }

  .submit-button-6 {
    height: 40px;
    margin-top: 0;
  }

  .content-holder, .content-holder.for-articles {
    flex-flow: column;
  }

  .row-2.last-row.main-tut {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .col-desc.general.tut-img-wrap {
    border-left-style: none;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 1rem 30px;
  }

  .col-desc.general.tut-desc-wrap {
    border-top: 1px solid #e6e6e6;
    padding: 1rem 30px;
  }

  .other-tuts {
    position: relative;
    top: auto;
  }

  .other-tuts.for-ar {
    border-right-style: none;
  }

  .main-tut-holder {
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    top: auto;
  }

  .main-tut-holder.for-ar {
    flex: none;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
  }

  .page-progress, .page-progress.for-ar {
    display: none;
  }

  .social-updates {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .menu-button-2 {
    color: #1e3769;
    background-color: #fff;
    right: 50px;
  }

  .menu-button-2.w--open {
    color: #1e3769;
    background-color: #fff;
  }

  .n-i-toggle.inner-d-n-link {
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .d-n-d-d-holder-home.for-vehicle {
    min-width: 100%;
    right: auto;
  }

  .d-n-d-d-holder-home.for-vehicle.w--open {
    z-index: 2147483647;
    flex-direction: column;
  }

  .d-n-d-d-holder-home.for-businesses {
    min-width: 100%;
  }

  .d-n-d-d-holder-home.for-businesses.w--open {
    flex-direction: column;
    right: auto;
  }

  .d-n-d-d-holder-home.for-businesses.ho-pa {
    right: auto;
  }

  .d-n-d-d-holder-home.for-businesses.ho-pa.w--open {
    min-width: 670px;
  }

  .d-n-d-d-holder-home.for-cities {
    min-width: 100%;
    left: auto;
    right: auto;
  }

  .d-n-d-d-holder-home.for-cities.w--open {
    flex-direction: column;
    min-width: 100%;
    right: auto;
  }

  .d-n-d-d-holder-home.for-cities.ho-pa.w--open {
    flex-wrap: nowrap;
    min-width: 670px;
  }

  .d-n-d-d-holder-home.for-company {
    min-width: 100%;
  }

  .d-n-d-d-holder-home.for-company.w--open {
    flex-direction: column;
    min-width: 100%;
    top: 0;
    right: auto;
  }

  .mob-menu-button {
    margin-left: auto;
    margin-right: 40px;
  }

  .mob-menu-button.w--open {
    background-color: #c8c8c800;
  }

  .mob-menu-button.for-ar.for-inner {
    margin-left: 20px;
    margin-right: auto;
  }

  .mob-menu-button.for-ar.for-inner.w--open {
    color: #1b325f;
  }

  .container-5 {
    width: 100%;
  }

  .branches-map-mob {
    display: block;
  }

  .collection-list-2 {
    flex-wrap: wrap;
    display: flex;
  }

  .qu-faq.sm-dev {
    display: none;
  }

  .qu-faq.fleet {
    display: flex;
  }

  .language-toggle {
    padding: 0;
  }

  .white-arrow, .lang-toggle-arrow {
    display: none;
  }

  .items-row {
    flex-flow: column;
    width: 100%;
  }

  .blogs {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .slider-title {
    justify-content: center;
    align-items: center;
    width: 660px;
  }

  .header-subtitle {
    text-align: center;
  }

  .block-par {
    font-size: 16px;
  }

  .block-par.for-key-feature {
    margin-top: 0;
  }

  .block-title {
    font-size: 16px;
  }

  .kf-content-wrap {
    position: relative;
  }

  .container-33 {
    max-width: 728px;
  }

  .testimonial-grid-two {
    grid-column-gap: 30px;
  }

  .testimonial-info-three {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .paragraph-69 {
    font-size: 20px;
  }

  .paragraph-69.for-ar {
    font-size: 25px;
  }

  .language-trigger {
    justify-content: center;
    align-items: center;
    width: 35px;
    right: 0;
  }

  .header-title {
    width: 475px;
  }

  .header-content-wrapper {
    max-width: 475px;
    height: 100%;
    min-height: 100svh;
  }

  .background-video.main-header {
    display: none;
  }

  .nav-lang {
    width: 35px;
  }

  .stroked-txt {
    font-size: 35px;
  }

  .scroll-down {
    padding-right: 0;
    font-size: 14px;
    line-height: 14px;
  }

  .down-arrow {
    width: 20px;
  }

  .custom-cta {
    font-size: 14px;
  }

  .custom-cta.for-inner-sec {
    margin-top: 20px;
  }

  .header-logo.for-mob.w--current {
    margin-left: 40px;
  }

  .container {
    max-width: 100%;
  }

  .container.vertical {
    flex-direction: column;
  }

  .container.footer-container {
    height: auto;
  }

  .container.privacy-policy {
    padding-right: 40px;
  }

  .container.privacy-policy.for-ar {
    padding-left: 40px;
  }

  .vert-arrows {
    display: none;
  }

  .up-arrow {
    bottom: -75px;
  }

  .paragraph-63 {
    text-align: center;
    width: 80%;
    margin-bottom: 20px;
    position: relative;
  }

  .heading {
    margin-top: 10px;
    font-size: 22px;
    position: relative;
    top: auto;
  }

  .heading.center {
    margin-bottom: 30px;
    display: none;
  }

  .heading.center.achiev-head, .heading.center.collaborations-title {
    display: block;
  }

  .heading.center.highlights-heading {
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
  }

  .heading.center.request-demo-heading.for-ar, .heading.mobile {
    display: block;
  }

  .heading.mobile.for-ar {
    font-family: Cairo;
  }

  .columns {
    display: none;
  }

  .grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 4.25fr;
    grid-auto-flow: column;
    width: 100%;
    max-width: 658px;
  }

  .single-statistic {
    min-height: 175px;
  }

  .heading-2 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 28px;
    line-height: 28px;
  }

  .html-embed-2, .html-embed-3 {
    font-size: 15px;
    line-height: 15px;
  }

  .html-embed-4 {
    line-height: 15px;
  }

  .html-embed-5, .html-embed-6 {
    font-size: 15px;
    line-height: 15px;
  }

  .step-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    min-height: 110vh;
  }

  .step {
    justify-content: center;
    width: 450px;
    margin-top: 0;
    padding: 0%;
  }

  .dot {
    z-index: 99;
    position: static;
  }

  .scroll-line-wrap {
    z-index: 1;
    margin-bottom: -3px;
    bottom: 50%;
  }

  .dot-block {
    order: 2;
    align-self: center;
    min-height: 10vh;
  }

  .label {
    font-size: 16px;
    position: relative;
  }

  .label.for-arab.for-mob {
    margin-right: auto;
  }

  .cont-prag.for-arab.for-mob {
    text-align: center;
    margin: 20px auto;
  }

  .scroll-base {
    position: relative;
  }

  .step-content-block {
    z-index: 2;
    order: -1;
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

  .content-wrap {
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 40vh;
    padding-bottom: 20px;
  }

  .content-wrap.anima-1 {
    border: 1px #000;
    align-items: center;
    height: 35%;
    padding-bottom: 0;
    position: relative;
  }

  .content-wrap.anima-2, .content-wrap.anima-3 {
    height: 35%;
  }

  .bg-shadow.anima-2, .bg-shadow.anima-3 {
    border: 1px #000;
    border-bottom-color: #e4e4e4;
  }

  .bg-shadow.anima-1 {
    border: 1px #000;
  }

  .btn-cont.custom-cta {
    margin-top: 0;
    margin-bottom: 0;
  }

  .btn-cont.custom-cta.for-arab.for-mob {
    color: #23286b;
    text-align: center;
    margin-right: auto;
  }

  .sol-anim-block {
    z-index: 3;
    order: 3;
    min-height: 40vh;
    max-height: 40vh;
    padding-top: 20px;
    position: relative;
  }

  .sol-anim-block.anima-3 {
    padding-top: 0;
  }

  .sol-anim-block.anima-2 {
    width: 50%;
    padding-top: 0;
  }

  .sol-anim-block.anima-1 {
    width: 50%;
    max-width: 90%;
    height: 250px;
    min-height: auto;
    max-height: none;
    margin-top: 0;
    padding-top: 0;
  }

  .text-block-21.for-arab.for-mob {
    z-index: 2;
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .content-2 {
    margin-top: 10px;
  }

  .solutions-container {
    max-width: 568px;
  }

  .field-wrapper {
    width: 95%;
  }

  .form-block {
    width: 85%;
  }

  .step-no {
    font-size: 85px;
    bottom: 0%;
  }

  .slider {
    display: none;
  }

  .slider.for-mob {
    display: block;
  }

  .devices-wrapper {
    flex-direction: column;
  }

  .single-device {
    flex: none;
    display: none;
  }

  .single-device.for-mob {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .single-device.for-mob.for-ar {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .device-content-face {
    flex-direction: column;
  }

  .device-content-face.for-mob {
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
  }

  .face-heading {
    margin-left: auto;
    margin-right: auto;
  }

  .face-img-wrapper {
    flex: none;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .back-img-wrapper {
    object-fit: contain;
    display: block;
  }

  .paragraph-70.for-mob {
    margin-left: auto;
    margin-right: auto;
  }

  .link.custom-cta.resource-button {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .link.custom-cta.for-mob.for-ar {
    margin-left: auto;
    margin-right: auto;
  }

  .columns-2 {
    flex-direction: column;
  }

  .column.ac-co-slider.collaborations {
    border: 1px #000;
    height: auto;
    margin-top: 20px;
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .column.ac-co-slider.achievements {
    border-bottom: 1px solid #e4e4e4;
    height: auto;
  }

  .ac-co {
    height: auto;
    display: none;
  }

  .ac-co.for-mobile {
    display: block;
  }

  .ac-co-content {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .paragraph-71 {
    margin-bottom: 20px;
  }

  .ac-co-img {
    width: 100px;
    height: 100px;
  }

  .resource-heading {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 16px;
  }

  .resources {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .columns-3 {
    margin-top: 0;
  }

  .single-resource {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .paragraph-72 {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 16px;
  }

  .resource-img {
    width: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .afaqy-footer {
    height: auto;
    max-height: none;
    position: relative;
  }

  .row {
    flex-direction: column;
    justify-content: center;
  }

  .row.for-ar {
    flex-direction: column;
  }

  .footer-logo {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .image-5 {
    max-width: 120px;
  }

  .subscribtion-wrapper {
    margin-top: 20px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .subscribtion-wrapper.for-ar {
    max-width: 80%;
    padding-left: 0;
  }

  .text-field-2 {
    width: 320px;
  }

  .submit-button-2 {
    width: 170px;
  }

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

  .footer-par {
    width: 85%;
  }

  .footer-par.for-ar {
    margin-right: auto;
  }

  .heading-3 {
    text-align: left;
  }

  .heading-3.for-ar {
    text-align: right;
    margin-right: 40px;
  }

  .columns-4 {
    padding-left: 20px;
  }

  .footer-links {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    max-height: 200px;
  }

  .text-block-43 {
    font-size: 10px;
  }

  .solution-wrapper {
    flex-direction: column-reverse;
    height: 80vh;
  }

  .solutions-slider {
    max-width: 568px;
    height: auto;
  }

  .grid-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: center;
    place-items: center;
    margin-top: 5px;
    padding-top: 40px;
    display: grid;
    position: relative;
  }

  .navbar {
    display: block;
    position: absolute;
  }

  .text-span-3 {
    font-size: 38px;
    position: relative;
  }

  .header.inner-banner.co-profile {
    margin-top: 0;
  }

  .header.solution {
    width: 568px;
  }

  .header.solution.fleet-banner {
    background-image: url('../images/fleet-header-mob.png'), linear-gradient(to right, #203250, #3c4e6d), linear-gradient(#0000, #0000);
    background-position: 50% 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: auto, auto, auto;
  }

  .header.solution.vdx-banner {
    background-image: url('../images/vdx-banner-mob.png'), linear-gradient(260deg, #203250, #3954a4), linear-gradient(#0000, #0000);
    background-position: 50% 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: auto, auto, auto;
  }

  .header.solution.odm-bg {
    background-image: url('../images/odm-banner-mob.png'), linear-gradient(37deg, #1d5678, #0b3149 62%), linear-gradient(#0000, #0000);
    background-position: 0 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: contain, auto, auto;
  }

  .header.solution.moraqba-bg {
    background-image: url('../images/moraqba-banner-mob.png'), linear-gradient(to right, #364c9f, #2c428c 55%), linear-gradient(#0000, #0000);
    background-position: 0 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
  }

  .header.solution.clean-cities-bg {
    background-image: url('../images/clean-cities-banner-mob.png'), linear-gradient(to right, #358f33, #57b955 55%), linear-gradient(#0000, #0000);
    background-position: 0 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
  }

  .header.solution.clean-cities-bg.for-ar {
    background-image: url('../images/clean-cities-banner-ar-mob.png'), linear-gradient(to right, #358f33, #57b955 55%), linear-gradient(#0000, #0000);
    background-size: contain, auto, auto;
  }

  .header.solution.smart-parking-bg {
    background-image: url('../images/smartpark-banner-mob-.png'), linear-gradient(to right, #777aa0, #444974 55%), linear-gradient(#0000, #0000);
    background-position: 0%, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
  }

  .header.solution.smart-parking-bg.for-ar {
    background-image: url('../images/smartpark-banner-ar-mob-.png'), linear-gradient(to right, #777aa0, #444974 55%), linear-gradient(#0000, #0000);
    background-position: 0%, 0 0, 0 0;
  }

  .header.solution.enforcer-bg {
    background-image: url('../images/enforcer-banner-mob-.png'), linear-gradient(to right, #34acbe, #75dfb8 55%), linear-gradient(#0000, #0000);
    background-position: 50%, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
  }

  .header.solution.aman-bg {
    background-image: url('../images/aman-banner-mob-.png'), linear-gradient(to right, #f7ad1a, #c88501 55%), linear-gradient(#0000, #0000);
    background-position: 0%, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
  }

  .header.solution.h2go-bg {
    background-image: url('../images/h2go-banner-mob-.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .header.solution.r-s-mix-bg {
    background-image: url('../images/RSM-banner-mob-.png'), linear-gradient(to right, #685e73, #554668), linear-gradient(#0000, #0000);
    background-position: 0 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
  }

  .header.solution.about-inner-bg {
    background-image: url('../images/about-banner-mob-.png'), linear-gradient(to right, #3559a0, #213c70 60%), linear-gradient(#0000, #0000);
    background-position: 50%, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .header.solution.about-inner-bg.for-ar {
    background-image: url('../images/about-banner-mob-ar.png'), linear-gradient(to right, #3559a0, #213c70 60%), linear-gradient(#0000, #0000);
  }

  .header.solution.dozer-pro-bg {
    background-image: url('../images/dozer-banner-mob-.png'), linear-gradient(to right, #63596f, #493e5b), linear-gradient(#0000, #0000);
    background-position: 50%, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: auto, auto, auto;
  }

  .header.solution.dozer-pro-bg.for-ar {
    background-image: url('../images/dozer-banner-mob-ar.png'), linear-gradient(to right, #63596f, #493e5b), linear-gradient(#0000, #0000);
    background-position: 50% 0, 0 0, 0 0;
    background-size: contain, auto, auto;
  }

  .header.solution.route-bg {
    background-image: url('../images/route-banner-mob-.png'), linear-gradient(#18124c, #18124c), linear-gradient(#0000, #0000);
    background-position: 50% 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: auto, auto, auto;
  }

  .header.solution.route-bg.for-ar {
    background-image: url('../images/route-banner-mob-ar.png'), linear-gradient(#18124c, #18124c);
    background-position: 50% 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto, auto;
    background-attachment: scroll, scroll;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .header.solution.buraq {
    background-image: url('../images/Buraq-Banner-Shapes-Mob.png'), linear-gradient(to right, #36385a, #434998), linear-gradient(#0000, #0000);
    background-position: 50% 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: auto, auto, auto;
  }

  .inner-container {
    align-items: center;
    max-width: 470px;
  }

  .inner-container.solu-wrapper {
    align-items: center;
    max-width: 568px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-4 {
    text-align: center;
  }

  .heading-4.xrent-heading {
    font-size: 30px;
  }

  .inner-header-paragraph {
    text-align: center;
    width: 80%;
    font-size: 16px;
  }

  .inner-header-paragraph.for-ar {
    text-align: center;
  }

  .inner-content {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
  }

  .inner-content.sol-desciption {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .inner-content.sol-desciption.y-choose-afaqy {
    padding-bottom: 40px;
  }

  .inner-content.about {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .inner-content.watch-a-brief {
    padding-top: 0;
    padding-bottom: 0;
  }

  .inner-content.watch-a-brief.fleet-wab, .inner-content.supported-assets.for-ar {
    min-height: auto;
  }

  .header-bg-asset-1 {
    height: 50%;
    bottom: 23%;
  }

  .header-bg-wrapper, .header-bg-wrapper.sm-tax-bg, .header-bg-wrapper.buraq-bg, .header-bg-wrapper.fleet-bg, .header-bg-wrapper.vdx-bg, .header-bg-wrapper.about-inner-bg {
    display: none;
  }

  .bg-asset-0 {
    right: 32.5%;
  }

  .header-bg-asset-2 {
    width: 350px;
    top: 50%;
    right: 1.2%;
  }

  .header-bg-asset-3 {
    width: 130px;
    top: 62%;
    right: 24%;
  }

  .header-bg-asset-4 {
    width: 250px;
    bottom: 12.3%;
  }

  .header-bg-asset-5.shadow {
    width: 325px;
    height: 55px;
    bottom: 10%;
  }

  .header-bg-asset-5.fleet-shadow {
    width: 275px;
    height: 40px;
    bottom: 15%;
    right: 0%;
  }

  .header-bg-asset-5.vdx-shadow {
    width: 225px;
    height: 40px;
    bottom: 24%;
    right: 9%;
  }

  .header-bg-asset-5.smar-tax-stroke {
    width: 250px;
    height: 40px;
    bottom: 22%;
    right: 1%;
  }

  .header-bg-asset-5.xrent-stroke, .header-bg-asset-5.sguard-stroke, .header-bg-asset-5.enforcer-stroke {
    width: 270px;
    height: 40px;
    bottom: 34%;
    right: 0%;
  }

  .grid-3.buraq-pr-grid, .grid-3.fleet-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

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

  .solution-details {
    padding-bottom: 0;
  }

  .lottie-animation-4 {
    width: 100%;
  }

  .paragraph-74.xrent-p.for-ar {
    text-align: center;
  }

  .bg-wrapper {
    height: 90%;
    display: none;
  }

  .bg-wrapper.fleet-wab-bgwrapper {
    display: none;
  }

  .video-wrapper {
    width: 568px;
    max-width: 90%;
  }

  .video {
    width: auto;
  }

  .pegasus-large-white {
    right: 0%;
  }

  .skewed-navy-bg {
    right: -108%;
  }

  .dark-pegasus-bg {
    top: 15%;
    left: -15%;
  }

  .buraq-map-bg {
    object-fit: cover;
    width: 1100px;
    height: 750px;
    top: 10%;
    left: auto;
    right: 15%;
  }

  .buraq-logo-stroked {
    display: none;
    right: 50%;
  }

  .highlights-wrapper {
    width: 568px;
    display: none;
  }

  .description-card {
    text-align: center;
    align-items: center;
    height: auto;
    min-height: auto;
    margin-top: 26px;
    margin-bottom: 26px;
    padding-left: 0;
    padding-right: 0;
  }

  .description-card.supported-assets-description {
    padding: 40px;
  }

  .card-paragraph, .card-heading {
    text-align: center;
  }

  .card-heading.fleet-ca-he {
    text-transform: capitalize;
  }

  .highlights-card.mob {
    width: 500px;
    min-height: 50vh;
    position: relative;
    top: 0;
  }

  .card-img {
    width: 75%;
    height: 250px;
  }

  .request-demo-inner {
    width: 568px;
  }

  .solution-form.for-ar {
    width: 100%;
  }

  .highlights-wrapper-mob {
    flex-direction: column;
    min-height: auto;
    display: flex;
    position: relative;
  }

  .header-shape-mob, .fleet-header-bg-00 {
    display: none;
  }

  .fleet-header-bg-0 {
    width: 99%;
    height: auto;
    min-height: auto;
    top: 22%;
    right: -22%;
  }

  .fleet-header-bg-rings {
    width: 265px;
    height: 265px;
    top: 25%;
    right: 7%;
  }

  .fleet-header-bg-2 {
    width: 200px;
    top: 35%;
  }

  .fleet-header-bg-6 {
    width: 250px;
    top: 53%;
  }

  .maze-wrapper {
    display: none;
  }

  .fleet-header-bg-8 {
    width: 100px;
    top: 37%;
    right: 2%;
  }

  .fleet-header-bg-9 {
    width: 85px;
    top: 32%;
    right: 3%;
  }

  .fleet-lottie-reflection {
    top: 3%;
    left: 5%;
  }

  .fleet-lottie-ring {
    width: 160px;
    height: 160px;
    bottom: -3%;
    left: 1%;
  }

  .lottie-wrapper.xrent-lo-wr, .lottie-wrapper.odm-lo-wr, .lottie-wrapper.sguard-lo-wr, .lottie-wrapper.sense-ware-lo-wr, .lottie-wrapper.moraqba-lo-wr, .lottie-wrapper.push-2-talk-lo-wr, .lottie-wrapper.clean-cities-lo-wr, .lottie-wrapper.smart-parking-lo-wr, .lottie-wrapper.enforcer-lo-wr, .lottie-wrapper.r-s-mix-lo-wr, .lottie-wrapper.about-afaqy-lo-wr {
    width: 80%;
  }

  .fleet-brief-wheel {
    width: 175px;
    top: 68%;
    left: -7%;
  }

  .fleet-brief-dark-wheel {
    top: 22%;
  }

  .fleet-map-bg {
    object-fit: cover;
    width: 1100px;
    height: 750px;
    top: 10%;
    left: auto;
    right: 15%;
  }

  .vdx-header-asset-bg-1 {
    width: 325px;
    bottom: 3%;
    right: 1.1%;
  }

  .vdx-header-bg-2 {
    width: 300px;
    bottom: 10%;
  }

  .vdx-header-bg-s-logo {
    opacity: .3;
    width: 100px;
    bottom: 10%;
    right: 48%;
  }

  .smart-taxi-header-left-texture {
    width: 35px;
  }

  .smart-taxi-hd-bg-texture-1 {
    width: 200px;
    height: 307px;
  }

  .smart-taxi-h-bg-pattern-left {
    width: 80px;
  }

  .smart-taxi-h-bg-asset-1 {
    width: 160px;
    height: 410px;
    bottom: -1.9%;
    left: 45%;
  }

  .smart-taxi-header-asset-2 {
    width: 212px;
    height: 506px;
  }

  .smart-taxi-h-bg-asset-4 {
    width: 120px;
  }

  .smart-taxi-h-bg-asset-3 {
    width: 250px;
    max-width: 250%;
    bottom: 21%;
    right: 0%;
  }

  .smart-taxi-h-bg-logo {
    width: 100px;
    top: 10%;
    right: 24%;
  }

  .smart-taxi-h-bg-white-logo {
    width: 110px;
    right: -10%;
  }

  .smart-taxi-h-bg-logo-txt {
    width: 70px;
    bottom: 4%;
  }

  .sol-item-img {
    flex: 0 auto;
    margin-left: 60px;
    margin-right: 60px;
  }

  .sol-item-title {
    padding-left: 60px;
    padding-right: 60px;
  }

  .sol-item-title.smt.for-ar {
    flex: 0 50%;
  }

  .xrent-h-bg-asset-1 {
    width: 300px;
  }

  .xrent-white-tendance {
    right: -65%;
  }

  .xrent-h-bg-x {
    width: 240px;
    top: 10%;
    right: 7%;
  }

  .xrent-h-bg-asset-2 {
    width: 180px;
    right: 13%;
  }

  .xrent-h-bg-stroke-x {
    width: 190px;
    right: 12%;
  }

  .xrent-h-bg-asset-4 {
    width: 190px;
    height: 120px;
    right: 65%;
  }

  .xrent-h-bg-asset-3 {
    width: 255px;
    bottom: 35%;
  }

  .xrent-h-bg-stroke-logo {
    width: 140px;
    bottom: 0%;
    right: 37%;
  }

  .xrent-h-logo {
    width: 60px;
    height: 50px;
    top: 3%;
    right: 2%;
  }

  .xrent-lottie-bg-1 {
    width: 140px;
    bottom: 19%;
    right: 10%;
  }

  .xrent-lottie-bg-2 {
    width: 145px;
    bottom: 15%;
    left: 0%;
  }

  .xrent-lottie-bg-3 {
    width: 120px;
    bottom: 15%;
  }

  .xrent-lottie-bg-4 {
    right: 14%;
  }

  .xrent-lottie-bg-2-topright {
    width: 145px;
    top: 13%;
    right: 0%;
  }

  .xrent-lottie-bg-6 {
    display: none;
  }

  .xrent-logo {
    width: 90px;
  }

  .xrent-lottie-bg-9 {
    width: 100px;
  }

  .xrent-lottie-bg-10, .xrent-lottie-bg-11 {
    display: none;
  }

  .xrent-highlights-bg-shape {
    bottom: -1%;
  }

  .odm-header-asset-0-left {
    width: 350px;
  }

  .odm-header-curved-logo {
    width: 165px;
  }

  .odm-header-blue-logo {
    width: 200px;
    top: 2%;
  }

  .odm-header-asset-0, .odm-header-asset-5 {
    width: 550px;
  }

  .odm-header-asset-5-b {
    width: 530px;
  }

  .odm-header-asset-5-c {
    width: 514px;
  }

  .odm-h-dashed-strok-arrow {
    width: 500px;
  }

  .odm-header-lens-flare {
    bottom: 10%;
    left: 13.5%;
  }

  .odm-header-asset-1 {
    width: 400px;
    height: 298px;
  }

  .odm-header-asset-2 {
    width: 475px;
    right: -1%;
  }

  .odm-header-asset-4 {
    width: 250px;
    right: 30%;
  }

  .odm-header-white-logo {
    width: 300px;
  }

  .odm-header-logo {
    width: 145px;
    height: 50px;
  }

  .odm-h-blue-arrow {
    width: 46px;
    height: 110px;
    top: -8%;
  }

  .odm-h-min-blue-arrow {
    width: 50px;
    height: 115px;
    top: -10%;
    right: 1%;
  }

  .odm-header-orange-arrow {
    width: 40px;
    height: 100px;
    top: -8%;
  }

  .odm-header-lens-flare-single {
    width: 50px;
    height: 75px;
    top: 3%;
    right: 0%;
  }

  .odm-header-asset-3 {
    width: 300px;
    top: 45%;
    right: 1%;
  }

  .odm-logo {
    width: 90px;
  }

  .card-list {
    text-align: center;
  }

  .calculate-button, .get-demo, .input-adjusting {
    width: 170px;
  }

  .sense-ware-about-logo, .moraqba-about-logo, .push-2-talk-about-logo, .clean-cities-about-logo, .smart-parking-about-logo, .enforcer-about-logo, .aman-about-logo, .h2go-about-logo, .r-s-mix-about-logo {
    width: 90px;
  }

  .vis-mis-holder {
    flex-direction: column;
    width: 568px;
    margin-top: 0;
  }

  .vis-mis-block.vis-mis-img-holder {
    display: none;
  }

  .paragraph-holder {
    padding: 20px 40px;
    position: relative;
  }

  .about-values-paragraph {
    text-align: center;
  }

  .afaqy-about-logo {
    width: 175px;
  }

  .branches-lottie {
    justify-content: center;
    align-items: center;
    width: 390px;
    padding-left: 0;
    display: flex;
  }

  .lottie-animation {
    width: 390px;
    height: 40vh;
    display: none;
  }

  .cam-sens-device {
    flex: none;
  }

  .sens-cam-holder, .clients-wrapper {
    flex-direction: column;
  }

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

  .branches-lottie-holder {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .solution-details-2 {
    padding-bottom: 0;
  }

  .solution-details-2.trans-bg.sm-tax-sol-bg.for-ar {
    height: auto;
  }

  .contact-submit {
    width: 100%;
  }

  .d-n-sol-img {
    display: none;
  }

  .d-n-sol-holder.right-border {
    min-height: 55px;
  }

  .d-n-sol-holder.for-cities-d-n-holder, .d-n-sol-holder.for-cities-d-n-holder.left-borderless {
    min-height: 50px;
  }

  .d-n-sol-txt {
    display: none;
  }

  .preloader-progress-holder {
    width: 40%;
  }

  .supported-assets-wrapper {
    width: 568px;
    max-width: 100%;
  }

  .supported-assets-description {
    width: 100%;
  }

  .supported-assets-img {
    width: 100%;
    display: none;
  }

  .supported-assets-card {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .su-as-holder {
    width: 75%;
    height: 250px;
  }

  .loading-percentage, .percentage-mark {
    font-size: 100px;
  }

  .percentage-wrapper {
    justify-content: center;
  }

  .header-mob {
    background-image: linear-gradient(#0000008c, #0000008c), url('../images/Home-Header-mob-BG.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    min-height: auto;
    display: flex;
    position: relative;
  }

  .up-arrow-footer {
    bottom: -75px;
  }

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

  .job-listing-2 {
    flex: 0 auto;
  }

  .job-details-wrapper {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .job-date.left-space.borderless {
    padding-left: 0;
  }

  .job-list-icon-2 {
    display: block;
  }

  .job-list-icon-2.hide-icon {
    display: none;
  }

  .paragraph-77 {
    position: relative;
  }

  .content-holder.for-articles {
    flex-flow: column;
  }

  .sec-title.custom.for-ar {
    margin-left: 30px;
    margin-right: 30px;
  }

  .social-updates {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .platforms-holder {
    flex-wrap: wrap;
    max-width: 568px;
    margin-top: 0;
  }

  .social-embed-wrap {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .menu-button-2 {
    right: 60px;
  }

  .mob-menu-button {
    color: #fff;
    margin-right: 20px;
  }

  .branches-map-mob {
    display: block;
    position: relative;
  }

  .faq-title {
    font-size: 15px;
  }

  .h3-faq-answer {
    font-size: 13px;
  }

  .qa-holder {
    flex-direction: column;
  }

  .qa-l-s {
    padding-left: 40px;
  }

  .language-toggle {
    padding: 0;
  }

  .text-span-16 {
    font-size: 35px;
    line-height: 40px;
  }

  .footer-li-fo-wrap {
    flex-direction: column-reverse;
  }

  .items-row {
    flex-flow: column;
    width: 100%;
  }

  .content-holder-3 {
    flex-flow: column;
  }

  .blogs {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .slider-title {
    width: 475px;
  }

  .header-subtitle {
    font-size: 20px;
  }

  .block-par {
    text-align: center;
    width: 80%;
    margin-bottom: 20px;
    position: relative;
  }

  .block-par.for-key-feature {
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
  }

  .block-title {
    font-size: 16px;
    position: relative;
  }

  .testimonial-column-light {
    padding: 60px 15px;
  }

  .testimonial-grid-two {
    grid-template-columns: 1fr;
  }

  .testimonial-info-three {
    flex-direction: row;
  }

  .content-block {
    width: 100%;
  }

  .block-item-holder.for-ar {
    display: none;
  }
}

@media screen and (max-width: 479px) {

  .fullscreen-nav,
  .nav-wrapper {
    display: none;
  }

  .nav-wrapper.inner {
    display: flex;
  }

  .paragraph-69 {
    text-align: center;
    letter-spacing: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
    position: relative;
  }

  .language-trigger {
    right: 10px;
  }

  .language-trigger.for-ar {
    left: 10px;
    right: auto;
  }

  .header-title {
    text-align: center;
    align-items: center;
    width: 300px;
  }

  .header-content-wrapper {
    align-items: center;
    max-width: 300px;
    height: 100%;
    min-height: 100svh;
  }

  .background-video {
    min-height: 600px;
  }

  .background-video.main-header {
    display: none;
  }

  .nav-lang {
    position: relative;
  }

  .nav-trigger {
    right: -20px;
  }

  .stroked-txt {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 33px;
    position: relative;
  }

  .scroll-down {
    z-index: 5;
    justify-content: center;
    margin: 0 auto 5px;
  }

  .down-arrow.head-scr {
    text-align: center;
    width: 15px;
  }

  .custom-cta {
    margin-top: 5px;
    margin-bottom: 5px;
    top: 0;
  }

  .custom-cta.for-inner-sec.branches {
    margin-left: auto;
    margin-right: auto;
  }

  .custom-cta.for-inner-header {
    text-align: center;
    width: 100%;
    height: 50px;
  }

  .social-wrapper {
    bottom: 7%;
  }

  .header-logo.for-mob.w--current {
    margin-left: 20px;
  }

  .nav-items {
    justify-content: center;
  }

  .choose-aqaqy {
    height: auto;
  }

  .container {
    grid-row-gap: .5rem;
    justify-content: center;
    height: auto;
    padding-top: 11px;
    padding-bottom: 11px;
  }

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

  .container.vertical.is-devices {
    height: 100%;
    padding-bottom: 40px;
  }

  .container.footer-container {
    height: auto;
    display: flex;
  }

  .container.solutions-container {
    max-width: 320px;
  }

  .container.privacy-policy.for-ar {
    align-items: flex-end;
    padding-left: 40px;
  }

  .container.blog {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.for-applicant-des-rol {
    grid-row-gap: .5rem;
  }

  .up-arrow {
    width: 100%;
    height: 50px;
    position: relative;
    bottom: 0;
    right: auto;
  }

  .paragraph-63 {
    text-align: center;
    width: 85%;
    margin-top: 10px;
    margin-bottom: 24px;
    padding-left: 0;
    font-size: 14px;
  }

  .heading {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 0;
  }

  .heading.white {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .heading.center {
    display: none;
  }

  .heading.center.collaborations-title {
    margin-top: 30px;
    margin-bottom: 0;
    display: block;
  }

  .heading.center.inner-sol-head {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    display: block;
  }

  .heading.center.request-demo-heading.for-ar {
    display: block;
  }

  .heading.privacy-policy, .heading.blog {
    margin-left: 1rem;
    margin-right: auto;
  }

  .heading.blog.for-ar {
    margin-right: auto;
  }

  .heading.faq, .heading.for-job-app {
    margin-left: auto;
  }

  .afaqy-numbers {
    background-color: var(--logo-blue);
    background-image: none;
    height: auto;
    min-height: 100svh;
  }

  .grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    place-content: start center;
    place-items: center stretch;
    height: 100%;
    margin-bottom: 40px;
  }

  .single-statistic {
    object-fit: fill;
    border: 1px solid #fff;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    height: 110px;
    min-height: auto;
    padding-left: 18px;
    padding-right: 18px;
  }

  .heading-2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
  }

  .heading-2.custom {
    margin-right: 20px;
    font-size: 17px;
    top: -10px;
    left: 20px;
  }

  .numb-txt {
    text-align: center;
    margin-top: 0;
    font-size: 14px;
  }

  .numb-txt.counter.sub {
    text-align: left;
    font-size: 17px;
    bottom: -20px;
    left: -70px;
  }

  .html-embed-2, .html-embed-3, .html-embed-4, .html-embed-5, .html-embed-6 {
    display: none;
  }

  .step {
    width: auto;
  }

  .label {
    text-align: center;
    font-size: 14px;
  }

  .cont-prag {
    text-align: center;
    margin-bottom: 20px;
    font-size: 12px;
  }

  .cont-prag.custom {
    text-align: left;
  }

  .cont-prag.for-arab {
    margin-right: auto;
  }

  .content-wrap.anima-1 {
    width: 80%;
    height: auto;
    margin-bottom: 20px;
  }

  .content-wrap.anima-2, .content-wrap.anima-3 {
    width: 80%;
  }

  .content-wrap.for-buttons {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .btn-cont {
    font-size: 12px;
  }

  .btn-cont.custom-cta {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sol-anim-block {
    width: 90%;
  }

  .scroll-container {
    height: auto;
  }

  .trigger._1, .trigger._3, .trigger._2 {
    display: none;
  }

  .text-block-21 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .content-2 {
    align-items: center;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .field-wrapper {
    flex-direction: column;
    width: 100%;
  }

  .field {
    flex: 1;
    width: 100%;
    margin: 10px 0;
    position: relative;
  }

  .form-block {
    width: 100%;
  }

  .slider {
    display: none;
  }

  .single-device {
    width: 100%;
    height: 365px;
    display: none;
  }

  .single-device._1-4 {
    flex: none;
    height: auto;
  }

  .single-device.for-mob {
    height: auto;
    min-height: 365px;
    display: block;
  }

  .icon {
    font-size: 15px;
    line-height: 15px;
  }

  .left-arrow {
    z-index: 1;
    background-color: #fff;
    border: 6px solid #e4e4e4;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 15px;
    line-height: 15px;
    position: relative;
    top: auto;
    bottom: -26px;
    left: -60px;
  }

  .right-arrow {
    z-index: 1;
    background-color: #fff;
    border: 6px solid #e4e4e4;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 15px;
    line-height: 15px;
    position: relative;
    inset: auto auto 20px 50px;
  }

  .face-heading {
    width: 80%;
    font-size: 16px;
  }

  .face-heading.for-mob {
    margin-top: 26px;
    margin-bottom: 0;
  }

  .face-img-wrapper {
    object-fit: contain;
    flex: none;
    width: 130px;
    max-width: none;
    height: 130px;
    display: flex;
  }

  .back-img-wrapper {
    flex: none;
    width: 110px;
    height: 110px;
  }

  .more-arrow.for-ar {
    left: -15px;
  }

  .achievments {
    height: auto;
    min-height: auto;
  }

  .columns-2 {
    height: 100%;
  }

  .column.ac-co-slider.collaborations {
    height: auto;
    min-height: auto;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .column.ac-co-slider.achievements {
    min-height: auto;
    padding-top: 0;
  }

  .ac-co {
    height: 100%;
    display: none;
  }

  .ac-co.for-mobile {
    display: block;
  }

  .right-arrow-2 {
    background-color: #fff;
    border: 6px solid #e6e6e6;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    inset: auto 30% -60px auto;
  }

  .left-arrow-2 {
    background-color: #fff;
    border: 6px solid #e4e4e4;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 15px;
    line-height: 15px;
    inset: auto auto -60px 30%;
  }

  .ac-co-content {
    flex-basis: 100%;
  }

  .paragraph-71 {
    width: 100%;
    margin-bottom: 0;
  }

  .ac-co-img {
    width: 130px;
    height: 130px;
  }

  .resource-heading {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .left-arrow-3 {
    z-index: 2;
    background-color: #fff;
    border: 6px solid #e6e6e6;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 15px;
    line-height: 15px;
    inset: auto auto 20% 0%;
  }

  .right-arrow-3 {
    z-index: 2;
    background-color: #fff;
    border: 6px solid #e6e6e6;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 15px;
    line-height: 15px;
    inset: auto 0% 20% auto;
  }

  .list {
    width: 100%;
  }

  .partner-img {
    object-fit: cover;
    max-width: 60%;
    position: relative;
  }

  .partner-img.last {
    max-width: 60%;
  }

  .resources {
    height: auto;
    min-height: 100dvh;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .columns-3 {
    height: auto;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .single-resource {
    height: auto;
  }

  .afaqy-footer {
    flex-direction: column;
    height: auto;
    max-height: none;
    display: flex;
  }

  .row.for-ar {
    flex-direction: column;
  }

  .footer-logo.for-ar {
    padding-right: 0;
  }

  .subscribtion-wrapper {
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .subscribtion-wrapper.for-ar {
    width: 80%;
    padding-left: 0;
  }

  .text-field-2 {
    width: 250px;
    font-size: 14px;
  }

  .submit-button-2 {
    width: auto;
  }

  .footer-par {
    text-align: center;
    width: 90%;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .footer-par.for-ar {
    text-align: center;
    margin-right: auto;
  }

  .heading-3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-3.for-ar {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .columns-4 {
    padding-left: 0;
  }

  .columns-4.for-ar {
    flex-direction: column;
    align-items: center;
    max-width: 320px;
  }

  .footer-links {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-height: none;
  }

  .footer-links.for-ar {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-item-link {
    height: 100%;
    line-height: 50px;
    display: block;
  }

  .footer-item {
    width: 100%;
    height: 50px;
    position: relative;
  }

  .text-block-43 {
    text-align: center;
    height: 100%;
    margin-top: auto;
    margin-bottom: 0;
    position: relative;
  }

  .columns-5 {
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: stretch;
    height: auto;
  }

  .copyrights {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .cop-soc-col {
    height: auto;
    padding-right: 0;
    display: block;
  }

  .cop-soc-col.footer-social {
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 12px;
    display: block;
  }

  .list-2 {
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
  }

  .footer-social-link {
    font-family: "Fa solid 900";
  }

  .social-icon {
    text-align: center;
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .solution-wrapper {
    flex-direction: column-reverse;
    height: 90vh;
  }

  .solutions-slider {
    width: auto;
    max-width: 320px;
  }

  .mask {
    width: auto;
  }

  .solution-slider-arrow.left {
    width: 45px;
    height: 45px;
    bottom: 2%;
    right: 18%;
  }

  .solution-slider-arrow.right {
    width: 45px;
    height: 45px;
    bottom: 2%;
    right: -14%;
  }

  .icon-2, .icon-3 {
    font-size: 15px;
    line-height: 15px;
  }

  .icon-4 {
    font-size: 15px;
  }

  .icon-5 {
    font-size: 15px;
    line-height: 15px;
  }

  .grid-2 {
    grid-template-rows: auto auto 250px;
    justify-items: center;
    height: 100%;
    margin-top: 0;
    padding-top: 0;
  }

  .navbar {
    background-color: #0000;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
  }

  .mob-container {
    border: 0 #e4e4e4;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 65px;
    padding-top: 0;
    display: flex;
    position: absolute;
  }

  .menu-button {
    z-index: 9999;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    padding: 0;
    display: flex;
    right: -25px;
  }

  .menu-button.w--open {
    color: var(--logo-blue);
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    background-clip: border-box;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    display: flex;
  }

  .nav-menu {
    text-align: center;
    background-color: #fff;
  }

  .nav-menu.mob {
    object-fit: cover;
    height: 100dvh;
    padding-top: 100px;
    top: 0;
  }

  .mob-nav-link {
    text-align: center;
    text-transform: capitalize;
    border: 1px solid #fff;
    border-left: 0 #fff;
    border-right: 0 #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 40px;
    transition: color .4s ease-in-out, border-color .4s ease-in-out, background-color .4s ease-in-out;
    display: flex;
  }

  .mob-nav-link:hover {
    color: #1a8922;
    background-color: #fff;
    border-top-width: 1px;
    border-top-color: #e4e4e4;
    border-bottom-color: #e4e4e4;
    font-weight: 500;
  }

  .brand {
    background-color: #fff;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 60px;
    padding-left: 0;
    display: flex;
    top: -5px;
    left: -40px;
  }

  .mob-logo {
    width: 120px;
    max-width: none;
    position: relative;
    left: 0;
  }

  .mob-open-nav-logo {
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
    height: 65px;
    display: flex;
    position: absolute;
    inset: 0% auto auto -8%;
  }

  .image-7 {
    width: 120px;
    position: relative;
    left: 40px;
  }

  .sub-list {
    text-align: center;
  }

  .sub-list.mob-single-solution {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px #000;
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    display: inline-block;
  }

  .mob-nav-sub-list {
    text-align: center;
  }

  .mob-nav-sub-list.w--open {
    background-color: var(--logo-blue);
    border-top: 1px solid #fff;
    transition: border-color .4s ease-in-out;
  }

  .mob-nav-sub-list.w--open:hover {
    border-top-color: #e4e4e4;
  }

  .dropdown-toggle-3 {
    color: #fff;
    text-align: center;
    width: 100%;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 40px;
  }

  .dropdown-toggle-3.w--open {
    color: #fff;
    font-weight: 700;
  }

  .mob-nav-list {
    text-transform: capitalize;
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 100%;
    height: 40px;
    transition: border-color .4s ease-in-out;
  }

  .mob-nav-list:hover {
    border-top-color: #e4e4e4;
    border-bottom-color: #e4e4e4;
  }

  .dropdown-toggle-4 {
    text-align: center;
    width: 100%;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 20px;
    font-size: 16px;
    line-height: 40px;
  }

  .dropdown-toggle-4.w--open {
    color: var(--logo-blue);
    font-weight: 700;
  }

  .icon-6 {
    right: 17%;
  }

  .text-block-44 {
    font-size: 16px;
  }

  .sub-sub-list.w--open {
    color: #fff;
    background-color: #1e3a70;
  }

  .sub-nav-link {
    color: #fff;
    border-top: 1px solid #2d4f91;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 40px;
    display: flex;
  }

  .icon-7 {
    color: #fff;
    text-align: center;
    width: 35px;
    height: 35px;
    margin: auto;
    line-height: 35px;
    transition: color .2s;
    position: relative;
  }

  .slide {
    width: auto;
  }

  .mask-2 {
    min-width: auto;
    height: auto;
    min-height: auto;
  }

  .slide-1 {
    height: auto;
  }

  .column-3 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .column-3.col-footer {
    border-top: 1px solid #233f77;
    flex-direction: column;
    justify-content: space-around;
    align-items: stretch;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .col-footer {
    border: 1px #233f77;
    border-top-style: solid;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .col-foot {
    border-top: 1px solid #233f77;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
    display: flex;
  }

  .html-embed-9 {
    display: none;
  }

  .collaborations-container {
    width: 100%;
  }

  .achievements-container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .slide-inner {
    position: relative;
  }

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

  .header.inner-banner {
    margin-top: 60px;
  }

  .header.inner-banner.vehicles {
    background-image: linear-gradient(#00000080, #00000080), url('../images/Connected-Vehicles-Banner-v2.jpg');
    background-position: 0 0, 50%;
    margin-top: 100px;
  }

  .header.inner-banner.businesses {
    background-image: linear-gradient(#00000073, #00000073), url('../images/smart-businesses-header-mob-bg.jpg');
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
    margin-top: 100px;
  }

  .header.inner-banner.businesses.for-ar {
    background-image: linear-gradient(#00000073, #00000073), url('../images/smart-businesses-header-mob-bg_1.jpg');
  }

  .header.inner-banner.smart-cities {
    background-image: linear-gradient(#00000073, #00000073), url('../images/smart-cities-header.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    margin-top: 100px;
  }

  .header.inner-banner.hardwares {
    background-image: linear-gradient(#00000073, #00000073), url('../images/hardware-header.jpg');
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
    margin-top: 30px;
  }

  .header.inner-banner.savings-calculator {
    background-image: linear-gradient(#0000, #0000), url('../images/smart-cities-header.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .header.inner-banner.branches {
    margin-top: 100px;
  }

  .header.inner-banner.cameras {
    background-color: #00000073;
    background-image: linear-gradient(#00000059, #00000059), url('../images/cameras-banner-bg.jpg');
    background-attachment: scroll, scroll;
    margin-top: 100px;
  }

  .header.inner-banner.cameras.for-ar {
    background-image: url('../images/cameras-banner-bg_1.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .header.inner-banner.sensors, .header.inner-banner.devices {
    margin-top: 100px;
  }

  .header.inner-banner.contact {
    background-image: linear-gradient(#00000073, #00000073),url('../images/contact-banner-bg.jpg');
    background-attachment: scroll;
    margin-top: 100px;
  }

  .header.inner-banner.faqs, .header.inner-banner.blog {
    margin-top: 100px;
  }

  .header.inner-banner.co-profile {
    margin-top: 0;
  }

  .header.solution {
    background-image: linear-gradient(#36385a, #434998), linear-gradient(#0000, #0000);
    width: auto;
    height: auto;
  }

  .header.solution.fleet-banner {
    background-image: url('../images/fleet-header-mob.png'), linear-gradient(to right, #203250, #3c4e6d), linear-gradient(#0000, #0000);
    background-position: 0%, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
    width: auto;
    margin-top: 100px;
  }

  .header.solution.vdx-banner {
    background-image: url('../images/vdx-banner-mob.png'), linear-gradient(260deg, #203250, #3954a4), linear-gradient(#0000, #0000);
    background-position: 0%, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
    width: auto;
    margin-top: 100px;
  }

  .header.solution.smart-taxi-banner {
    background-image: url('../images/smart-taxi-header-mob.png'), linear-gradient(to top, #258644, #066122 46%);
    background-position: 0%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    width: auto;
    margin-top: 100px;
  }

  .header.solution.xrent-bg {
    background-image: url('../images/xrent-banner-mob.png'), linear-gradient(80deg, #2cb4a7, #10746b 47%);
    background-position: 0%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    background-attachment: scroll, scroll;
    width: auto;
    margin-top: 100px;
  }

  .header.solution.odm-bg {
    background-image: url('../images/odm-banner-mob.png'), linear-gradient(37deg, #1d5678, #0b3149 62%), linear-gradient(#0000, #0000);
    background-position: 0%, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
    width: auto;
    margin-top: 100px;
  }

  .header.solution.sguard-bg {
    width: auto;
    margin-top: 65px;
  }

  .header.solution.sense-ware-bg {
    background-image: url('../images/senseware-banner-mob.png'), linear-gradient(to right, #292a57 35%, #4b4b88), linear-gradient(#0000, #0000);
    background-position: 0%, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
    width: auto;
    margin-top: 100px;
  }

  .header.solution.moraqba-bg {
    background-image: url('../images/moraqba-banner-mob.png'), linear-gradient(to right, #364c9f, #2c428c 55%), linear-gradient(#0000, #0000);
    background-position: 0 0, 0 0, 0 0;
    background-size: contain, auto, auto;
    width: auto;
    margin-top: 100px;
  }

  .header.solution.moraqba-bg.for-ar {
    background-image: url('../images/moraqba-banner-ar-mob.png'), linear-gradient(to right, #364c9f, #2c428c 55%), linear-gradient(#0000, #0000);
    background-position: 0 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: contain, auto, auto;
    background-attachment: scroll, scroll, scroll;
  }

  .header.solution.push-2-talk-bg {
    background-image: url('../images/push2talk-banner-mob.png'), linear-gradient(to right, #1a345e, #1e427d 55%), linear-gradient(#0000, #0000);
    background-position: 0 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
    width: auto;
    margin-top: 0;
  }

  .header.solution.clean-cities-bg {
    background-image: url('../images/clean-cities-banner-mob.png'), linear-gradient(to right, #358f33, #57b955 55%), linear-gradient(#0000, #0000);
    background-position: 0 0, 0 0, 0 0;
    background-size: cover, auto, auto;
    width: auto;
  }

  .header.solution.clean-cities-bg.for-ar {
    background-image: url('../images/clean-cities-banner-ar-mob.png'), linear-gradient(90deg, #358f33, #57b955 55%);
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
    background-attachment: scroll, scroll;
  }

  .header.solution.smart-parking-bg {
    background-image: url('../images/smartpark-banner-mob-.png'), linear-gradient(to right, #777aa0, #444974 55%), linear-gradient(#0000, #0000);
    background-position: 0 0, 0 0, 0 0;
    background-size: cover, auto, auto;
    width: auto;
  }

  .header.solution.smart-parking-bg.for-ar {
    background-image: url('../images/smartpark-banner-ar-mob-.png'), linear-gradient(to top, #777aa0 25%, #444974 55%);
    background-position: 0 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: contain, auto, auto;
  }

  .header.solution.enforcer-bg {
    background-image: url('../images/enforcer-banner-mob-.png'), linear-gradient(to right, #34acbe, #75dfb8 55%), linear-gradient(#0000, #0000);
    background-position: 0 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
    width: auto;
  }

  .header.solution.aman-bg {
    width: auto;
    margin-top: 65px;
  }

  .header.solution.aman-bg.for-ar {
    margin-top: 100px;
  }

  .header.solution.h2go-bg {
    background-image: url('../images/h2go-banner-mob-.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    margin-top: 65px;
  }

  .header.solution.h2go-bg.for-ar {
    margin-top: 100px;
  }

  .header.solution.r-s-mix-bg {
    width: auto;
  }

  .header.solution.about-inner-bg {
    background-image: url('../images/about-banner-mob-.png'), linear-gradient(to right, #3559a0, #213c70 60%), linear-gradient(#0000, #0000);
    background-position: 0%, 0 0, 0 0;
    width: auto;
  }

  .header.solution.about-inner-bg.for-ar {
    background-image: url('../images/about-banner-mob-ar.png'), linear-gradient(to right, #3559a0, #213c70 60%), linear-gradient(#0000, #0000);
    background-size: contain, auto, auto;
  }

  .header.solution.dozer-pro-bg {
    background-image: url('../images/dozer-banner-mob-.png'), linear-gradient(to right, #63596f, #493e5b), linear-gradient(#0000, #0000);
    background-position: 0%, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
    width: auto;
  }

  .header.solution.dozer-pro-bg.for-ar {
    background-image: url('../images/dozer-banner-mob-ar.png'), linear-gradient(to right, #63596f, #493e5b), linear-gradient(#0000, #0000);
    background-position: 50%, 0 0, 0 0;
    background-size: auto, auto, auto;
  }

  .header.solution.route-bg {
    background-image: url('../images/route-banner-mob-.png'), linear-gradient(#18124c, #18124c), linear-gradient(#0000, #0000);
    background-position: 0%, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: cover, auto, auto;
  }

  .header.solution.route-bg.for-ar {
    background-image: url('../images/route-banner-mob-ar.png'), linear-gradient(#18124c, #18124c);
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
    background-attachment: scroll, scroll;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .header.solution.buraq {
    background-image: url('../images/Buraq-Banner-Shapes-Mob.png'), linear-gradient(#36385a, #434998);
    background-position: 0%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
  }

  .inner-container {
    align-items: center;
    max-width: 280px;
  }

  .inner-container.solu-wrapper {
    justify-content: center;
    max-width: 100%;
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .inner-container.for-ar {
    align-items: center;
  }

  .heading-4 {
    text-align: center;
    letter-spacing: 1px;
    margin-top: 35px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
  }

  .heading-4.xrent-heading {
    width: 100%;
    margin-top: 10px;
  }

  .heading-4.for-ar {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .inner-header-paragraph {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .inner-header-paragraph.for-ar {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .inner-content.about {
    min-height: auto;
    padding-top: 0;
  }

  .inner-content.about.odm-about {
    justify-content: flex-start;
  }

  .inner-content.watch-a-brief, .inner-content.highlights, .inner-content.supported-assets {
    min-height: auto;
  }

  .header-bg-wrapper {
    display: none;
  }

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

  .grid-3.vdx-grid, .grid-3.xrent-grid, .grid-3.odm-grid, .grid-3.moraqba-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid-3.buraq-pr-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid-3.moraqba-grid-2, .grid-3.push-2-talk-grid, .grid-3.push-2-talk-grid-2, .grid-3.clean-cities-grid, .grid-3.smart-parking-grid, .grid-3.enforcer-grid-2 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

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

  .grid-3.smart-taxi-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .sol-element-wrapper {
    min-height: 180px;
  }

  .sol-element-img {
    width: 75px;
  }

  .sol-element-title {
    font-size: 16px;
  }

  .bg-shape {
    display: none;
  }

  .sol-element-img-white {
    width: 75px;
  }

  .solution-details {
    min-height: auto;
  }

  .solution-details.trans-bg {
    min-height: 250px;
    margin-bottom: 0;
  }

  .solution-details.xrent-sol-col {
    min-height: auto;
  }

  .lottie-animation-4 {
    width: 100%;
  }

  .lottie-animation-4.fleet-lottie, .lottie-animation-4.smart-taxi-lottie, .lottie-animation-4.xrent-lottie, .lottie-animation-4.sguard-lottie, .lottie-animation-4.sense-ware-lottie, .lottie-animation-4.moraqba-lottie, .lottie-animation-4.push-2-talk-lottie, .lottie-animation-4.clean-cities-lottie, .lottie-animation-4.smart-parking-lottie {
    border-radius: 25px;
    max-width: 320px;
  }

  .paragraph-74 {
    width: 90%;
    font-size: 16px;
    line-height: 1.6;
  }

  .paragraph-74.for-ar {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .bg-wrapper {
    display: none;
  }

  .video-wrapper {
    max-width: 100%;
    margin-top: 0;
  }

  .video-wrapper.fleet-video {
    width: 100%;
    min-width: 320px;
  }

  .video-wrapper.vdx-video, .video-wrapper.smart-taxi-video {
    width: 300px;
    padding: 10px;
  }

  .video-wrapper.odm-video, .video-wrapper.sguard-video, .video-wrapper.moraqba-video, .video-wrapper.push-2-talk-video, .video-wrapper.clean-cities-video, .video-wrapper.smart-parking-video, .video-wrapper.aman-video, .video-wrapper.h2go-video, .video-wrapper.r-s-mix-video {
    width: 320px;
  }

  .video {
    width: 100%;
    max-width: 320px;
  }

  .description-card {
    width: 320px;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-paragraph {
    font-size: 16px;
    line-height: 26px;
  }

  .card-heading {
    font-size: 20px;
  }

  .highlights-card.mob {
    width: 320px;
    min-height: auto;
  }

  .card-img {
    width: 85%;
    height: 200px;
  }

  .card-img.smart-taxi-card-img {
    background-image: url('../images/smart-taxi-highlights-img-bg.jpg');
  }

  .card-img.sguard-card-img {
    margin-top: auto;
    margin-bottom: auto;
  }

  .card-img.smart-parking-card-img {
    background-image: url('../images/smart-parking-highlights-img-bg.webp');
  }

  .highlights-img-device {
    width: 225px;
  }

  .highlights-img-device.xrent-hi {
    bottom: -10%;
  }

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

  .shape.bottom-left {
    left: -32%;
  }

  .request-demo-inner {
    width: 320px;
  }

  .highlights-wrapper-mob {
    overflow: hidden;
  }

  .header-shape-mob {
    z-index: 1;
    width: 290px;
    height: 203px;
    display: block;
    position: absolute;
    inset: auto auto -2%;
  }

  .header-shape-mob.bg-oval {
    z-index: -1;
    background-color: #fff;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    width: 140%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-right: 0;
    bottom: -1%;
  }

  .header-shape-mob.xrent-header-mob {
    z-index: 0;
    width: 100%;
    height: auto;
    bottom: 0%;
  }

  .fleet-lottie-reflection {
    max-width: 320px;
    display: none;
  }

  .fleet-lottie-ring {
    display: none;
  }

  .lottie-wrapper {
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .lottie-wrapper.xrent-lo-wr {
    width: 90%;
  }

  .lottie-wrapper.odm-lo-wr {
    border-radius: 35px;
    width: 80%;
    height: 250px;
  }

  .lottie-wrapper.sguard-lo-wr, .lottie-wrapper.sense-ware-lo-wr, .lottie-wrapper.moraqba-lo-wr, .lottie-wrapper.push-2-talk-lo-wr, .lottie-wrapper.clean-cities-lo-wr, .lottie-wrapper.smart-parking-lo-wr, .lottie-wrapper.enforcer-lo-wr, .lottie-wrapper.r-s-mix-lo-wr, .lottie-wrapper.about-afaqy-lo-wr {
    width: 90%;
  }

  .fleet-about-bg-wheel, .fleet-about-bg-asset-1, .fleet-about-bg-asset-4, .fleet-about-bg-asset-3 {
    display: none;
  }

  .sol-item-wrapper {
    justify-content: space-around;
  }

  .sol-item-img {
    margin-left: 40px;
    margin-right: 20px;
  }

  .sol-item-title {
    justify-content: center;
    align-items: center;
    height: 80px;
    padding-left: 20px;
    padding-right: 0;
    line-height: 26px;
    display: flex;
  }

  .sol-item-title.smt {
    width: 50%;
  }

  .xrent-lottie-bg-1, .xrent-lottie-bg-2, .xrent-lottie-bg-3, .xrent-lottie-bg-4, .xrent-lottie-bg-2-topright, .xrent-lottie-bg-5, .xrent-lottie-bg-8, .xrent-logo, .xrent-lottie-bg-9 {
    display: none;
  }

  .odm-sol-bg-arrow {
    width: 55px;
  }

  .odm-logo {
    display: none;
  }

  .odm-white-logo {
    top: auto;
    bottom: -28%;
  }

  .odm-lottie-pattern, .odm-lottie-pattern-left {
    display: none;
  }

  .odm-powered-by-af {
    top: auto;
    bottom: -25%;
  }

  .brief-bg-pattern, .odm-brief-video-bg {
    display: none;
  }

  .card-list {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }

  .card-list.for-ar {
    text-align: right;
  }

  .mob-header {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: none;
    position: relative;
  }

  .odm-header-mob {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .calculate-button {
    width: auto;
  }

  .button-holder {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
  }

  .afaqy-sympol-section-bg.for-preloader {
    max-width: 80%;
    height: auto;
  }

  .get-demo, .input-adjusting {
    width: auto;
  }

  .sense-ware-about-logo, .moraqba-about-logo, .push-2-talk-about-logo, .clean-cities-about-logo, .smart-parking-about-logo, .enforcer-about-logo, .aman-about-logo {
    display: none;
  }

  .d-n-link {
    padding-right: 10px;
  }

  .d-n-link.inner-d-n-link {
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .d-n-link.inner-d-n-link.for-ar {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .h2go-about-logo, .r-s-mix-about-logo {
    display: none;
  }

  .vis-mis-holder {
    width: 320px;
  }

  .about-values-title {
    z-index: 10;
    font-size: 16px;
  }

  .about-values-paragraph {
    font-size: 16px;
    line-height: 26px;
  }

  .about-values-img {
    width: 75px;
  }

  .afaqy-about-logo {
    display: none;
  }

  .about-paragraph {
    width: 90%;
    font-size: 16px;
    line-height: 1.6;
  }

  .branches-lottie {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 0;
    display: flex;
  }

  .lottie-animation {
    width: 300px;
    height: auto;
    margin-left: auto;
    position: relative;
    top: auto;
  }

  .cam-sens-device {
    width: 100%;
  }

  .sens-cam-holder {
    padding-top: 30px;
    padding-bottom: 30px;
  }

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

  .clients-slider {
    background-color: #fff;
  }

  .branches-lottie-holder {
    justify-content: center;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
  }

  .branches-location {
    padding-left: 10px;
    padding-right: 10px;
  }

  .branch-title.heading.for-ar {
    margin-right: auto;
  }

  .branches-par {
    margin-right: 0;
    font-size: 12px;
  }

  .branches-par.for-ar {
    text-align: right;
  }

  .phone.for-ar {
    justify-content: center;
    margin-right: 0;
  }

  .phone-link {
    font-size: 12px;
  }

  .email.for-ar {
    justify-content: center;
    margin-right: 0;
  }

  .email-add {
    font-size: 12px;
  }

  .solution-details-2.trans-bg {
    min-height: 250px;
    margin-bottom: 0;
  }

  .solution-details-2.trans-bg.sm-tax-sol-bg {
    height: 400px;
  }

  .smart-taxi-par {
    width: 90%;
    font-size: 16px;
    line-height: 1.6;
  }

  .def-nav-d-down-icon {
    margin-right: 22px;
  }

  .def-nav-d-down-icon.for-ar {
    margin-left: 15px;
  }
.contact-form-wrapper{width: 100%;}
  .contact-form-wrapper.for-blog.for-ar {
    justify-content: center;
    align-items: stretch;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-submit {
    width: 100%;
  }

  .d-n-sol.cities-dn-sol {
    flex: none;
  }

  .d-n-sol.for-company {
    min-height: 100%;
  }

  .d-n-d-d-holder-inner.for-hardware.for-ar {
    position: relative;
    top: 0;
    left: 0;
  }

  .d-n-d-d-holder-inner.for-hardware.for-ar.w--open {
    left: 0;
  }

  .d-n-sol-holder {
    flex: none;
    width: 100%;
    height: 55px;
    min-height: 55px;
  }

  .d-n-sol-holder.for-cities-d-n-holder {
    flex: none;
    min-height: 55px;
  }

  .d-n-sol-holder.for-cities-d-n-holder.bottom-borderless, .d-n-sol-holder.for-cities-d-n-holder.left-bottom-borderless {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

  .d-n-sol-holder.for-cities-d-n-holder.left-borderless {
    height: 55px;
    min-height: 55px;
  }

  .preloader-wrapper {
    z-index: 9999;
    display: none;
  }

  .preloader-logo {
    max-width: 240px;
  }

  .preloader-progress-holder {
    width: 65%;
  }

  .d-n-container.for-ar {
    flex-direction: row-reverse;
  }

  .inner-preloader-logo {
    max-width: 275px;
  }

  .preloading-txt {
    right: 20%;
  }

  .supported-assets-wrapper {
    width: 320px;
    max-width: 100%;
  }

  .su-as-holder {
    height: 200px;
  }

  .loading-percentage, .percentage-mark {
    font-size: 70px;
  }

  .header-mob {
    background-image: linear-gradient(#00000073, #00000073), url('../images/Home-Header-mob-BG.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    min-height: 100svh;
    display: flex;
    position: relative;
  }

  .y-afaqy-img {
    max-height: 250px;
  }

  .solu-img {
    max-width: none;
    max-height: 200px;
    margin-bottom: 10px;
  }

  .field-input.phone-no {
    margin-left: 0;
    margin-right: 0;
  }

  .field-block {
    flex: 1;
    width: 100%;
    margin: 5px 0;
    position: relative;
  }

  .phone-wrapper {
    flex-direction: column;
  }

  .job-app-form-close {
    top: 0%;
    right: 2%;
  }

  .coun-co-embed {
    flex-basis: 100%;
    width: 100%;
  }

  .job-application-form {
    margin-top: 10px;
  }

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

  .up-arrow-footer {
    width: 100%;
    height: 50px;
    position: relative;
    bottom: 0;
    right: auto;
  }

  .field-wrapper-5 {
    flex-direction: column;
    width: 100%;
  }

  .field-label-5 {
    margin-bottom: 20px;
  }

  .jobs-container {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .job-listing-2 {
    flex-basis: 100%;
  }

  .job-date.left-space.borderless {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 15px;
  }

  .job-level.left-space.borderless {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .job-list-icon-2.hide-icon {
    display: block;
  }

  .job-category.left-space.borderless {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 15px;
  }

  .job-type.left-space.borderless, .job-location.left-space.borderless {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .job-application-container-3 {
    width: 100%;
    margin-bottom: 0;
  }

  .paragraph-77 {
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .field-wrapper-9 {
    flex-direction: column;
    width: 85%;
  }

  .field-wrapper-9.fluid {
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .content-holder {
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-holder.for-articles {
    flex-flow: column;
  }

  .tutorial-item {
    flex: 1;
    flex-basis: auto;
  }

  .tutorial-item.border-bottom.for-other.for-ar {
    padding-left: 15px;
    padding-right: 15px;
  }

  .item-img.contained {
    aspect-ratio: 1;
  }

  .article-button.more-artilcles.demo {
    width: 100%;
  }

  .content-main-wrap.blog-post.for-ar.wide-screen {
    min-height: auto;
  }

  .content-main-wrap.blog-post.wide-screen {
    padding-top: 100px;
  }

  .row-2.last-row.main-tut {
    flex-flow: column;
  }

  .col-desc.general.tut-img-wrap {
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 0 0;
  }

  .col-desc.general.tut-desc-wrap {
    flex: none;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tut-img.contained {
    aspect-ratio: 1;
  }

  .other-tuts {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: auto;
  }

  .other-tuts.for-ar {
    position: relative;
    top: 0;
  }

  .main-tut-holder {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .main-tut-holder.for-ar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tut-sub-title {
    text-align: left;
  }

  .sec-title.custom.for-ar {
    margin-top: 1rem;
    margin-left: 0;
    margin-right: 0;
    padding-right: 20px;
  }

  .sec-title.custom.for-blog {
    padding-left: 25px;
  }

  .back-button {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto 1rem;
    top: auto;
    left: auto;
  }

  .page-progress.for-ar {
    display: none;
  }

  .social-updates {
    height: auto;
    min-height: 100dvh;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .platforms-holder {
    height: auto;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .social-embed-wrap {
    height: auto;
  }

  .menu-button-2 {
    right: 70px;
  }

  .n-i-toggle.inner-d-n-link {
    justify-content: center;
    align-items: center;
    padding-right: 10px;
  }

  .d-n-d-d-holder-home.for-businesses.ho-pa.w--open {
    min-width: 320px;
  }

  .d-n-d-d-holder-home.for-cities.ho-pa {
    min-width: 320px;
    right: auto;
  }

  .d-n-d-d-holder-home.for-cities.ho-pa.w--open {
    min-width: 320px;
  }

  .d-n-d-d-holder-home.for-cities.ho-pa.for-ar.w--open {
    position: relative;
    top: 0;
    left: 0;
  }

  .d-n-d-d-holder-home.for-company.for-ar {
    position: relative;
    top: 0;
    right: 0;
  }

  .d-n-d-d-holder-home.for-company.for-ar.w--open {
    left: auto;
  }

  .mob-menu-button {
    margin-right: 10px;
  }

  .mob-menu-button.for-ar {
    margin-left: 0;
    margin-right: auto;
  }

  .mob-menu-button.for-ar.for-inner {
    color: #222b45;
    left: 60px;
  }

  .header-logo-img-mob {
    width: 130px;
    display: block;
    position: relative;
  }

  .header-logo-mob {
    background-color: #fff;
    border-radius: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    position: relative;
  }

  .qu-faq.fleet {
    display: none;
  }

  .faq-title {
    font-size: 13px;
  }

  .qa-l-s {
    padding-left: 0;
    padding-right: 0;
  }

  .qa-l-s.for-ar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .language-dropdown {
    justify-content: center;
    align-items: center;
    width: 35px;
    display: flex;
  }

  .language-list.w--open {
    bottom: -127px;
  }

  .language-list.for-ar.w--open {
    left: 0;
  }

  .phone-whatsaapp-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .block-holder {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .brief-video-p {
    font-size: 16px;
  }

  .items-row {
    background-color: #fff;
    flex-flow: column;
    width: 100%;
    position: relative;
  }

  .list-3 {
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
  }

  .blogs {
    height: auto;
    min-height: 100dvh;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .searched-item {
    flex: 1;
  }

  .slider-title {
    text-align: center;
    align-items: center;
    width: 300px;
  }

  .header-subtitle {
    text-align: center;
    letter-spacing: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
    position: relative;
  }

  .block-par {
    text-align: center;
    width: 85%;
    margin-top: 10px;
    margin-bottom: 24px;
    padding-left: 0;
    font-size: 14px;
  }

  .block-title {
    text-align: center;
    font-size: 14px;
  }

  .block-title.for-digital-card {
    text-align: left;
    padding-left: 0;
    font-size: 24px;
  }

  .block-title.for-digital-card.for-ar {
    text-align: right;
    font-style: normal;
  }

  .container-33 {
    max-width: none;
  }

  .d-c-holder {
    width: auto;
  }

  .d-c-holder.for-button {
    width: 100%;
  }

  .content-block {
    width: 90%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .content-block.for-ar {
    border-top: 1px solid #d6d6d6;
    border-left-style: none;
    padding-top: 0;
    font-style: normal;
  }

  .block-subtitle.for-digital-card.is-link {
    width: 100%;
    height: 100%;
  }

  .block-subtitle.for-digital-card.cap-styled.for-ar, .block-subtitle.for-digital-card.co-name.for-ar {
    font-style: normal;
  }

  .block-subtitle.for-job-app.is-link {
    width: 100%;
    height: 100%;
  }

  .block-subtitle.for-job-app.cap-styled.for-ar, .block-subtitle.for-job-app.co-name.for-ar {
    font-style: normal;
  }

  .d-c-button {
    width: 90%;
  }

  .block-item-holder.for-ar {
    display: none;
  }

  .fields-holder {
    flex-flow: column;
  }
  .qa-holder.for-ar .heading.faq{margin-left: auto;margin-right: 0;}
  .container.privacy-policy.for-ar{padding-left: 0;
  padding-right: 20px;}
  
   .header.inner-banner.co-profile{
            margin-top: 100px;
  }
}

/** General Pages **/
.w-webflow-badge
{
	display:none !important;
}
/** html {
  scroll-behavior: smooth;
} **/
.afaqy-logo
{
  width:150px;
  position: relative;
  z-index: 12;
}
.afaqy-logo svg .st0, 
 .afaqy-logo svg .st1
{
  fill:rgba(255,255,255,0);
  stroke:rgba(255,255,255,1);
  stroke-width:1;
  stroke-miterlimit:10;
  stroke-dasharray: 270;
  stroke-dashoffset: 270;
  animation:nav-logo-white 1s 1 alternate ease-in-out both  .4s;
}
.afaqy-logo.stock svg .st0,
.nav-wrapper.anim .afaqy-logo  svg .st0
{
  fill:rgba(27,50,95,0);stroke:rgba(27,50,95,1);animation:nav-logo-stock-0 1s 1 alternate ease-in-out both  .5s}
.afaqy-logo.stock svg .st1,
.nav-wrapper.anim .afaqy-logo svg .st1{fill:rgba(26,137,34,0);stroke:rgba(26,137,34,1);animation:nav-logo-stock-1 1s 1 alternate ease-in-out both  .5s}
.header-content-wrapper{border-bottom: solid 1px rgba(255,255,255,.45); border-right: solid 1px rgba(255,255,255,.45);}
.header-title{position:relative;margin:0 auto;}
.header-title:before, .header-title:after
{
	content:"";
  position: absolute;
  width: 1px;
  height: 150px;
  top: -65%;
  left: 0%;
  background: rgba(255,255,255,.45);
}
.header-title:after{top:auto; bottom:-65.5%;}
.stroked-txt{ -webkit-text-stroke:1px #fff; color:rgba(0,0,0,0);}
.custom-cta, .scroll-down
{
  text-decoration:none;
  color:#fff;
  margin-top:10px;
  margin-bottom:10px;
  position:relative;
  font-size: 16px;
  letter-spacing: 1px;
  height: 40px;
  line-height: 40px;text-transform:capitalize;
  border: solid 1px transparent;
  padding: 0 20px;
  transition:all .3s cubic-bezier(0.8,0,.5,1);
}
.scroll-down{padding-left:0}
.custom-cta{border: solid 1px #1a8922;}
.custom-cta:hover{letter-spacing: 3px;border: solid 1px transparent;}
.custom-cta:before
{
	content:"";
  width:68%;
  height:40px;
  position:absolute;
  top:0;
  left:77px;
  display:block;
  background:#17a463;
  transition:transform .3s cubic-bezier(0.8,0,.5,1) .2s;
  z-index: -1;
  bottom: 0;
  line-height: 40px;
  transform: scaleX(0);
  transform-origin: right;
}
.custom-cta:hover:before{transform: scaleX(1);transform-origin: left;}
.choose-aqaqy .custom-cta{color:#1b325f;z-index:1;left:4%;}
.scroll-down span.down-arrow
{
	position:relative;
  left:10px;
  top: 0px;
  color: rgba(255,255,255,1);
  transition: all .3s ease-in-out .1s;
}
.scroll-down:hover span.down-arrow{color: rgba(255,255,255,0);}
.scroll-down span.down-arrow:after,
.scroll-down span.down-arrow:before
{
  content: "";
  position: absolute;
  top: -40px;
  color: rgba(255,255,255,0);
  left: 0;
  font-size: 16px;
  font-family: 'Fa solid 900', sans-serif;
  line-height: normal;
  width: auto;
  display: block;
  text-align: center;
  transition: all .3s cubic-bezier(0.8,0,.5,1) .2s;
}
.scroll-down span.down-arrow:before{top: 0;color: rgba(255,255,255,1);}
.scroll-down:hover span.down-arrow:after{top: 0; color: rgba(255,255,255,1);}
.scroll-down:hover span.down-arrow:before{top: 40px;color: rgba(255,255,255,0);}
.nav-trigger
{
	display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  position:relative;
  width:30px;
  z-index:11;
  right: 20px;
}
.nav-trigger > div
{
	position:absolute;
  height:2px;
  width:30px;
  background:#fff;
  border-radius:3px;
  transform:scaleX(.5);
  transform-origin:right;
  transition: transform .3s cubic-bezier(0.8,0,.5,1) , background .3s cubic-bezier(0.8,0,.5,1) 150ms
}
.nav-trigger > div.burg-1{transform: translateY(-6px) scaleX(.65);}
.nav-trigger > div.burg-2
{transform:scaleX(1);
}
.nav-trigger > div.burg-3
{
	transform: translateY(6px) scaleX(.65);
}
 .nav-wrapper.anim .nav-trigger > div
  {
  	background:#23286b;
    transition:all .3s cubic-bezier(0.8,0,.5,1) .3s
  }
   .nav-wrapper.anim .nav-trigger{animation: slide-from-right 1s 1 alternate cubic-bezier(0.8,0,.5,1) both }
.fullscreen-nav
{
	width:100%;
  height:100dvh;
  top:0;
  left:0;
  background:rgba(255,255,255,0);
  position:fixed;
  z-index:10;
  transform:translateY(100%);
  transform-origin:bottom;
  pointer-events:none;
  overflow:hidden;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  transition: transform .3s cubic-bezier(0.8,0,.5,1) , background .3s cubic-bezier(0.8,0,.5,1) .5s
}
.fullscreen-nav:before ,
.fullscreen-nav:after
{
	content:"";
  width:50%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  background:rgba(255,255,255,1);
  transform-origin:top;
  transform:scaleY(0);
  transition:transform .3s cubic-bezier(0.8,0,.5,1) .4s ;
  z-index: 10;
}
.fullscreen-nav:after
{
  right:0;
  left:auto;
  transform-origin:bottom;
  background:rgba(255,255,255,1);
}
.fullscreen-nav.active
{
  transform:translateY(0);
  background:rgba(27,50,95,.75);
  pointer-events:auto;
}
.fullscreen-nav.active:before
{
  transform-origin:bottom;
  transform:scaleY(1);
} 
.fullscreen-nav.active:after
{
  transform-origin:top;
  transform:scaleY(0);
}
.nav-trigger.active > div
{
	background:#fff !important;
}
.nav-trigger.active  > div.burg-2
{
	 transform:scaleX(0);
   background:rgba(27,50,95,0);
}
.nav-trigger.active  > div.burg-1
{
  transform: scaleX(1) translateY(10px) rotate(45deg);
}
.nav-trigger.active  > div.burg-3
{
  transform: scaleX(1) translateY(-11px) rotate(-45deg);
}
.afaqy-sympol 
{
  position: absolute;
  width: 550px;
  right: -17%;
  bottom: 0;
  z-index: 11;
  transform: translateY(-50px);
  opacity:0;
  transition:transform .3s cubic-bezier(0.8,0,.5,1), opacity .3s cubic-bezier(0.8,0,.5,1) ;
}
.afaqy-sympol svg path
{
  fill: rgba(26,137,26,.05);
  stroke: rgba(26,137,26,0);
  stroke-width: 1;
  stroke-dasharray: 920;
  stroke-dashoffset: 920;
  stroke-miterlimit: 10;
  transition:all .8s cubic-bezier(0.8,0,.5,1) .3s;
}
.fullscreen-nav.active .afaqy-sympol
{
	transform: translateY(0);
opacity:.025;
  transition-delay: 1.85s;
  mix-blend-mode:screen;
  bottom: -10%;
}
.fullscreen-nav.active .afaqy-sympol path
{
	fill: rgba(26,137,26,.04);
  stroke: rgba(26,137,26,.17);
  stroke-dashoffset: 0;
  transition-delay: .85s;
}
.nav-items:before
  {
    content: "Navigation";
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    color: #cecdcd;
    writing-mode: vertical-rl;
    letter-spacing: 10px;
    transition: transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) , opacity .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: translateX(20px);
    transform-origin: right;
    pointer-events: none;
    opacity: 0;
  }
  .fullscreen-nav.active .nav-items:before, .fullscreen-nav.active .subscribe-holder,.fullscreen-nav.active .FS-nav-social-holder, .fullscreen-nav.active .FS-contact-info{transform: translateX(0);opacity: 1;transition-delay: 1.8s;} .fullscreen-nav.active .subscribe-holder {transition-delay: 1.75s;}
  .fullscreen-nav.active .FS-nav-social-holder, .fullscreen-nav.active .FS-contact-info{transition-delay: 1.5s;}
  .nav-list-holder{position: absolute;
    left: 0;
    top: 0;
    bottom: 0;width: 100%;}
  .subscribe-holder{ 
    position: relative;
    left: 0;
    margin: 0 auto 0 7rem;
    width: 35%;
    bottom: 0;
    transform: translateX(-60px);
    transform-origin: left;
    opacity: 0;
    transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .FS-nav-social-holder{width: 50px;
    height: 100%;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -5.1%;
    left: auto;
    right: -42px;
     transform: translateX(-80px);
    transform-origin: left;
    opacity: 0;
    transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .FS-contact-info{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    top:1.5rem;
    bottom:auto;
    left:0;
    padding: 20px;
    margin: 0 0 0 30px;
    width:75%;
      background: rgba(27,50,95,.45);
      border: solid 1px rgba(27,50,95,1);
          transform: translateX(80px);
    transform-origin: right;
    opacity: 0;
      transition:all .2s cubic-bezier(0.175, 0.885, 0.32, 1.275) .3s;
    }
    .FS-contact-info > h3{    
    color: #fff;
    text-transform: capitalize;font-size: 30px;
    line-height: 44px;}
    .co-in-row{position:relative;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    }
  .co-in-row > i.icon{width:25px;height:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
  .co-in-row > p.branches-par, .co-in-row > a{color:#fff;font-size:16px;padding-left: 20px;}
  .co-in-row > p.branches-par > span.bold-txt{color:#fff;margin-right: 10px;
    font-weight: bold;
    font-size: 20px;}
@keyframes nav-logo-stock-0
{
  0%
    {
    fill:rgba(255,255,255,1);
    stroke-dashoffset: 0;
    }
    25%
  {
    fill:rgba(27,50,95,0);
    stroke-dashoffset: 270;
  }
  50%
  {
    fill:rgba(27,50,95,0);
    stroke-dashoffset: 0;
  }
  100%
  {
    fill:rgba(27,50,95,1);
    stroke-dashoffset: 0;
  }
} 
@keyframes nav-logo-stock-1
{
  0%
    {
    fill:rgba(255,255,255,1);
    stroke-dashoffset: 0;
    }
    25%
  {
    fill:rgba(42,113,48,0);
    stroke-dashoffset:270;
  }
  70%
  {
    fill:rgba(42,113,48,0);
    stroke-dashoffset: 0;
  }
  100%
  {
    fill:rgba(42,113,48,1);
    stroke-dashoffset: 0;
  }
}
@keyframes nav-logo-white
{
	0%
  {
    fill:rgba(255,255,255,0);
    stroke-dashoffset:270;
  }
  80%
  {
    fill:rgba(255,255,255,0);
    stroke-dashoffset:0;
  }
  100%
  {
    fill:rgba(255,255,255,1);
    stroke-dashoffset: 0;
  }
} 
@keyframes nav-logo-jump
{
	0%
  {
    transform:translateY(0);
    opacity:0;
  }
  50%
  {
    transform:translateY(-45px);
    opacity:0;
  }
  100%
  {
    transform:translateY(0);
    opacity:1;
  }
}
/** End Animation **/


.glob-st0{display:none;}
	.glob-st1{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;transition:all .3s ease-in-out .6s;}
	.glob-st2{fill:#FFFFFF;transition:all .3s ease-in-out .6s;}
  .globe-icon
  {
  	width:38px;
    line-height: 0;
    position:relative;
    transform-origin:right;
    transform:translateX(0);
    opacity:1;
  }
  .globe-icon svg{width: 75%;transition:all .3s ease-in-out ;}
  .nav-wrapper.anim .globe-icon
  {
  animation: slide-from-right 1s 1 alternate cubic-bezier(0.8,0,.5,1) both  .1s;
  }
  .nav-wrapper.anim .globe-icon svg .glob-st1
  {
    stroke:#23286b;
  }
    .nav-wrapper.anim .globe-icon svg .glob-st2
  {
  	fill:#23286b;
  }
  /** Start Sliding Animation **/
  @keyframes slide-from-right
  {
    0%{
      opacity:0;
      transform-origin:right;
      transform:translateX(0);
    }
    50%{
      opacity:0;
      transform-origin:right;
      transform:translateX(145px);
    }
    100%{
      opacity:1;
      transform-origin:right;
      transform:translateX(0);
    }
  }
  /** End Sliding Animation **/
.clamped{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Number of lines to show */
  line-clamp: 3; /* Standard property, becoming more widely supported */
  -webkit-box-orient: vertical;
}
#w-node-cccdb614-d6c3-2dad-286f-d14a369c804b-f2aa4ba3, #w-node-c6a6b1b4-c200-50a5-2b9d-44b7d95e6dc3-f2aa4ba3, #w-node-_04bd42e5-4024-603e-7e9f-5528a74bc01f-f2aa4ba3, #w-node-_3a8fd33f-cfbe-e7e9-8153-640ef156ae96-f2aa4ba3, #w-node-_9a21270a-51a4-f884-125b-d3d3e8421929-f2aa4ba3, #w-node-c03adcc5-d31c-9a62-4dd9-0ff06bfa2d12-f2aa4ba3, #w-node-_86ffd9da-a6e2-dff2-7bb7-3fd8f3235f36-f2aa4ba3, #w-node-f6cffbf7-d00e-9da6-f715-9a033036934a-f2aa4ba3, #w-node-abf4e4b4-46ab-3085-2ba7-c04fd03a28ec-f2aa4ba3, #w-node-_5bd76dd6-805b-ec52-cb0e-9887883a4e4a-f2aa4ba3, #w-node-fe72f8f7-9ee5-679e-c4fd-2e687b79c619-f2aa4ba3, #w-node-_5b97c0de-bfb1-7f4b-e093-8f83b816a527-f2aa4ba3, #w-node-_2cb1af58-ca2c-8958-9fc6-e2b013abd831-f2aa4ba3, #w-node-_5cb6d908-a324-1a13-27df-78f1ba3b2ba2-f2aa4ba3, #w-node-ac24ea1d-85a4-438c-5b61-acbef2b62752-f2aa4ba3, #w-node-_77db9a80-f11a-3dae-6bf1-1cc4daa6ab85-f2aa4ba3, #w-node-dd0bf381-85c2-a48f-e8e0-7d788a935856-f2aa4ba3, #w-node-_8d2b02d7-d31c-b34d-083c-e5777ab4fcb4-f2aa4ba3, #w-node-_5db0d328-2ef2-f023-2800-9d591c7ed006-f2aa4ba3, #w-node-f0c9fa2d-b432-ecf8-8fff-dfdfe750da2c-f2aa4ba3, #w-node-a043365a-f39f-421f-2159-1f96961e6aab-f2aa4ba3, #w-node-e2c1f32d-7dbd-dffc-8406-3c17111a115c-f2aa4ba3, #w-node-df0ca9fd-253d-5883-9504-59f60fafdeb1-f2aa4ba3, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4ba8, #w-node-_11687d2c-be73-4dfb-09e8-51c4c9a80d4e-f2aa4ba8, #w-node-_9274fec2-5b02-ca02-1473-2a16edfec886-f2aa4ba8, #w-node-_73a20661-c0e6-2daa-7c32-659363c4cda6-f2aa4ba8, #w-node-_5f1cbc37-1167-b225-98de-c82bea18ac25-f2aa4ba8, #w-node-fb8cec31-578f-859e-2b56-cfd00e4dc876-f2aa4ba8, #w-node-_8d40403a-8c08-78a3-5fae-6d912c985ffe-f2aa4ba8, #w-node-_8d40403a-8c08-78a3-5fae-6d912c986005-f2aa4ba8, #w-node-_8d40403a-8c08-78a3-5fae-6d912c98600c-f2aa4ba8, #w-node-_8d40403a-8c08-78a3-5fae-6d912c986013-f2aa4ba8, #w-node-_8d40403a-8c08-78a3-5fae-6d912c98601a-f2aa4ba8, #w-node-_8d40403a-8c08-78a3-5fae-6d912c986021-f2aa4ba8, #w-node-cb89e489-5662-daf8-dec2-d8577971bc50-f2aa4ba8, #w-node-_3207f5d3-354e-c3a2-686a-08b917760b29-f2aa4ba8, #w-node-a8181e71-f1f8-7892-cfc3-fc2dffdb9ad9-f2aa4ba8, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4ba9, #w-node-ec6f1d66-0b15-b42e-bda2-5f875072367d-f2aa4ba9, #w-node-b12ccecb-d132-c939-65fe-c1ebc06c94d7-f2aa4ba9, #w-node-_1b3c1459-592f-2e31-bcd4-e5aa736fbc3b-f2aa4ba9, #w-node-_20a6ebe9-6ba8-80ad-a29e-bdbf5ad64d7e-f2aa4ba9, #w-node-_89b340eb-14b9-d12f-0e6e-6c2c1a7709ac-f2aa4ba9, #w-node-_66ce5e83-f0d9-b255-441a-cd3f8c2d05f2-f2aa4ba9, #w-node-_1b3c1459-592f-2e31-bcd4-e5aa736fbc41-f2aa4ba9, #w-node-_1b3c1459-592f-2e31-bcd4-e5aa736fbc47-f2aa4ba9, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bab, #w-node-_88949cf1-63b0-c778-7cfc-cb99cb1f43ae-f2aa4bab, #w-node-d10f12c2-a1d4-774c-fd20-2499295e34f9-f2aa4bab, #w-node-_6a0b1eff-0175-420e-b5c7-546c621e15b8-f2aa4bab, #w-node-_7e560777-e4ad-6b7a-5585-e8ba1e2c27ed-f2aa4bab, #w-node-_711328e9-4d74-1c65-eef3-67cbbfb5cc30-f2aa4bab, #w-node-_5c67cb49-54b2-4fb2-cd95-3e36cfe7b685-f2aa4bab, #w-node-_87010700-ad5c-186a-99c8-b7bc179f2f76-f2aa4bab, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a2f-f2aa4bab, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a35-f2aa4bab, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a3b-f2aa4bab, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a41-f2aa4bab, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a47-f2aa4bab, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a4d-f2aa4bab, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a53-f2aa4bab, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a5a-f2aa4bab, #w-node-cbf9f1be-3cb5-4bf0-c7fc-ec0264ac2db1-f2aa4bab, #w-node-_6bb242d9-8785-8e25-ee95-ae78c430427e-f2aa4bab, #w-node-_2f8bd5d9-31e0-1421-9650-9331dd82f7c1-f2aa4bab, #w-node-dcad426b-271c-78f7-8457-04a4684a9510-f2aa4bab, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-f2aa4bab, #w-node-ac94c936-a408-0cff-fac6-7861737666d3-f2aa4bab, #w-node-_3a9e1d15-94cb-6813-78c8-525c857f1fff-f2aa4bab, #w-node-_357358d5-f3b7-b449-6a01-1a5d19d3abcb-f2aa4bab, #w-node-_057a9eb9-2cf7-cebe-f607-db32baa96b5b-f2aa4bab, #w-node-b6ca107b-6145-dbde-1e5f-6ed102097930-f2aa4bab, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bad, #w-node-_820dff87-cef1-d882-5029-a8b4ccbe9115-f2aa4bad, #w-node-dd32830d-0202-24b1-cd21-5116af176e93-f2aa4bad, #w-node-a896bc09-e370-f0ec-0a02-e63323e439a6-f2aa4bad, #w-node-caac2cc4-68f0-3d7a-55ee-d73a98496cfb-f2aa4bad, #w-node-_73481b66-4d62-7478-c724-e406c59f7393-f2aa4bad, #w-node-c70ab4a0-9666-0d5d-a9ab-2e92b82e9fc0-f2aa4bad, #w-node-_993f9c92-bf10-b401-fab6-a2610ba9517d-f2aa4bad, #w-node-_9b5d00ba-bc36-8e15-4fa0-393ddd625323-f2aa4bad, #w-node-_16cef661-e6b4-4c1a-e137-3eb46a4ad794-f2aa4bad, #w-node-a54688a9-2375-5174-a4ae-dcac378f871d-f2aa4bad, #w-node-d4faa338-4010-fb23-7c5b-0dd8bb5620e5-f2aa4bad, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-f2aa4bad, #w-node-_30e13865-06b7-33d7-0622-541333087767-f2aa4bad, #w-node-b2499d0f-a84c-a60f-4b92-a86dea1613b5-f2aa4bad, #w-node-d676e7db-7d17-631a-8c56-3d9cd6e0163d-f2aa4bad, #w-node-b1a7405d-52fe-3553-3c90-2eb99faf3d24-f2aa4bad, #w-node-_0ba887ac-5d52-bc82-ed18-eac3d00251db-f2aa4bad, #w-node-c78f6c71-cbb6-b541-0db9-5a80fdaffc05-f2aa4bae, #w-node-_2c4ee9ca-8a88-76f6-130e-582b0d099f5a-f2aa4bae, #w-node-_2fef4f4b-47d3-5946-c29d-cb665d7e5abf-f2aa4bae, #w-node-c78e0f90-8310-7bd9-93d1-3d929c1c2814-f2aa4bae, #w-node-_37aeb625-c37c-fe83-eef1-a0a182b78a92-f2aa4bae, #w-node-_03a9b865-4ddc-fc76-c0c0-7ae67f30ffd1-f2aa4bae, #w-node-b1a71e5d-bd7a-50bb-0d80-819cf6122fdc-f2aa4bae, #w-node-_4c361cee-c1be-855c-f480-9845b19de0ae-f2aa4bae, #w-node-b35b14f1-e4b4-3c7e-16e7-f2b059b12730-f2aa4bae, #w-node-_563d2a06-a8d4-0eb4-5891-c4d2d7439adf-f2aa4bae, #w-node-d3c83357-c2c8-75fb-a73e-db92fa14b306-f2aa4bae, #w-node-_67756e5d-185e-c7ba-a748-633c121a686a-f2aa4bae, #w-node-_2cf525c2-570e-8ef3-eeb3-036b2808b478-f2aa4bae, #w-node-_0318dca1-343a-dd95-2fc2-2c1b84829f8b-f2aa4bae, #w-node-_983901b0-6e8d-2b3a-ecce-593f24cc0227-f2aa4bae, #w-node-_3cae1887-9e10-a9b0-a949-ec51c8be935b-f2aa4bae, #w-node-_9e4829d5-8d8d-818b-2f50-62521357e07f-f2aa4bae, #w-node-ff2232fc-f9b7-4923-ed67-bdad56b81b2a-f2aa4bae, #w-node-_1803966a-d080-b36c-31c0-9bf73d9eeb84-f2aa4bae, #w-node-_8f4a0511-8beb-2a90-2640-287f05823e1b-f2aa4bae, #w-node-_7bd8bbf2-070e-a294-01f8-df204a14c5e6-f2aa4bae, #w-node-_696cbb6a-8b50-24b3-02a9-7a81d04f1f7f-f2aa4bae, #w-node-_50fc086e-221f-aa39-38a2-9e38a2d00c7e-f2aa4bae, #w-node-_770d36fd-4e6d-33b3-2511-34169eb5529c-f2aa4bae, #w-node-_0d4f5752-f25e-7aa9-9612-9fcdc46243d4-f2aa4bae, #w-node-_370624b7-4dd5-f757-a86b-9a4136f0535a-f2aa4bae, #w-node-_930d6ebb-0568-7fec-075f-d758feb88e67-f2aa4bae, #w-node-_5cfacf60-d9a1-58ef-8b51-3111e5681c44-f2aa4bae, #w-node-_74b53583-e6f0-7335-30c5-14de6946c23e-f2aa4bae, #w-node-cd756b39-be10-a18e-b550-c7aca3384da3-f2aa4bae, #w-node-b66fdb01-a671-626f-2aff-4624bc2a49ed-f2aa4bae, #w-node-_17a3cf68-5ce9-5652-d3b6-f41735fedbba-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1760-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1762-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1764-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1766-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1768-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df176a-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df176c-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df176e-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1770-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1772-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1774-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1776-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1778-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df177a-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df177c-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df177e-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1780-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1782-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1784-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1786-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1788-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df178a-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df178c-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df178e-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1790-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1792-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1794-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1796-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1798-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df179a-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df179c-f2aa4bae, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df179e-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3835-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3837-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3839-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c383b-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c383d-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c383f-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3841-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3843-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3845-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3847-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3849-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c384b-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c384d-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c384f-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3851-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3853-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3855-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3857-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3859-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c385b-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c385d-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c385f-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3861-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3863-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3865-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3867-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3869-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c386b-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c386d-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c386f-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3871-f2aa4bae, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3873-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d83822c-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d83822e-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838230-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838232-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838234-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838236-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838238-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d83823a-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d83823c-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d83823e-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838240-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838242-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838244-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838246-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838248-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d83824a-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d83824c-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d83824e-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838250-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838252-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838254-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838256-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838258-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d83825a-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d83825c-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d83825e-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838260-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838262-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838264-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838266-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d838268-f2aa4bae, #w-node-ee3355f9-6fee-779a-35cc-e1441d83826a-f2aa4bae, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bb3, #w-node-_52ad8a88-674f-277f-74cd-b998b1e85b59-f2aa4bb3, #w-node-_2206409f-6cf6-943e-1162-fcf5f10c343c-f2aa4bb3, #w-node-_3fb2477e-8d6a-72bd-b580-a87a03ca2ed6-f2aa4bb3, #w-node-de1398fc-6322-ba14-1f0b-65c3ccd32ff8-f2aa4bb3, #w-node-_86dbe31e-7d84-5343-6a70-618a293293aa-f2aa4bb3, #w-node-_1453844c-573d-0dc5-81e3-47338eff45a9-f2aa4bb3, #w-node-_665a0379-a0eb-608d-b023-1160b5eb06d3-f2aa4bb3, #w-node-_92a0b2d9-5cb4-09a6-4e56-43b3ea7e3382-f2aa4bb3, #w-node-_4e803b5b-faf9-55f8-f66d-2c51223f3360-f2aa4bb3, #w-node-_85dd652e-67a3-8301-a8b0-08507608bad1-f2aa4bb3, #w-node-e58dd841-9dbf-d828-d1c5-0b0552de0f87-f2aa4bb3, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bb4, #w-node-c1b250d1-7e53-16ed-95da-57ab5510acaa-f2aa4bb4, #w-node-_2a499cdb-e34a-50ca-0a24-a0665a1a9e02-f2aa4bb4, #w-node-e81e8563-7eb6-9d85-af16-6e4480e4f570-f2aa4bb4, #w-node-_2dc67149-8ed8-9aab-79af-4bee0f7aa515-f2aa4bb4, #w-node-_2820f5c9-5968-234e-6d3d-837b53ac059f-f2aa4bb4, #w-node-f767d344-6d10-7a5a-5f66-f65e6eae512e-f2aa4bb4, #w-node-f2136310-8cad-53b3-b3bc-ea1a16325966-f2aa4bb4, #w-node-_853dad0b-9f98-f0ca-510c-014181fe407b-f2aa4bb4, #w-node-ab00e92d-5069-5a04-c54f-73c3d08b8851-f2aa4bb4, #w-node-_374821eb-23c0-ab30-a210-ae34914527c3-f2aa4bb4, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bb5, #w-node-_88949cf1-63b0-c778-7cfc-cb99cb1f43ae-f2aa4bb5, #w-node-d10f12c2-a1d4-774c-fd20-2499295e34f9-f2aa4bb5, #w-node-_6a0b1eff-0175-420e-b5c7-546c621e15b8-f2aa4bb5, #w-node-_7e560777-e4ad-6b7a-5585-e8ba1e2c27ed-f2aa4bb5, #w-node-_711328e9-4d74-1c65-eef3-67cbbfb5cc30-f2aa4bb5, #w-node-_5c67cb49-54b2-4fb2-cd95-3e36cfe7b685-f2aa4bb5, #w-node-_87010700-ad5c-186a-99c8-b7bc179f2f76-f2aa4bb5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a2f-f2aa4bb5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a35-f2aa4bb5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a3b-f2aa4bb5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a41-f2aa4bb5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a47-f2aa4bb5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a4d-f2aa4bb5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a53-f2aa4bb5, #w-node-dcad426b-271c-78f7-8457-04a4684a9510-f2aa4bb5, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-f2aa4bb5, #w-node-ac94c936-a408-0cff-fac6-7861737666d3-f2aa4bb5, #w-node-_3a9e1d15-94cb-6813-78c8-525c857f1fff-f2aa4bb5, #w-node-_357358d5-f3b7-b449-6a01-1a5d19d3abcb-f2aa4bb5, #w-node-_057a9eb9-2cf7-cebe-f607-db32baa96b5b-f2aa4bb5, #w-node-b6ca107b-6145-dbde-1e5f-6ed102097930-f2aa4bb5, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bb6, #w-node-_6c6d4a21-4105-400a-0e8d-efb5041184ac-f2aa4bb6, #w-node-_8f861b39-3300-1208-d711-a2a1ca564e3b-f2aa4bb6, #w-node-c953e47b-96b5-e53b-2230-9605ead5bab5-f2aa4bb6, #w-node-_1eb9c497-45f9-e3e6-0655-c3aa0835d245-f2aa4bb6, #w-node-_15a66419-f81c-1ab6-3476-0ac1e4e5e1f1-f2aa4bb6, #w-node-_58afaa7f-6f40-6379-492e-b95b8bcec89c-f2aa4bb6, #w-node-_2a3eedf3-eeaa-b3b6-9e11-053509c52dfb-f2aa4bb6, #w-node-d6e91fe9-d1b2-febf-8607-b2ca40191145-f2aa4bb6, #w-node-_84ffa830-ce22-5c35-af4a-a9600dea4b70-f2aa4bb6, #w-node-_16a7bea7-29c1-640e-ff84-9b48d4779aa1-f2aa4bb6, #w-node-d747c4bf-ea6a-051b-8e97-dfdec972e2c4-f2aa4bb6, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bb8, #w-node-_27fb1884-fdda-cf25-9c0f-d7dc41cd3120-f2aa4bb8, #w-node-bc3a7169-4770-4c4b-2325-f032042fe464-f2aa4bb8, #w-node-e22795b3-4f63-1ea8-0678-81d204afc4a8-f2aa4bb8, #w-node-fe934102-41d3-437b-5cbd-d8b3ca3075fc-f2aa4bb8, #w-node-_2c3b2bc0-fc53-5280-a8d2-9c5ae9087dc2-f2aa4bb8, #w-node-a041113c-6cae-3f90-c378-b0991b0ca148-f2aa4bb8, #w-node-a47cfe23-6e0c-f915-dc7d-999a44011872-f2aa4bb8, #w-node-cab7cc23-0e84-8439-3376-587fad8a8fee-f2aa4bb8, #w-node-_77c6ae78-2f3f-090e-7f68-a77753ede358-f2aa4bb8, #w-node-_3d8165ee-68f0-dd0e-5fc2-84e1610d0a39-f2aa4bb8, #w-node-_9c596ef3-78c0-3143-7dfb-a890d2b39ff6-f2aa4bb8, #w-node-_6b284a42-aae1-b8ad-a347-710de36cc4cf-f2aa4bb8, #w-node-_870bc3de-7612-a454-b291-1e81cad82677-f2aa4bb8, #w-node-a4df0b6a-56e0-a190-54f1-34f5bc62c6ae-f2aa4bb8, #w-node-daf38886-2cff-6811-f49c-8b22b2ba120a-f2aa4bb8, #w-node-_78b58fac-3b74-82a3-f491-c49512a7e94b-f2aa4bb8, #w-node-_7b475b5d-dc63-f9d0-ab99-ae04c6c86b5f-f2aa4bb8, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-f2aa4bb8, #w-node-_30e13865-06b7-33d7-0622-541333087767-f2aa4bb8, #w-node-b2499d0f-a84c-a60f-4b92-a86dea1613b5-f2aa4bb8, #w-node-d676e7db-7d17-631a-8c56-3d9cd6e0163d-f2aa4bb8, #w-node-b1a7405d-52fe-3553-3c90-2eb99faf3d24-f2aa4bb8, #w-node-_0ba887ac-5d52-bc82-ed18-eac3d00251db-f2aa4bb8, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bb9, #w-node-_98d746d0-e6f8-0e4e-7e90-74c02e673d85-f2aa4bb9, #w-node-_8442f023-dfee-9c6b-2a1a-fdc29c0da3c6-f2aa4bb9, #w-node-c5a72990-e447-a918-2d4b-4e44bf2bec64-f2aa4bb9, #w-node-e492663a-eb6d-5b91-f872-1101619e70ac-f2aa4bb9, #w-node-_5f1eb4d6-6b07-1634-9d26-5f3a1380866b-f2aa4bb9, #w-node-_3645ec98-fa29-ed7b-1efb-9daab44f14e7-f2aa4bb9, #w-node-_198c385e-8cae-1310-67c1-b4ee9a2161d2-f2aa4bb9, #w-node-eeb7e9cc-e507-1c20-742d-e2b9edcf41c3-f2aa4bb9, #w-node-ef240c3a-4b1b-90a4-2900-790dd25767ff-f2aa4bb9, #w-node-_93e0df90-5395-8b88-9c55-a8b40dd0391a-f2aa4bb9, #w-node-_9a2ba136-0304-7e60-3c11-6d73344658b8-f2aa4bb9, #w-node-_2b9c8c50-721d-8e0a-90e9-723f95c67b7b-f2aa4bb9, #w-node-_00195b53-abe1-0ec0-89af-9e8532531bec-f2aa4bb9, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-f2aa4bb9, #w-node-ac94c936-a408-0cff-fac6-7861737666d3-f2aa4bb9, #w-node-_3a9e1d15-94cb-6813-78c8-525c857f1fff-f2aa4bb9, #w-node-_357358d5-f3b7-b449-6a01-1a5d19d3abcb-f2aa4bb9, #w-node-_057a9eb9-2cf7-cebe-f607-db32baa96b5b-f2aa4bb9, #w-node-b6ca107b-6145-dbde-1e5f-6ed102097930-f2aa4bb9, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bba, #w-node-_5bc523c9-bb14-37dd-6c05-8683b98d0656-f2aa4bba, #w-node-c25265ed-9f85-030c-f43b-02f6b24c91e4-f2aa4bba, #w-node-f25c0c7e-bcd5-22d5-c850-706a772de3da-f2aa4bba, #w-node-f5cbc1cf-4222-c7eb-edbb-8cbd97c006d5-f2aa4bba, #w-node-_4fa4dfcd-13c1-7bbf-57ea-e7118f06350e-f2aa4bba, #w-node-_602501fa-a09e-ddb7-6454-a3b75dbccd2d-f2aa4bba, #w-node-_582e7198-73d1-89f3-6dd7-2e3370a5967b-f2aa4bba, #w-node-_5697886b-1a49-d65f-372a-a5a9986747ef-f2aa4bba, #w-node-_07c2249d-3b8b-7511-44b3-4ac0b903277c-f2aa4bba, #w-node-cb657b4b-7e5f-b0ff-aadc-990ebec63fc8-f2aa4bba, #w-node-_5310fb8d-f077-844f-f274-f2c644c11236-f2aa4bba, #w-node-_96631e27-d346-74af-29ed-0a59ac981504-f2aa4bba, #w-node-bc999301-02af-4946-82e1-a9716efe6a93-f2aa4bba, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bbb, #w-node-d651ae65-fa51-3660-7b2a-0bf00f3d2b64-f2aa4bbb, #w-node-_20a4774f-8670-d4aa-1789-3cb8baac6f11-f2aa4bbb, #w-node-_2a188aec-e8bd-f59f-ae29-a4a6ab195f95-f2aa4bbb, #w-node-_89bd87be-4e5a-c931-5bf0-6c78ec0503b9-f2aa4bbb, #w-node-_73d73a45-6fd1-105e-1642-b2c2b8525437-f2aa4bbb, #w-node-_2160da41-d2c7-4a6c-beb7-39496d54e034-f2aa4bbb, #w-node-_3e007d2a-5eba-5bd9-be39-b8ba15ac3f4b-f2aa4bbb, #w-node-de474b59-0b89-17fe-1eb0-2efc89774c53-f2aa4bbb, #w-node-_1453844c-573d-0dc5-81e3-47338eff45a9-f2aa4bbb, #w-node-ace15450-f98a-d32d-a4f2-37d10803ae7c-f2aa4bbb, #w-node-_08d6b108-9a64-c077-3574-b3ea0ecbeac1-f2aa4bbb, #w-node-abe0e64a-1292-4c1f-43ee-c7ee9735a332-f2aa4bbb, #w-node-b3b3df26-fb6a-d796-7691-510866e96d6d-f2aa4bbb, #w-node-_13e6ca8a-139b-31f5-fba2-9c0a3c5d3cc4-f2aa4bbb, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bbc, #w-node-a95cd042-1e5d-d537-007a-dd9c4e2deb0a-f2aa4bbc, #w-node-_40f8a849-5b92-cd67-8d3b-16cced356c75-f2aa4bbc, #w-node-d43c9953-7a0c-802c-19c3-baf1cc70f09f-f2aa4bbc, #w-node-cca451b7-d694-827b-f61e-09be16016e0f-f2aa4bbc, #w-node-_48cf83e9-1d98-b25a-fed7-51e4ec828170-f2aa4bbc, #w-node-b6fe996d-3352-9793-c595-ddf60622dbe4-f2aa4bbc, #w-node-_17c634cb-b540-fc59-9faf-31c9f87d7f63-f2aa4bbc, #w-node-_3077d7b3-6057-4437-dcf1-7a135ad17de4-f2aa4bbc, #w-node-b16ed26c-500b-7866-0b4d-de6f18412324-f2aa4bbc, #w-node-_57160225-5d7f-9fa0-1374-aaa98a135999-f2aa4bbc, #w-node-_63d3e62a-f136-8a84-0a6e-9611498ec373-f2aa4bbc, #w-node-_1453844c-573d-0dc5-81e3-47338eff45a9-f2aa4bbc, #w-node-_73b0b221-6c04-3897-afab-b515cb8c7ec9-f2aa4bbc, #w-node-e280666d-258f-5d97-7999-6af32879ae2b-f2aa4bbc, #w-node-_2f5ae72c-8b6e-c11f-702e-3867d6ff0c07-f2aa4bbc, #w-node-bd6911bc-333f-2f6d-0fe0-2b82363f9934-f2aa4bbc, #w-node-_7b737012-3237-7706-eba7-9728ce3ace1d-f2aa4bbc, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bbd, #w-node-a3a6b310-8fc4-c3ca-740c-65932d21c9cc-f2aa4bbd, #w-node-f2006263-bc4a-26d8-fe2b-3977437ec703-f2aa4bbd, #w-node-c22290b7-1959-7b5d-2e1a-8793aef65b1f-f2aa4bbd, #w-node-_4105fcc2-ed17-3a49-1fbe-35a7c04190d2-f2aa4bbd, #w-node-_25e1dd2d-8c8f-234e-f207-465214058e72-f2aa4bbd, #w-node-e8e687ac-ed0f-1108-1e2b-f40c5118eb85-f2aa4bbd, #w-node-ff0f09f2-1f91-e9e3-6b9c-a36ec6df523f-f2aa4bbd, #w-node-_9d53bca2-0180-c7fe-4d15-edcc5af93361-f2aa4bbd, #w-node-c82db2e2-ab40-f8f9-67de-df5dcdd96888-f2aa4bbd, #w-node-_3416fd98-34ae-ec06-488a-32ca4e543710-f2aa4bbd, #w-node-_682083cb-b298-b3a2-2ace-619cd5e88ed3-f2aa4bbd, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-f2aa4bbd, #w-node-a5027bf4-ba7f-c031-4f42-fc408e72e31c-f2aa4bbd, #w-node-a31070be-7dc0-6254-965e-98ee87b7c386-f2aa4bbd, #w-node-_7ad0bca5-a320-54e5-d552-b82276dab725-f2aa4bbd, #w-node-_94de89e9-b287-0a98-3db9-a54d591d6640-f2aa4bbd, #w-node-_1574a22f-fb0a-580c-fe2e-0663479e7312-f2aa4bbd, #w-node-_18529a1c-b4ca-fe7f-68ca-6d6b87076da8-f2aa4bbe, #w-node-_7a2c08f2-e8c9-50b5-a44a-43070857a77c-f2aa4bbe, #w-node-_968e4740-5ef8-cbdc-df7c-8412fab0defa-f2aa4bbe, #w-node-a7efc26b-b346-7718-5b3e-7bb0819bf8f9-f2aa4bbe, #w-node-_0483b9aa-5a52-2fbe-d88b-9bf07d7a0fc1-f2aa4bbe, #w-node-_680ea0b3-5383-9367-df49-a5a7a480d050-f2aa4bbe, #w-node-dde44c95-995a-d719-3f72-0f990111469f-f2aa4bbe, #w-node-_2f6c390d-774f-d45a-843b-858fd41eaf4a-f2aa4bbe, #w-node-_2629c778-72b7-fe70-7ee9-90858a78a2ac-f2aa4bbe, #w-node-_48fc2036-a33d-2f64-e549-601c844bdc9c-f2aa4bbe, #w-node-e6b9b89c-9b7c-3b66-8967-5922ba4b5810-f2aa4bbe, #w-node-a05a624e-522a-c35d-aa3c-577d7b5a843a-f2aa4bbe, #w-node-_3473fba5-71e8-8e6a-4250-b16b353f9883-f2aa4bbe, #w-node-ccbec6d5-7c2f-8b52-508f-4a72c8d5fcae-f2aa4bbe, #w-node-a5496755-e3f7-a29d-4d0e-23513beba4c1-f2aa4bbe, #w-node-c6e4314b-ae87-a4f3-e577-093f8c220c0c-f2aa4bbe, #w-node-_12b8519f-95f5-f3b1-558d-c7172b88b94a-f2aa4bbe, #w-node-_2a282214-1afe-7c7e-9174-09cffa377f8f-f2aa4bbe, #w-node-e3850053-0bcf-b91a-6037-cd345066944e-f2aa4bbe, #w-node-_6ba50151-e30d-3381-19fd-c6ade2afa809-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9bdfd-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9bdfe-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be06-f2aa4bbe, #w-node-_073cba5e-4950-a1ee-54f2-1e9274568991-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be0e-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be16-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be1a-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be1c-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be20-f2aa4bbe, #w-node-_373ad4a6-409d-f914-2ccb-3ae077739122-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be22-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be27-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be29-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be2d-f2aa4bbe, #w-node-_07ccaf72-ded0-ed5b-6757-df39efd4aab8-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be30-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be35-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be37-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be3b-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be4b-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be3e-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be43-f2aa4bbe, #w-node-_04406296-364b-274a-e20e-68fe30d9be46-f2aa4bbe, #w-node-_19265e5b-635f-9c8c-336e-537799b877c4-f2aa4bbe, #w-node-a22ceb57-54f0-82eb-d1ee-1b0576e49148-f2aa4bbe, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bbf, #w-node-_5042fe91-cbfa-05c2-c11e-50aa570e3d39-f2aa4bbf, #w-node-e9a96259-ead5-04c1-31a1-854403d36fd2-f2aa4bbf, #w-node-d65a6717-5bb8-259e-1959-f01ecd35edac-f2aa4bbf, #w-node-_3ba2cfe1-ed95-7d95-da3b-dabd726ab453-f2aa4bbf, #w-node-bdb65cfd-0568-7550-dec6-dc1e0d75ef63-f2aa4bbf, #w-node-e8e687ac-ed0f-1108-1e2b-f40c5118eb85-f2aa4bbf, #w-node-ff0f09f2-1f91-e9e3-6b9c-a36ec6df523f-f2aa4bbf, #w-node-_9d53bca2-0180-c7fe-4d15-edcc5af93361-f2aa4bbf, #w-node-c82db2e2-ab40-f8f9-67de-df5dcdd96888-f2aa4bbf, #w-node-_3416fd98-34ae-ec06-488a-32ca4e543710-f2aa4bbf, #w-node-_682083cb-b298-b3a2-2ace-619cd5e88ed3-f2aa4bbf, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-f2aa4bbf, #w-node-a5027bf4-ba7f-c031-4f42-fc408e72e31c-f2aa4bbf, #w-node-a31070be-7dc0-6254-965e-98ee87b7c386-f2aa4bbf, #w-node-_7ad0bca5-a320-54e5-d552-b82276dab725-f2aa4bbf, #w-node-_94de89e9-b287-0a98-3db9-a54d591d6640-f2aa4bbf, #w-node-_1574a22f-fb0a-580c-fe2e-0663479e7312-f2aa4bbf, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bc3, #w-node-ec3b89d7-59a7-10df-1a7e-d5a4da7a8859-f2aa4bc3, #w-node-_315e9e45-eb2f-ed7a-3a95-14f5f7d9c6be-f2aa4bc3, #w-node-_61d9dc26-e186-5eb5-fe2a-5d9730dce887-f2aa4bc3, #w-node-_6a8b4dcb-71bb-3744-30c7-d5bdffda8222-f2aa4bc3, #w-node-db7ea8d4-7552-8eca-545b-b65ae3a89ec2-f2aa4bc3, #w-node-e03a350d-4859-e97e-840a-16e20b1380b1-f2aa4bc3, #w-node-_2e7736ce-3240-307d-b7da-80873470b06f-f2aa4bc3, #w-node-_20346565-308a-76cc-805c-fab649772612-f2aa4bc3, #w-node-_83230715-57e4-0af3-709c-a22c126b983f-f2aa4bc3, #w-node-_1cc7ccea-86aa-469b-7415-f6c79845e241-f2aa4bc3, #w-node-_2addb656-9ed0-fce4-cd80-b96ce6f02cf2-f2aa4bc3, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a2f-f2aa4bc5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a35-f2aa4bc5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a3b-f2aa4bc5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a41-f2aa4bc5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a47-f2aa4bc5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a4d-f2aa4bc5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a2f-f2aa4bc6, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a35-f2aa4bc6, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a3b-f2aa4bc6, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a41-f2aa4bc6, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a47-f2aa4bc6, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a4d-f2aa4bc6, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-f2aa4bc6, #w-node-ac94c936-a408-0cff-fac6-7861737666d3-f2aa4bc6, #w-node-_3a9e1d15-94cb-6813-78c8-525c857f1fff-f2aa4bc6, #w-node-_357358d5-f3b7-b449-6a01-1a5d19d3abcb-f2aa4bc6, #w-node-_057a9eb9-2cf7-cebe-f607-db32baa96b5b-f2aa4bc6, #w-node-b6ca107b-6145-dbde-1e5f-6ed102097930-f2aa4bc6, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-f2aa4bc7, #w-node-_88949cf1-63b0-c778-7cfc-cb99cb1f43ae-f2aa4bc7, #w-node-d10f12c2-a1d4-774c-fd20-2499295e34f9-f2aa4bc7, #w-node-_6a0b1eff-0175-420e-b5c7-546c621e15b8-f2aa4bc7, #w-node-_7e560777-e4ad-6b7a-5585-e8ba1e2c27ed-f2aa4bc7, #w-node-_711328e9-4d74-1c65-eef3-67cbbfb5cc30-f2aa4bc7, #w-node-_8998ce9a-bf97-beb7-a4ec-c3dbe7fd96a3-f2aa4bc7, #w-node-_8998ce9a-bf97-beb7-a4ec-c3dbe7fd96a9-f2aa4bc7, #w-node-_8998ce9a-bf97-beb7-a4ec-c3dbe7fd96af-f2aa4bc7, #w-node-_8998ce9a-bf97-beb7-a4ec-c3dbe7fd96b5-f2aa4bc7, #w-node-_8998ce9a-bf97-beb7-a4ec-c3dbe7fd96bb-f2aa4bc7, #w-node-_8998ce9a-bf97-beb7-a4ec-c3dbe7fd96c1-f2aa4bc7, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-f2aa4bc7, #w-node-ac94c936-a408-0cff-fac6-7861737666d3-f2aa4bc7, #w-node-_3a9e1d15-94cb-6813-78c8-525c857f1fff-f2aa4bc7, #w-node-_357358d5-f3b7-b449-6a01-1a5d19d3abcb-f2aa4bc7, #w-node-_057a9eb9-2cf7-cebe-f607-db32baa96b5b-f2aa4bc7, #w-node-b6ca107b-6145-dbde-1e5f-6ed102097930-f2aa4bc7, #w-node-cccdb614-d6c3-2dad-286f-d14a369c804b-873fcbd8, #w-node-c6a6b1b4-c200-50a5-2b9d-44b7d95e6dc3-873fcbd8, #w-node-_04bd42e5-4024-603e-7e9f-5528a74bc01f-873fcbd8, #w-node-_3a8fd33f-cfbe-e7e9-8153-640ef156ae96-873fcbd8, #w-node-_9a21270a-51a4-f884-125b-d3d3e8421929-873fcbd8, #w-node-c03adcc5-d31c-9a62-4dd9-0ff06bfa2d12-873fcbd8, #w-node-_86ffd9da-a6e2-dff2-7bb7-3fd8f3235f36-873fcbd8, #w-node-f6cffbf7-d00e-9da6-f715-9a033036934a-873fcbd8, #w-node-abf4e4b4-46ab-3085-2ba7-c04fd03a28ec-873fcbd8, #w-node-_5bd76dd6-805b-ec52-cb0e-9887883a4e4a-873fcbd8, #w-node-fe72f8f7-9ee5-679e-c4fd-2e687b79c619-873fcbd8, #w-node-_5b97c0de-bfb1-7f4b-e093-8f83b816a527-873fcbd8, #w-node-_2cb1af58-ca2c-8958-9fc6-e2b013abd831-873fcbd8, #w-node-_5cb6d908-a324-1a13-27df-78f1ba3b2ba2-873fcbd8, #w-node-ac24ea1d-85a4-438c-5b61-acbef2b62752-873fcbd8, #w-node-_77db9a80-f11a-3dae-6bf1-1cc4daa6ab85-873fcbd8, #w-node-dd0bf381-85c2-a48f-e8e0-7d788a935856-873fcbd8, #w-node-_8d2b02d7-d31c-b34d-083c-e5777ab4fcb4-873fcbd8, #w-node-_5db0d328-2ef2-f023-2800-9d591c7ed006-873fcbd8, #w-node-f0c9fa2d-b432-ecf8-8fff-dfdfe750da2c-873fcbd8, #w-node-a043365a-f39f-421f-2159-1f96961e6aab-873fcbd8, #w-node-e2c1f32d-7dbd-dffc-8406-3c17111a115c-873fcbd8, #w-node-df0ca9fd-253d-5883-9504-59f60fafdeb1-873fcbd8, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-6426e1f5, #w-node-_88949cf1-63b0-c778-7cfc-cb99cb1f43ae-6426e1f5, #w-node-d10f12c2-a1d4-774c-fd20-2499295e34f9-6426e1f5, #w-node-_6a0b1eff-0175-420e-b5c7-546c621e15b8-6426e1f5, #w-node-_7e560777-e4ad-6b7a-5585-e8ba1e2c27ed-6426e1f5, #w-node-_711328e9-4d74-1c65-eef3-67cbbfb5cc30-6426e1f5, #w-node-_5c67cb49-54b2-4fb2-cd95-3e36cfe7b685-6426e1f5, #w-node-_87010700-ad5c-186a-99c8-b7bc179f2f76-6426e1f5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a2f-6426e1f5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a35-6426e1f5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a3b-6426e1f5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a41-6426e1f5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a47-6426e1f5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a4d-6426e1f5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a53-6426e1f5, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a5a-6426e1f5, #w-node-cbf9f1be-3cb5-4bf0-c7fc-ec0264ac2db1-6426e1f5, #w-node-_6bb242d9-8785-8e25-ee95-ae78c430427e-6426e1f5, #w-node-_2f8bd5d9-31e0-1421-9650-9331dd82f7c1-6426e1f5, #w-node-dcad426b-271c-78f7-8457-04a4684a9510-6426e1f5, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-6426e1f5, #w-node-ac94c936-a408-0cff-fac6-7861737666d3-6426e1f5, #w-node-_3a9e1d15-94cb-6813-78c8-525c857f1fff-6426e1f5, #w-node-_357358d5-f3b7-b449-6a01-1a5d19d3abcb-6426e1f5, #w-node-_057a9eb9-2cf7-cebe-f607-db32baa96b5b-6426e1f5, #w-node-b6ca107b-6145-dbde-1e5f-6ed102097930-6426e1f5, #w-node-c78f6c71-cbb6-b541-0db9-5a80fdaffc05-9f8f1446, #w-node-_2c4ee9ca-8a88-76f6-130e-582b0d099f5a-9f8f1446, #w-node-_2fef4f4b-47d3-5946-c29d-cb665d7e5abf-9f8f1446, #w-node-c78e0f90-8310-7bd9-93d1-3d929c1c2814-9f8f1446, #w-node-_37aeb625-c37c-fe83-eef1-a0a182b78a92-9f8f1446, #w-node-_03a9b865-4ddc-fc76-c0c0-7ae67f30ffd1-9f8f1446, #w-node-b1a71e5d-bd7a-50bb-0d80-819cf6122fdc-9f8f1446, #w-node-_4c361cee-c1be-855c-f480-9845b19de0ae-9f8f1446, #w-node-b35b14f1-e4b4-3c7e-16e7-f2b059b12730-9f8f1446, #w-node-_563d2a06-a8d4-0eb4-5891-c4d2d7439adf-9f8f1446, #w-node-d3c83357-c2c8-75fb-a73e-db92fa14b306-9f8f1446, #w-node-_67756e5d-185e-c7ba-a748-633c121a686a-9f8f1446, #w-node-_2cf525c2-570e-8ef3-eeb3-036b2808b478-9f8f1446, #w-node-_0318dca1-343a-dd95-2fc2-2c1b84829f8b-9f8f1446, #w-node-_983901b0-6e8d-2b3a-ecce-593f24cc0227-9f8f1446, #w-node-_3cae1887-9e10-a9b0-a949-ec51c8be935b-9f8f1446, #w-node-_9e4829d5-8d8d-818b-2f50-62521357e07f-9f8f1446, #w-node-ff2232fc-f9b7-4923-ed67-bdad56b81b2a-9f8f1446, #w-node-_1803966a-d080-b36c-31c0-9bf73d9eeb84-9f8f1446, #w-node-_8f4a0511-8beb-2a90-2640-287f05823e1b-9f8f1446, #w-node-_7bd8bbf2-070e-a294-01f8-df204a14c5e6-9f8f1446, #w-node-_696cbb6a-8b50-24b3-02a9-7a81d04f1f7f-9f8f1446, #w-node-_50fc086e-221f-aa39-38a2-9e38a2d00c7e-9f8f1446, #w-node-_770d36fd-4e6d-33b3-2511-34169eb5529c-9f8f1446, #w-node-_0d4f5752-f25e-7aa9-9612-9fcdc46243d4-9f8f1446, #w-node-_370624b7-4dd5-f757-a86b-9a4136f0535a-9f8f1446, #w-node-_930d6ebb-0568-7fec-075f-d758feb88e67-9f8f1446, #w-node-_5cfacf60-d9a1-58ef-8b51-3111e5681c44-9f8f1446, #w-node-_74b53583-e6f0-7335-30c5-14de6946c23e-9f8f1446, #w-node-cd756b39-be10-a18e-b550-c7aca3384da3-9f8f1446, #w-node-b66fdb01-a671-626f-2aff-4624bc2a49ed-9f8f1446, #w-node-_17a3cf68-5ce9-5652-d3b6-f41735fedbba-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1760-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1762-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1764-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1766-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1768-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df176a-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df176c-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df176e-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1770-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1772-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1774-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1776-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1778-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df177a-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df177c-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df177e-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1780-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1782-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1784-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1786-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1788-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df178a-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df178c-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df178e-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1790-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1792-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1794-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1796-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df1798-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df179a-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df179c-9f8f1446, #w-node-_2ec8e055-41f7-eb5c-340b-dd7772df179e-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3835-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3837-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3839-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c383b-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c383d-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c383f-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3841-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3843-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3845-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3847-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3849-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c384b-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c384d-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c384f-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3851-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3853-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3855-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3857-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3859-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c385b-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c385d-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c385f-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3861-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3863-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3865-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3867-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3869-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c386b-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c386d-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c386f-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3871-9f8f1446, #w-node-_87d07d5c-5ac1-5149-c8c4-8d96ea2c3873-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d83822c-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d83822e-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838230-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838232-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838234-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838236-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838238-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d83823a-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d83823c-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d83823e-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838240-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838242-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838244-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838246-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838248-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d83824a-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d83824c-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d83824e-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838250-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838252-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838254-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838256-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838258-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d83825a-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d83825c-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d83825e-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838260-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838262-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838264-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838266-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d838268-9f8f1446, #w-node-ee3355f9-6fee-779a-35cc-e1441d83826a-9f8f1446, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-9ba4476e, #w-node-_88949cf1-63b0-c778-7cfc-cb99cb1f43ae-9ba4476e, #w-node-d10f12c2-a1d4-774c-fd20-2499295e34f9-9ba4476e, #w-node-_6a0b1eff-0175-420e-b5c7-546c621e15b8-9ba4476e, #w-node-_7e560777-e4ad-6b7a-5585-e8ba1e2c27ed-9ba4476e, #w-node-_711328e9-4d74-1c65-eef3-67cbbfb5cc30-9ba4476e, #w-node-_5c67cb49-54b2-4fb2-cd95-3e36cfe7b685-9ba4476e, #w-node-_87010700-ad5c-186a-99c8-b7bc179f2f76-9ba4476e, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a2f-9ba4476e, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a35-9ba4476e, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a3b-9ba4476e, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a41-9ba4476e, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a47-9ba4476e, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a4d-9ba4476e, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a53-9ba4476e, #w-node-dcad426b-271c-78f7-8457-04a4684a9510-9ba4476e, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-9ba4476e, #w-node-ac94c936-a408-0cff-fac6-7861737666d3-9ba4476e, #w-node-_3a9e1d15-94cb-6813-78c8-525c857f1fff-9ba4476e, #w-node-_357358d5-f3b7-b449-6a01-1a5d19d3abcb-9ba4476e, #w-node-_057a9eb9-2cf7-cebe-f607-db32baa96b5b-9ba4476e, #w-node-b6ca107b-6145-dbde-1e5f-6ed102097930-9ba4476e, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a2f-27bb1380, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a35-27bb1380, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a3b-27bb1380, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a41-27bb1380, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a47-27bb1380, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a4d-27bb1380, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-27bb1380, #w-node-ac94c936-a408-0cff-fac6-7861737666d3-27bb1380, #w-node-_3a9e1d15-94cb-6813-78c8-525c857f1fff-27bb1380, #w-node-_357358d5-f3b7-b449-6a01-1a5d19d3abcb-27bb1380, #w-node-_057a9eb9-2cf7-cebe-f607-db32baa96b5b-27bb1380, #w-node-b6ca107b-6145-dbde-1e5f-6ed102097930-27bb1380, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a2f-2811cac3, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a35-2811cac3, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a3b-2811cac3, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a41-2811cac3, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a47-2811cac3, #w-node-_4c175cba-d4ba-dc7e-9894-1c4570ae9a4d-2811cac3, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-9e3d83a8, #w-node-ec6f1d66-0b15-b42e-bda2-5f875072367d-9e3d83a8, #w-node-b12ccecb-d132-c939-65fe-c1ebc06c94d7-9e3d83a8, #w-node-_1b3c1459-592f-2e31-bcd4-e5aa736fbc3b-9e3d83a8, #w-node-_20a6ebe9-6ba8-80ad-a29e-bdbf5ad64d7e-9e3d83a8, #w-node-_89b340eb-14b9-d12f-0e6e-6c2c1a7709ac-9e3d83a8, #w-node-_66ce5e83-f0d9-b255-441a-cd3f8c2d05f2-9e3d83a8, #w-node-_1b3c1459-592f-2e31-bcd4-e5aa736fbc41-9e3d83a8, #w-node-_1b3c1459-592f-2e31-bcd4-e5aa736fbc47-9e3d83a8, #w-node-_6ea253c6-8dd0-7b03-718b-d3cf175f9a8a-9e3d83a8, #w-node-_6ea253c6-8dd0-7b03-718b-d3cf175f9a9a-9e3d83a8, #w-node-_6ea253c6-8dd0-7b03-718b-d3cf175f9aaa-9e3d83a8, #w-node-_6ea253c6-8dd0-7b03-718b-d3cf175f9aba-9e3d83a8, #w-node-_6ea253c6-8dd0-7b03-718b-d3cf175f9aca-9e3d83a8, #w-node-_6ea253c6-8dd0-7b03-718b-d3cf175f9ada-9e3d83a8, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-9885e389, #w-node-_88949cf1-63b0-c778-7cfc-cb99cb1f43ae-9885e389, #w-node-d10f12c2-a1d4-774c-fd20-2499295e34f9-9885e389, #w-node-_6a0b1eff-0175-420e-b5c7-546c621e15b8-9885e389, #w-node-_7e560777-e4ad-6b7a-5585-e8ba1e2c27ed-9885e389, #w-node-_711328e9-4d74-1c65-eef3-67cbbfb5cc30-9885e389, #w-node-_8998ce9a-bf97-beb7-a4ec-c3dbe7fd96a3-9885e389, #w-node-_8998ce9a-bf97-beb7-a4ec-c3dbe7fd96a9-9885e389, #w-node-_8998ce9a-bf97-beb7-a4ec-c3dbe7fd96af-9885e389, #w-node-_8998ce9a-bf97-beb7-a4ec-c3dbe7fd96b5-9885e389, #w-node-_8998ce9a-bf97-beb7-a4ec-c3dbe7fd96bb-9885e389, #w-node-_8998ce9a-bf97-beb7-a4ec-c3dbe7fd96c1-9885e389, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-9885e389, #w-node-ac94c936-a408-0cff-fac6-7861737666d3-9885e389, #w-node-_3a9e1d15-94cb-6813-78c8-525c857f1fff-9885e389, #w-node-_357358d5-f3b7-b449-6a01-1a5d19d3abcb-9885e389, #w-node-_057a9eb9-2cf7-cebe-f607-db32baa96b5b-9885e389, #w-node-b6ca107b-6145-dbde-1e5f-6ed102097930-9885e389, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-58852794, #w-node-_98d746d0-e6f8-0e4e-7e90-74c02e673d85-58852794, #w-node-_8442f023-dfee-9c6b-2a1a-fdc29c0da3c6-58852794, #w-node-c5a72990-e447-a918-2d4b-4e44bf2bec64-58852794, #w-node-e492663a-eb6d-5b91-f872-1101619e70ac-58852794, #w-node-_5f1eb4d6-6b07-1634-9d26-5f3a1380866b-58852794, #w-node-_3645ec98-fa29-ed7b-1efb-9daab44f14e7-58852794, #w-node-_198c385e-8cae-1310-67c1-b4ee9a2161d2-58852794, #w-node-eeb7e9cc-e507-1c20-742d-e2b9edcf41c3-58852794, #w-node-ef240c3a-4b1b-90a4-2900-790dd25767ff-58852794, #w-node-_93e0df90-5395-8b88-9c55-a8b40dd0391a-58852794, #w-node-_9a2ba136-0304-7e60-3c11-6d73344658b8-58852794, #w-node-_2b9c8c50-721d-8e0a-90e9-723f95c67b7b-58852794, #w-node-_00195b53-abe1-0ec0-89af-9e8532531bec-58852794, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-58852794, #w-node-ac94c936-a408-0cff-fac6-7861737666d3-58852794, #w-node-_3a9e1d15-94cb-6813-78c8-525c857f1fff-58852794, #w-node-_357358d5-f3b7-b449-6a01-1a5d19d3abcb-58852794, #w-node-_057a9eb9-2cf7-cebe-f607-db32baa96b5b-58852794, #w-node-b6ca107b-6145-dbde-1e5f-6ed102097930-58852794, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-027e6d9e, #w-node-_5042fe91-cbfa-05c2-c11e-50aa570e3d39-027e6d9e, #w-node-e9a96259-ead5-04c1-31a1-854403d36fd2-027e6d9e, #w-node-d65a6717-5bb8-259e-1959-f01ecd35edac-027e6d9e, #w-node-_3ba2cfe1-ed95-7d95-da3b-dabd726ab453-027e6d9e, #w-node-bdb65cfd-0568-7550-dec6-dc1e0d75ef63-027e6d9e, #w-node-e8e687ac-ed0f-1108-1e2b-f40c5118eb85-027e6d9e, #w-node-ff0f09f2-1f91-e9e3-6b9c-a36ec6df523f-027e6d9e, #w-node-_9d53bca2-0180-c7fe-4d15-edcc5af93361-027e6d9e, #w-node-c82db2e2-ab40-f8f9-67de-df5dcdd96888-027e6d9e, #w-node-_3416fd98-34ae-ec06-488a-32ca4e543710-027e6d9e, #w-node-_682083cb-b298-b3a2-2ace-619cd5e88ed3-027e6d9e, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-027e6d9e, #w-node-a5027bf4-ba7f-c031-4f42-fc408e72e31c-027e6d9e, #w-node-a31070be-7dc0-6254-965e-98ee87b7c386-027e6d9e, #w-node-_7ad0bca5-a320-54e5-d552-b82276dab725-027e6d9e, #w-node-_94de89e9-b287-0a98-3db9-a54d591d6640-027e6d9e, #w-node-_1574a22f-fb0a-580c-fe2e-0663479e7312-027e6d9e, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-080f2819, #w-node-_27fb1884-fdda-cf25-9c0f-d7dc41cd3120-080f2819, #w-node-bc3a7169-4770-4c4b-2325-f032042fe464-080f2819, #w-node-e22795b3-4f63-1ea8-0678-81d204afc4a8-080f2819, #w-node-fe934102-41d3-437b-5cbd-d8b3ca3075fc-080f2819, #w-node-_2c3b2bc0-fc53-5280-a8d2-9c5ae9087dc2-080f2819, #w-node-a041113c-6cae-3f90-c378-b0991b0ca148-080f2819, #w-node-a47cfe23-6e0c-f915-dc7d-999a44011872-080f2819, #w-node-cab7cc23-0e84-8439-3376-587fad8a8fee-080f2819, #w-node-_77c6ae78-2f3f-090e-7f68-a77753ede358-080f2819, #w-node-_3d8165ee-68f0-dd0e-5fc2-84e1610d0a39-080f2819, #w-node-_9c596ef3-78c0-3143-7dfb-a890d2b39ff6-080f2819, #w-node-_6b284a42-aae1-b8ad-a347-710de36cc4cf-080f2819, #w-node-_870bc3de-7612-a454-b291-1e81cad82677-080f2819, #w-node-a4df0b6a-56e0-a190-54f1-34f5bc62c6ae-080f2819, #w-node-daf38886-2cff-6811-f49c-8b22b2ba120a-080f2819, #w-node-_78b58fac-3b74-82a3-f491-c49512a7e94b-080f2819, #w-node-_7b475b5d-dc63-f9d0-ab99-ae04c6c86b5f-080f2819, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-080f2819, #w-node-_30e13865-06b7-33d7-0622-541333087767-080f2819, #w-node-b2499d0f-a84c-a60f-4b92-a86dea1613b5-080f2819, #w-node-d676e7db-7d17-631a-8c56-3d9cd6e0163d-080f2819, #w-node-b1a7405d-52fe-3553-3c90-2eb99faf3d24-080f2819, #w-node-_0ba887ac-5d52-bc82-ed18-eac3d00251db-080f2819, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-55971bd3, #w-node-_5bc523c9-bb14-37dd-6c05-8683b98d0656-55971bd3, #w-node-c25265ed-9f85-030c-f43b-02f6b24c91e4-55971bd3, #w-node-f25c0c7e-bcd5-22d5-c850-706a772de3da-55971bd3, #w-node-f5cbc1cf-4222-c7eb-edbb-8cbd97c006d5-55971bd3, #w-node-_4fa4dfcd-13c1-7bbf-57ea-e7118f06350e-55971bd3, #w-node-_602501fa-a09e-ddb7-6454-a3b75dbccd2d-55971bd3, #w-node-_582e7198-73d1-89f3-6dd7-2e3370a5967b-55971bd3, #w-node-_5697886b-1a49-d65f-372a-a5a9986747ef-55971bd3, #w-node-_07c2249d-3b8b-7511-44b3-4ac0b903277c-55971bd3, #w-node-cb657b4b-7e5f-b0ff-aadc-990ebec63fc8-55971bd3, #w-node-_5310fb8d-f077-844f-f274-f2c644c11236-55971bd3, #w-node-_96631e27-d346-74af-29ed-0a59ac981504-55971bd3, #w-node-bc999301-02af-4946-82e1-a9716efe6a93-55971bd3, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-93770daa, #w-node-a95cd042-1e5d-d537-007a-dd9c4e2deb0a-93770daa, #w-node-_40f8a849-5b92-cd67-8d3b-16cced356c75-93770daa, #w-node-d43c9953-7a0c-802c-19c3-baf1cc70f09f-93770daa, #w-node-cca451b7-d694-827b-f61e-09be16016e0f-93770daa, #w-node-_48cf83e9-1d98-b25a-fed7-51e4ec828170-93770daa, #w-node-b6fe996d-3352-9793-c595-ddf60622dbe4-93770daa, #w-node-_17c634cb-b540-fc59-9faf-31c9f87d7f63-93770daa, #w-node-_3077d7b3-6057-4437-dcf1-7a135ad17de4-93770daa, #w-node-b16ed26c-500b-7866-0b4d-de6f18412324-93770daa, #w-node-_57160225-5d7f-9fa0-1374-aaa98a135999-93770daa, #w-node-_63d3e62a-f136-8a84-0a6e-9611498ec373-93770daa, #w-node-_1453844c-573d-0dc5-81e3-47338eff45a9-93770daa, #w-node-_73b0b221-6c04-3897-afab-b515cb8c7ec9-93770daa, #w-node-e280666d-258f-5d97-7999-6af32879ae2b-93770daa, #w-node-_2f5ae72c-8b6e-c11f-702e-3867d6ff0c07-93770daa, #w-node-bd6911bc-333f-2f6d-0fe0-2b82363f9934-93770daa, #w-node-_7b737012-3237-7706-eba7-9728ce3ace1d-93770daa, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-05f5183b, #w-node-_820dff87-cef1-d882-5029-a8b4ccbe9115-05f5183b, #w-node-dd32830d-0202-24b1-cd21-5116af176e93-05f5183b, #w-node-a896bc09-e370-f0ec-0a02-e63323e439a6-05f5183b, #w-node-caac2cc4-68f0-3d7a-55ee-d73a98496cfb-05f5183b, #w-node-_73481b66-4d62-7478-c724-e406c59f7393-05f5183b, #w-node-c70ab4a0-9666-0d5d-a9ab-2e92b82e9fc0-05f5183b, #w-node-_993f9c92-bf10-b401-fab6-a2610ba9517d-05f5183b, #w-node-_9b5d00ba-bc36-8e15-4fa0-393ddd625323-05f5183b, #w-node-_16cef661-e6b4-4c1a-e137-3eb46a4ad794-05f5183b, #w-node-a54688a9-2375-5174-a4ae-dcac378f871d-05f5183b, #w-node-d4faa338-4010-fb23-7c5b-0dd8bb5620e5-05f5183b, #w-node-_419fa692-a17b-0d45-f423-68e6a2c7357c-05f5183b, #w-node-_30e13865-06b7-33d7-0622-541333087767-05f5183b, #w-node-b2499d0f-a84c-a60f-4b92-a86dea1613b5-05f5183b, #w-node-d676e7db-7d17-631a-8c56-3d9cd6e0163d-05f5183b, #w-node-b1a7405d-52fe-3553-3c90-2eb99faf3d24-05f5183b, #w-node-_0ba887ac-5d52-bc82-ed18-eac3d00251db-05f5183b, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-7bb30722, #w-node-ec3b89d7-59a7-10df-1a7e-d5a4da7a8859-7bb30722, #w-node-_315e9e45-eb2f-ed7a-3a95-14f5f7d9c6be-7bb30722, #w-node-_61d9dc26-e186-5eb5-fe2a-5d9730dce887-7bb30722, #w-node-_6a8b4dcb-71bb-3744-30c7-d5bdffda8222-7bb30722, #w-node-db7ea8d4-7552-8eca-545b-b65ae3a89ec2-7bb30722, #w-node-e03a350d-4859-e97e-840a-16e20b1380b1-7bb30722, #w-node-_2e7736ce-3240-307d-b7da-80873470b06f-7bb30722, #w-node-_20346565-308a-76cc-805c-fab649772612-7bb30722, #w-node-_83230715-57e4-0af3-709c-a22c126b983f-7bb30722, #w-node-_1cc7ccea-86aa-469b-7415-f6c79845e241-7bb30722, #w-node-_2addb656-9ed0-fce4-cd80-b96ce6f02cf2-7bb30722, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-8f698919, #w-node-_6c6d4a21-4105-400a-0e8d-efb5041184ac-8f698919, #w-node-_8f861b39-3300-1208-d711-a2a1ca564e3b-8f698919, #w-node-c953e47b-96b5-e53b-2230-9605ead5bab5-8f698919, #w-node-_1eb9c497-45f9-e3e6-0655-c3aa0835d245-8f698919, #w-node-_15a66419-f81c-1ab6-3476-0ac1e4e5e1f1-8f698919, #w-node-_58afaa7f-6f40-6379-492e-b95b8bcec89c-8f698919, #w-node-_2a3eedf3-eeaa-b3b6-9e11-053509c52dfb-8f698919, #w-node-d6e91fe9-d1b2-febf-8607-b2ca40191145-8f698919, #w-node-_84ffa830-ce22-5c35-af4a-a9600dea4b70-8f698919, #w-node-_16a7bea7-29c1-640e-ff84-9b48d4779aa1-8f698919, #w-node-d747c4bf-ea6a-051b-8e97-dfdec972e2c4-8f698919, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-6cda3d6d, #w-node-d651ae65-fa51-3660-7b2a-0bf00f3d2b64-6cda3d6d, #w-node-_20a4774f-8670-d4aa-1789-3cb8baac6f11-6cda3d6d, #w-node-_2a188aec-e8bd-f59f-ae29-a4a6ab195f95-6cda3d6d, #w-node-_89bd87be-4e5a-c931-5bf0-6c78ec0503b9-6cda3d6d, #w-node-_73d73a45-6fd1-105e-1642-b2c2b8525437-6cda3d6d, #w-node-_2160da41-d2c7-4a6c-beb7-39496d54e034-6cda3d6d, #w-node-_3e007d2a-5eba-5bd9-be39-b8ba15ac3f4b-6cda3d6d, #w-node-de474b59-0b89-17fe-1eb0-2efc89774c53-6cda3d6d, #w-node-_1453844c-573d-0dc5-81e3-47338eff45a9-6cda3d6d, #w-node-ace15450-f98a-d32d-a4f2-37d10803ae7c-6cda3d6d, #w-node-_08d6b108-9a64-c077-3574-b3ea0ecbeac1-6cda3d6d, #w-node-abe0e64a-1292-4c1f-43ee-c7ee9735a332-6cda3d6d, #w-node-b3b3df26-fb6a-d796-7691-510866e96d6d-6cda3d6d, #w-node-_13e6ca8a-139b-31f5-fba2-9c0a3c5d3cc4-6cda3d6d, #w-node-_734b7d11-9fe4-56a8-70ce-82420566261f-36b5e592, #w-node-_734b7d11-9fe4-56a8-70ce-824205662625-36b5e592, #w-node-_734b7d11-9fe4-56a8-70ce-824205662619-36b5e592, #w-node-_734b7d11-9fe4-56a8-70ce-82420566262b-36b5e592, #w-node-_734b7d11-9fe4-56a8-70ce-824205662633-36b5e592, #w-node-_734b7d11-9fe4-56a8-70ce-82420566263b-36b5e592, #w-node-_1453844c-573d-0dc5-81e3-47338eff45a9-36b5e592, #w-node-_665a0379-a0eb-608d-b023-1160b5eb06d3-36b5e592, #w-node-_92a0b2d9-5cb4-09a6-4e56-43b3ea7e3382-36b5e592, #w-node-_4e803b5b-faf9-55f8-f66d-2c51223f3360-36b5e592, #w-node-_85dd652e-67a3-8301-a8b0-08507608bad1-36b5e592, #w-node-e58dd841-9dbf-d828-d1c5-0b0552de0f87-36b5e592, #w-node-_8d4a5b93-a602-e1c3-8cc7-9655e0a35d77-4343815d, #w-node-_11687d2c-be73-4dfb-09e8-51c4c9a80d4e-4343815d, #w-node-_9274fec2-5b02-ca02-1473-2a16edfec886-4343815d, #w-node-_73a20661-c0e6-2daa-7c32-659363c4cda6-4343815d, #w-node-_5f1cbc37-1167-b225-98de-c82bea18ac25-4343815d, #w-node-fb8cec31-578f-859e-2b56-cfd00e4dc876-4343815d, #w-node-_8d40403a-8c08-78a3-5fae-6d912c985ffe-4343815d, #w-node-_8d40403a-8c08-78a3-5fae-6d912c986005-4343815d, #w-node-_8d40403a-8c08-78a3-5fae-6d912c98600c-4343815d, #w-node-_8d40403a-8c08-78a3-5fae-6d912c986013-4343815d, #w-node-_8d40403a-8c08-78a3-5fae-6d912c98601a-4343815d, #w-node-_8d40403a-8c08-78a3-5fae-6d912c986021-4343815d, #w-node-cb89e489-5662-daf8-dec2-d8577971bc50-4343815d, #w-node-_3207f5d3-354e-c3a2-686a-08b917760b29-4343815d, #w-node-a8181e71-f1f8-7892-cfc3-fc2dffdb9ad9-4343815d, #w-node-ebd0d362-ad11-c4a6-ba59-ad8bfe9038aa-39bf5f6e, #w-node-ebd0d362-ad11-c4a6-ba59-ad8bfe9038b6-39bf5f6e, #w-node-ebd0d362-ad11-c4a6-ba59-ad8bfe9038c2-39bf5f6e, #w-node-ebd0d362-ad11-c4a6-ba59-ad8bfe9038ce-39bf5f6e, #w-node-b74e261d-346d-7d3b-1da7-271f2c1e712f-d0be16ca, #w-node-b74e261d-346d-7d3b-1da7-271f2c1e713b-d0be16ca, #w-node-b74e261d-346d-7d3b-1da7-271f2c1e7147-d0be16ca, #w-node-b74e261d-346d-7d3b-1da7-271f2c1e7153-d0be16ca, #w-node-_83d7199b-f069-3021-17e9-6a3543a0a0a1-17aaa1d3, #w-node-_83d7199b-f069-3021-17e9-6a3543a0a0ad-17aaa1d3, #w-node-_83d7199b-f069-3021-17e9-6a3543a0a0b9-17aaa1d3, #w-node-_83d7199b-f069-3021-17e9-6a3543a0a0c5-17aaa1d3, #w-node-_22f154e7-4159-50b5-6bbb-b1c75ba3aee4-17aaa1d3, #w-node-_22f154e7-4159-50b5-6bbb-b1c75ba3aef0-17aaa1d3, #w-node-_22f154e7-4159-50b5-6bbb-b1c75ba3aefc-17aaa1d3, #w-node-_22f154e7-4159-50b5-6bbb-b1c75ba3af08-17aaa1d3, #w-node-cccdb614-d6c3-2dad-286f-d14a369c804b-b0babda1, #w-node-c6a6b1b4-c200-50a5-2b9d-44b7d95e6dc3-b0babda1, #w-node-_04bd42e5-4024-603e-7e9f-5528a74bc01f-b0babda1, #w-node-_3a8fd33f-cfbe-e7e9-8153-640ef156ae96-b0babda1, #w-node-_9a21270a-51a4-f884-125b-d3d3e8421929-b0babda1, #w-node-c03adcc5-d31c-9a62-4dd9-0ff06bfa2d12-b0babda1, #w-node-_86ffd9da-a6e2-dff2-7bb7-3fd8f3235f36-b0babda1, #w-node-f6cffbf7-d00e-9da6-f715-9a033036934a-b0babda1, #w-node-abf4e4b4-46ab-3085-2ba7-c04fd03a28ec-b0babda1, #w-node-_5bd76dd6-805b-ec52-cb0e-9887883a4e4a-b0babda1, #w-node-fe72f8f7-9ee5-679e-c4fd-2e687b79c619-b0babda1, #w-node-_5b97c0de-bfb1-7f4b-e093-8f83b816a527-b0babda1, #w-node-_2cb1af58-ca2c-8958-9fc6-e2b013abd831-b0babda1, #w-node-_5cb6d908-a324-1a13-27df-78f1ba3b2ba2-b0babda1, #w-node-ac24ea1d-85a4-438c-5b61-acbef2b62752-b0babda1, #w-node-_77db9a80-f11a-3dae-6bf1-1cc4daa6ab85-b0babda1, #w-node-dd0bf381-85c2-a48f-e8e0-7d788a935856-b0babda1, #w-node-_8d2b02d7-d31c-b34d-083c-e5777ab4fcb4-b0babda1, #w-node-_5db0d328-2ef2-f023-2800-9d591c7ed006-b0babda1, #w-node-f0c9fa2d-b432-ecf8-8fff-dfdfe750da2c-b0babda1, #w-node-a043365a-f39f-421f-2159-1f96961e6aab-b0babda1, #w-node-e2c1f32d-7dbd-dffc-8406-3c17111a115c-b0babda1, #w-node-df0ca9fd-253d-5883-9504-59f60fafdeb1-b0babda1, #w-node-_8434756c-5f05-cde1-d9cb-773f9bac77a6-b0babda1, #w-node-_8434756c-5f05-cde1-d9cb-773f9bac77b0-b0babda1, #w-node-_8434756c-5f05-cde1-d9cb-773f9bac77ba-b0babda1, #w-node-_83d7199b-f069-3021-17e9-6a3543a0a0a1-61c88390, #w-node-_83d7199b-f069-3021-17e9-6a3543a0a0ad-61c88390, #w-node-_83d7199b-f069-3021-17e9-6a3543a0a0b9-61c88390, #w-node-_83d7199b-f069-3021-17e9-6a3543a0a0c5-61c88390, #w-node-_22f154e7-4159-50b5-6bbb-b1c75ba3aee4-61c88390, #w-node-_22f154e7-4159-50b5-6bbb-b1c75ba3aef0-61c88390, #w-node-_22f154e7-4159-50b5-6bbb-b1c75ba3aefc-61c88390, #w-node-_22f154e7-4159-50b5-6bbb-b1c75ba3af08-61c88390 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #inner-fullscreen-nav.w-node-f059c8fc-42f0-57b6-e4f9-8d67db1b51c1-f2aa4ba3, #inner-fullscreen-nav.w-node-_693a9334-4a45-88e5-09c1-bdd99b1c3705-9b1c3705, #blog-fullscreen-nav.w-node-_682a692f-a1dc-fa0f-266c-f52c945e1cae-5c41bf65, #fullscreen-nav.w-node-f059c8fc-42f0-57b6-e4f9-8d67db1b51c1-873fcbd8, #inner-fullscreen-nav.w-node-_17ab46f2-dee4-50c3-9ac1-f213c95ac7d1-c95ac7d1, #inner-fullscreen-nav.w-node-f059c8fc-42f0-57b6-e4f9-8d67db1b51c1-b0babda1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-cccdb614-d6c3-2dad-286f-d14a369c804b-f2aa4ba3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_04bd42e5-4024-603e-7e9f-5528a74bc01f-f2aa4ba3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cccdb614-d6c3-2dad-286f-d14a369c804b-873fcbd8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_04bd42e5-4024-603e-7e9f-5528a74bc01f-873fcbd8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cccdb614-d6c3-2dad-286f-d14a369c804b-b0babda1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_04bd42e5-4024-603e-7e9f-5528a74bc01f-b0babda1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
 
}


@font-face {
  font-family: 'Cairo Variablefont Slnt Wght';
  src: url('../images/') format('truetype');
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('../images/') format('truetype');
  font-weight: 100 1000;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Dmsans Variablefont Opsz Wght';
  src: url('../images/') format('truetype');
  font-weight: 100 1000;
  font-style: normal;
  font-display: auto;
}

/** Style for Cms Blog Post ( Arabic ) and Other Pages **/
.content-main-wrap.blog-post.for-ar .back-button{
  flex-direction: row-reverse;
  margin-right: 25px;
}
.content-main-wrap.blog-post.for-ar .author-wrap,
.inner-content.for-privacy-policy.for-ar .author-wrap,
.for-ar .author-wrap
{
    direction: rtl;
}

.content-main-wrap.blog-post.for-ar .blog-date,
.inner-content.for-privacy-policy.for-ar .blog-date,
.for-ar .blog-date
{
  margin-left: 0;
  margin-right: auto;
}
.content-main-wrap.blog-post.for-ar .blog-date.page
{
  margin-left: 2rem;
}

.content-main-wrap.blog-post.for-ar .article-button.more-artilcles.demo,
.inner-content.for-privacy-policy.for-ar .heading.blog,
.inner-content.for-privacy-policy.for-ar .blog-author,
.for-ar .social-share-wrap .card-button
{
  margin-left: auto;
  margin-right: 1rem;
}

.content-main-wrap.blog-post.for-ar .tut-sub-title,
.header.inner-banner.blog.for-ar .inner-header-paragraph,
.header.inner-banner.blog.for-ar .heading-4,
.header.inner-banner.blog.for-ar .scroll-down,
.blogs.for-ar .custom-cta.resource-button,
.blogs.for-ar
{
  font-family: 'cairo' !important;
}

.content-main-wrap.blog-post.for-ar .categ-par.for-tut,
.content-main-wrap.blog-post.for-ar .card-button,
.inner-content.for-privacy-policy.for-ar .categ-par,
.for-ar .categ-par,
.for-ar .social-share-wrap .card-button

{
  direction: rtl;
  text-align: right;
}
.for-ar .categ-title{
    direction: rtl;
  text-align: right;
  width: 100%;
}
.inner-content.demo.for-ar .heading.center.request-demo-heading, 
.inner-content.demo.for-ar .submit-button,
.inner-content.for-ar, 
.inner-content.for-ar .cont-prag,
.inner-content.for-ar .link.custom-cta
{
  font-family: 'cairo';
}
.for-ar .social-share-wrap{
  flex-direction: row-reverse;
}
.for-ar .content-holder.for-articles.for-ar{
  flex-direction: row;
}
#smart-taxi-about.inner-content:before{
      top: calc(50% - 320px);
}

.qa-holder.for-ar .heading.faq{margin-left: auto;margin-right: 0;}

.afaqy-numbers .to-top:after,.afaqy-numbers .to-down:after,
  .afaqy-numbers .to-top .up-arrow:before,.afaqy-numbers .to-bottom .down-arrow:before
  {
  	color:rgba(255,255,255,0)
  }
  .afaqy-numbers .to-top:hover:after,.afaqy-numbers .to-down:hover:after,.afaqy-numbers .to-top .up-arrow:before,.afaqy-numbers .to-down .down-arrow:before,.afaqy-numbers .to-down:hover .down-arrow:after,
  .afaqy-numbers .to-top:hover .up-arrow:after
   {
  	color:rgba(255,255,255,1)
  }
.single-statistic svg
{
	width:50px;
}
.single-statistic svg path
{
	transition:all ease-in-out .2s;
}
.single-statistic:hover svg .st0,
.single-statistic:hover svg .st1,
.single-statistic:hover .numb-txt.counter.sub:before
{
fill:#1a8922;
}
.numb-txt.counter.sub:before{
content:"+";
position:absolute;
left:-20%;
top:0;
font-size: 20px;
font-weight: 700;
color:#fff;
width:50px;
height:50px;
transition:all ease-in-out .3s;
}

.default-nav.scrolled .mob-menu-button
{
  color: #1b325f;
}
.default-nav.scrolled .language-trigger .glob-st1{
  stroke: #1b325f;
  transition-delay: .1s;
}

.default-nav.scrolled .language-trigger .glob-st2{
  fill: #1b325f;
  transition-delay: .1s;
}





/* 1. Target the file input container */
 .cv-upload-input {
        width: 100%;
        color: transparent; 
        outline: none;
        cursor: pointer;
        border: none !important;
        background: transparent !important;
        padding: 0 !important;
    }
    .cv-upload-input::file-selector-button {
        background-color: #3F46AD;
        color: white;
        padding: 12px 28px;
        border-radius: 8px;
        border: none;
        cursor: pointer;
        font-size: 16px;
        transition: 0.3s;
    }
    .cv-upload-input::file-selector-button:hover {
        background-color: #2a2f77;
    }
    #file-name-display {
        margin-top: 10px;
        font-size: 14px;
        color: #3F46AD;
        font-weight: bold;
    }
    
    select.country-key { height: 45px; border-radius: 5px; width: 140px; border: 1px solid #ccc; color: #a0a0a0; }

  /* Styling the Indigo Blue Upload Button */
.cv-upload-input { width: 100%; color: transparent; outline: none; cursor: pointer; border: none !important; background: transparent !important; padding: 0 !important; height: 50px; }
    .cv-upload-input::file-selector-button { background-color: #3F46AD; color: white; padding: 12px 25px; border-radius: 8px; border: none; cursor: pointer; transition: 0.3s; font-size: 15px; }
    .cv-upload-input::file-selector-button:hover { background-color: #2a2f77; }
    .file-status-text { margin-top: 10px; font-size: 14px; color: #3F46AD; font-weight: bold; display: block; }
    .phone-wrapper { display: flex; gap: 10px; justify-content: flex-start;}
    select.country-key { height: 45px; border-radius: 5px; width: 140px; border: 1px solid #ccc; color: #a0a0a0; font-size: 14px; background:#fff;}

      /* Unique styling for this specific form */
    .des-cv-upload-input { width: 100%; color: transparent; outline: none; cursor: pointer; border: none !important; background: transparent !important; padding: 0 !important; height: 45px; }
    .des-cv-upload-input::file-selector-button { background-color: #464da5; color: white; padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer; transition: 0.3s; font-size: 14px; }
    .des-cv-upload-input::file-selector-button:hover { background-color: #2a2f77; }
    
    #des-file-status { margin-top: 8px; font-size: 13px; color: #464da5; font-weight: bold; display: block; min-height: 18px; }

.afaqy-cloud-career-form{
  display: flex;
    flex-direction: column;
    width: 100%;}
    .field-wrapper-9.vert-align{
      flex-direction: column;
          padding-right: 1rem;
    align-items: flex-start;
    }
    .field-wrapper-9.fluid-100{width: 100%;}
.uploadcare--widget__button{
      background: #464da5;
    color: #fff;
    height: 45px;
    border: solid 1px #2a2f77;
    outline: none;
    padding: 10px 20px;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: 15px;
    transition: all .3s ease;
}
.uploadcare--widget__button:focus, .uploadcare--widget__button:hover {
    background: #2a2f77;
    box-shadow: none;
    color: #fff;
    font: inherit;
    text-shadow: inherit;
}

    /* div:has(a[href="https://www.couchcms.com"]){
      display: none !important;
    } */

    .couch-copyrights{opacity: 0;z-index: -5;pointer-events: none;}


    /** hero video style **/

    h1, h2, h3, h4, h5, h6, .font-display {
  font-family: 'DM Sans', sans-serif;
}

a.text-slate { color: #94a3b8; }
.hover-text-white { transition: color 0.3s ease; color: #94a3b8; }
.hover-text-white:hover { color: white; }

::selection {
  background-color: #20a850;
  color: #ffffff;
}

  
/* Colors and utilities */
.text-accent { color: #20a850 !important; }
.bg-accent { background-color: #20a850 !important; }
.border-accent { border-color: rgba(32, 168, 80, 0.3) !important; }
.bg-accent-transparent { background-color: rgba(32, 168, 80, 0.1) !important; }

.tracking-widest { letter-spacing: 0.1em; }
.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
.z-0 { z-index: 0; }
.z-1 { z-index: 10; }
.z-2 { z-index: 20; }

/* Canvas Overlay */
.gradient-overlay {
  background: linear-gradient(to right, rgba(8, 16, 31, 0.95), rgba(8, 16, 31, 0.6), transparent);
}

/* Animations & Transitions for Scrolling Scenes */
.transition-all { transition-property: all; }
.duration-700 { transition-duration: 700ms; }
.ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }
.delay-500 { transition-delay: 500ms; }
.delay-600 { transition-delay: 600ms; }
.delay-700 { transition-delay: 700ms; }
.delay-800 { transition-delay: 800ms; }
.delay-900 { transition-delay: 900ms; }
.delay-1000 { transition-delay: 1000ms; }
.delay-1100 { transition-delay: 1100ms; }

.translate-y-8 { transform: translateY(2rem); }
.translate-y-5 { transform: translateY(1.25rem); }
.translate-y-0 { transform: translateY(0); }
.-translate-x-5 { transform: translateX(-1.25rem); }
.translate-x-0 { transform: translateX(0); }

.opacity-0 { opacity: 0; }
.opacity-100 { opacity: 1; }

/* Custom styles for scene components */
.scene-content {
  max-width: 48rem;
  padding-left: 2rem;
}
.scene-badge {
  font-size: 13px;
  box-shadow: 0 0 20px rgba(32, 168, 80, 0.1);
  min-height: 40px;
  place-items: center;
}
.scene-title {
  color: #fff;
  font-size: 2.25rem;
  line-height: 1.1;
  text-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@media (min-width: 768px) {
  .scene-title {
    font-size: 3.5rem;
  }
}
.scene-summary {
  font-size: 1rem;
  line-height: 1.625;
  color: #fff;
  text-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .scene-summary {
    font-size: 1.125rem;
  }
}
.custom-btn {
  background-color: #20a850;
  color: #ffffff;
  border: none;
  font-size: 0.75rem;
  padding: 1rem 2rem;
  box-shadow: 0 0 20px rgba(32, 168, 80, 0.3);
  transition: all 0.3s;
}
.spec-btn{
  color: #08101f;
  border: solid 1px #94a3b8;
}
.custom-btn:hover {
  background-color: #25c05c;
  box-shadow: 0 0 30px rgba(32, 168, 80, 0.5);
  color: #ffffff;
}

.solution-btn {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  font-size: 0.75rem;
  padding: 0.875rem 1.5rem;
  transition: all 0.3s;
}
.solution-btn svg {
  fill: none;
}
.solution-btn:hover {
  background-color: #20a850;
  border-color: #20a850;
  color: #ffffff;
  box-shadow: 0 0 30px rgba(32, 168, 80, 0.5);
}

/* Media Layers */
.media-layer {
  transition: opacity 0.3s ease-in-out;
}
#sequence-canvas {
  transition: opacity 0.3s ease-in-out;
}

/* Bounce animation */
@keyframes bounce-custom {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
.animate-bounce-custom {
  animation: bounce-custom 1s infinite;
}
.sol-btn-logo{max-width: max-content;height: 25px;}
a{text-decoration: none;}

.sc-container{
   grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  display: flex;
  position: relative;
}

.nav-wrapper.for-hero-video{
      position: fixed;
    z-index: 2;
}

.social-wrapper.hero-video{
  inset: auto 2rem auto auto;
  height: auto;
  background: rgba(0, 0, 0, .35);
  border-radius: 25px;
  margin: auto;
  transform: translateY(calc( 50% + 55px ));
}

.social-wrapper.hide, .social-wrapper.hero-video.hide{transform:translateX(50px) translateY(calc( 50% + 55px ))}
.main-header.for-ar .social-wrapper.hero-video.hide{transform:translateX(-50px) translateY(calc( 50% + 55px ))}
.main-header.for-ar .sc-container{margin-left: auto;align-items: flex-end;}
.main-header.for-ar , .main-header.for-ar .scene-title, .for-ar .FS-contact-info > h3 , .for-ar .heading{font-family: 'cairo' !important;}
.main-header.for-ar .scene-content{padding-left: 0;padding-right: 2rem;direction: rtl}
.main-header.for-ar .social-wrapper.hero-video{
      inset: auto auto auto 2rem;
}
.for-ar .gradient-overlay {
  background: linear-gradient(to left, rgba(8, 16, 31, 0.95), rgba(8, 16, 31, 0.6), transparent);
}
@media (max-width: 600px) {
  .social-wrapper.hero-video{inset: auto;}
}