@charset "UTF-8";
.image-gallery-thumbnail-label {
  font-family: Cairo-Regular !important;
}

@font-face {
  font-family: 'Cairo-Bold';
  src: url("/font/Cairo/Cairo-Bold/Cairo-Bold.otf") format("opentype"), url("../font/Cairo/Cairo-Bold/Cairo-Bold%EF%B9%96.eot#iefix") format("embedded-opentype"), url("../font/Cairo/Cairo-Bold/Cairo-Bold.woff") format("woff"), url("../font/Cairo/Cairo-Bold/Cairo-Bold.ttf") format("truetype"), url("../font/Cairo/Cairo-Bold/Cairo-Bold.svg#gidolinyaregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Almarai-Bold';
  src: url("/font/Almarai/Almarai-Bold/Almarai-Bold.otf") format("opentype"), url("https://paymob.com/sass/font/Almarai/Almarai-Bold/Almarai-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Almarai/Almarai-Bold/Almarai-Bold.woff") format("woff"), url("../font/Almarai/Almarai-Bold/Almarai-Bold.ttf") format("truetype"), url("../font/Almarai/Almarai-Bold/Almarai-Bold.svg#gidolinyaregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Cairo-SemiBold';
  src: url("/font/Cairo/Cairo-SemiBold/Cairo-SemiBold.otf") format("opentype"), url("../font/Cairo/Cairo-SemiBold/Cairo-SemiBold%EF%B9%96.eot#iefix") format("embedded-opentype"), url("../font/Cairo/Cairo-SemiBold/Cairo-SemiBold.woff") format("woff"), url("../font/Cairo/Cairo-SemiBold/Cairo-SemiBold.ttf") format("truetype"), url("../font/Cairo/Cairo-SemiBold/Cairo-SemiBold.svg#gidolinyaregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Cairo-Regular';
  src: url("/font/Cairo/Cairo-Regular/Cairo-Regular.otf") format("opentype"), url("../font/Cairo/Cairo-Regular/Cairo-Regular%EF%B9%96.eot#iefix") format("embedded-opentype"), url("../font/Cairo/Cairo-Regular/Cairo-Regular.woff") format("woff"), url("../font/Cairo/Cairo-Regular/Cairo-Regular.ttf") format("truetype"), url("../font/Cairo/Cairo-Regular/Cairo-Regular.svg#gidolinyaregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

h1 {
  font-family: "Cairo-Bold" !important;
  letter-spacing: -0.9px !important;
}

h2,
h3 {
  font-family: "Cairo-SemiBold" !important;
  letter-spacing: -0.9px !important;
}

h4,
h5,
h6 {
  font-family: "Cairo-Regular" !important;
  letter-spacing: -0.9px !important;
}

body {
  font-family: "Cairo-Regular", sans-serif !important;
}

section {
  text-align: right !important;
}

.soonBody {
  text-align: left !important;
}

.soonBody p {
  direction: rtl !important;
  text-align: left !important;
}

.soonBody h5 {
  letter-spacing: 1px !important;
}

p {
  font-family: "Cairo-Regular", sans-serif !important;
  text-align: right !important;
}

a {
  font-family: "Cairo-Regular", sans-serif !important;
  font-weight: 700;
  direction: rtl !important;
}

ul li {
  font-family: "Cairo-Regular" !important;
}

.MuiGrid-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.bannerDemo {
  margin-top: 5%;
}

@media screen and (max-width: 860px) {
  .bannerDemo {
    margin-bottom: 15%;
  }
}

.haedline {
  font-family: "Cairo-Bold" !important;
  text-align: right;
  letter-spacing: -1px;
}

.haedline::after {
  left: 0;
  right: unset;
  top: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.PagesHero ul.heroBtns li:first-child {
  margin-left: 2vw !important;
  margin-right: unset !important;
}

/*__Arabic styles for Shared Components__*/
.clientsWord .ClientPtnPOs {
  right: unset !important;
  left: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.clientsWord .Clientslider .client img {
  max-height: 6.5vw !important;
  max-width: 8.5vw !important;
}

@media screen and (max-width: 860px) {
  .clientsWord .Clientslider .client img {
    height: 17vw !important;
    width: 17vw !important;
    max-height: 17vw !important;
    max-width: 17vw !important;
  }
}

.clientsWord .haedline {
  font-family: "Cairo-Bold" !important;
}

.clientsWord #clienthead {
  font-family: "Cairo-Bold" !important;
}

.clientsWord .Word .quotes {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.infoAccordions .accordionBg h1::before {
  left: 8vw !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

@media screen and (max-width: 860px) {
  .infoAccordions .accordionBg h1::before {
    left: 2vw !important;
  }
}

.infoAccordions .MuiButtonBase-root {
  direction: rtl;
}

.infoAccordions .MuiAccordionDetails-root {
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.infoAccordions .MuiAccordionDetails-root p {
  font-family: "Cairo-Regular" !important;
}

.createAccountBlue .createAccountBlueBG {
  direction: rtl;
}

.createAccountBlue .createAccountBlueBG::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.createAccountBlue .createAccountBlueBG ul li:first-child {
  margin-left: 1vw !important;
  margin-right: 0 !important;
}

.createAccountBlue .createAccountBlueBG h4 {
  font-family: "Cairo-Regular" !important;
  font-weight: unset !important;
}

.header .row > div .centerHeader {
  text-align: right;
  direction: rtl;
}

.header .row > div .centerHeader ul li:hover .nav-dropdown {
  min-width: 24vw !important;
  right: 0vw !important;
  left: unset !important;
  direction: ltr !important;
}

.header .row > div .centerHeader ul li:hover .nav-dropdown a {
  direction: ltr !important;
}

@media screen and (min-width: 769px) {
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a h4 {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    font-family: "Cairo-Regular" !important;
    font-weight: 600 !important;
    word-spacing: 2px;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a h4 .headerTopic {
    direction: rtl;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 100%;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a h4 img {
    margin-left: 0.25vw !important;
    margin-right: 0.25vw !important;
  }
}

.header .row > div .centerHeader ul li:hover .nav-dropdown::before {
  left: -2vw;
  right: unset !important;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

@media screen and (min-width: 769px) {
  .header .row > div .centerHeader ul li:hover .megaMenu {
    width: 60vw !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    direction: rtl !important;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu a {
    direction: ltr !important;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu li h4 .imgheaderCont {
    margin-left: 1vw;
    margin-right: unset !important;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu li h4 .imgheaderCont .headerTopic {
    direction: rtl;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    font-weight: bold;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu li h4 span {
    margin-right: 0.7vw;
    margin-left: 0 !important;
    font-family: "Cairo-Regular" !important;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu li a p {
    margin-right: 4vw !important;
    direction: rtl;
    margin-left: unset !important;
    text-align: right !important;
    font-family: "Cairo-Regular" !important;
    font-weight: unset !important;
  }
  .header .row > div .centerHeader ul li:hover .megaMenu .megaSub2 {
    margin-right: 3%;
    margin-left: unset !important;
  }
}

.header .row > div .rightHeader {
  float: left !important;
  direction: rtl;
  text-align: right;
}

.header .row > div .rightHeader ul li:nth-child(3) a img {
  margin-right: unset !important;
  margin-left: 1vw;
}

.header .row > div .rightHeader ul li .arrow {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

@media screen and (max-width: 768px) {
  .header .row > div a {
    float: right;
  }
}

@media screen and (max-width: 769px) {
  .header .mobileIcon {
    float: left !important;
  }
}

@media screen and (max-width: 768px) {
  .header .centerHeader li:hover .megaMenu h4 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    direction: rtl !important;
  }
}

@media screen and (max-width: 768px) {
  .header .centerHeader li:hover .nav-dropdown li a h4 img {
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .header .centerHeader li:hover .nav-dropdown li a h4 span {
    margin-right: 2% !important;
    font-family: "Cairo-Regular" !important;
    padding: 1% 5% !important;
  }
}

@media screen and (max-width: 768px) {
  .header .centerHeader li:hover .nav-dropdown .megaSub2 {
    display: Block;
  }
}

@media screen and (max-width: 768px) {
  .header .centerHeader li:hover .nav-dropdown .megaSub2 li {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .header .row > div .centerHeader ul li:hover .nav-dropdown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    direction: rtl !important;
  }
}

@media screen and (max-width: 768px) {
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a h4 img {
    margin-left: 2vw;
  }
}

@media screen and (max-width: 768px) {
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a h4 {
    direction: rtl !important;
  }
}

.footer {
  text-align: right;
}

.footer h4 {
  font-family: "Cairo-SemiBold" !important;
  font-size: 1vw !important;
}

@media screen and (max-width: 860px) {
  .footer h4 {
    font-size: 3.7vw !important;
    font-family: "Cairo-Bold" !important;
  }
}

.footer ul li {
  direction: rtl !important;
}

.footer ul li a {
  direction: unset !important;
}

.footer .copyRights .row > div .socialMedia ul {
  float: left !important;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .footer .copyRights .row > div .socialMedia ul {
    float: unset !important;
  }
}

.footer .copyRights .row > div .langBtn img {
  margin-left: 0.5vw !important;
  margin-right: unset !important;
}

.footer .cookiesAlert .contaner {
  direction: rtl;
}

.footer .cookiesAlert .fa-shield-alt {
  margin-left: 5%;
  margin-right: 0;
}

.footer .cookiesAlert .accept {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.footer .cookiesAlert .accept a:first-child {
  left: 8%;
  right: unset !important;
}

@media screen and (max-width: 767px) {
  .footer .cookiesAlert .accept a:first-child {
    right: 23% !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 860px) {
  .footer .cookiesAlert .accept a:first-child {
    right: 27% !important;
  }
}

.footer .cookiesAlert .fa-times-circle {
  margin-right: 5%;
  margin-left: unset;
}

.introPOS .rightArrow,
.introSection .rightArrow,
.Subshero .rightArrow,
.installsHero .rightArrow,
.innerHeader .rightArrow,
.introPaymentLink .rightArrow,
.WalletHeader .rightArrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (max-width: 860px) {
  .introPOS .rightArrow,
  .introSection .rightArrow,
  .Subshero .rightArrow,
  .installsHero .rightArrow,
  .innerHeader .rightArrow,
  .introPaymentLink .rightArrow,
  .WalletHeader .rightArrow {
    width: 2.5vw !important;
    height: 2.5vw !important;
  }
}

.introPOS .onlineLogo,
.introSection .onlineLogo,
.Subshero .onlineLogo,
.installsHero .onlineLogo,
.innerHeader .onlineLogo,
.introPaymentLink .onlineLogo,
.WalletHeader .onlineLogo {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  direction: rtl;
}

.introPOS .onlineLogo span,
.introSection .onlineLogo span,
.Subshero .onlineLogo span,
.installsHero .onlineLogo span,
.innerHeader .onlineLogo span,
.introPaymentLink .onlineLogo span,
.WalletHeader .onlineLogo span {
  font-family: "Cairo-Bold" !important;
}

.introPOS .onlineLogo .container,
.introSection .onlineLogo .container,
.Subshero .onlineLogo .container,
.installsHero .onlineLogo .container,
.innerHeader .onlineLogo .container,
.introPaymentLink .onlineLogo .container,
.WalletHeader .onlineLogo .container {
  margin-left: 3%;
  margin-right: 0 !important;
}

.introPOS .onlineLogo .container .paymentIcon,
.introSection .onlineLogo .container .paymentIcon,
.Subshero .onlineLogo .container .paymentIcon,
.installsHero .onlineLogo .container .paymentIcon,
.innerHeader .onlineLogo .container .paymentIcon,
.introPaymentLink .onlineLogo .container .paymentIcon,
.WalletHeader .onlineLogo .container .paymentIcon {
  margin-right: 0 !important;
}

@media screen and (max-width: 767px) {
  .introPOS .onlineLogo .container .paymentIcon,
  .introSection .onlineLogo .container .paymentIcon,
  .Subshero .onlineLogo .container .paymentIcon,
  .installsHero .onlineLogo .container .paymentIcon,
  .innerHeader .onlineLogo .container .paymentIcon,
  .introPaymentLink .onlineLogo .container .paymentIcon,
  .WalletHeader .onlineLogo .container .paymentIcon {
    margin-right: 2px !important;
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 860px) {
  .introPOS .onlineLogo .container .paymentIcon,
  .introSection .onlineLogo .container .paymentIcon,
  .Subshero .onlineLogo .container .paymentIcon,
  .installsHero .onlineLogo .container .paymentIcon,
  .innerHeader .onlineLogo .container .paymentIcon,
  .introPaymentLink .onlineLogo .container .paymentIcon,
  .WalletHeader .onlineLogo .container .paymentIcon {
    margin-right: 10px;
  }
}

.introPOS .onlineLogo .container::after,
.introSection .onlineLogo .container::after,
.Subshero .onlineLogo .container::after,
.installsHero .onlineLogo .container::after,
.innerHeader .onlineLogo .container::after,
.introPaymentLink .onlineLogo .container::after,
.WalletHeader .onlineLogo .container::after {
  left: 0px !important;
  right: -0.7vw !important;
  top: -0.7vw !important;
}

.introPOS .fastLinks,
.introSection .fastLinks,
.Subshero .fastLinks,
.installsHero .fastLinks,
.innerHeader .fastLinks,
.introPaymentLink .fastLinks,
.WalletHeader .fastLinks {
  direction: rtl;
  text-align: left !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left !important;
  font-size: 1vw !important;
}

@media screen and (max-width: 860px) {
  .introPOS .fastLinks,
  .introSection .fastLinks,
  .Subshero .fastLinks,
  .installsHero .fastLinks,
  .innerHeader .fastLinks,
  .introPaymentLink .fastLinks,
  .WalletHeader .fastLinks {
    float: right !important;
    font-size: 2.9vw !important;
  }
}

.introPOS .fastLinks a,
.introSection .fastLinks a,
.Subshero .fastLinks a,
.installsHero .fastLinks a,
.innerHeader .fastLinks a,
.introPaymentLink .fastLinks a,
.WalletHeader .fastLinks a {
  font-size: 1vw !important;
  font-weight: unset;
}

@media screen and (max-width: 860px) {
  .introPOS .fastLinks a,
  .introSection .fastLinks a,
  .Subshero .fastLinks a,
  .installsHero .fastLinks a,
  .innerHeader .fastLinks a,
  .introPaymentLink .fastLinks a,
  .WalletHeader .fastLinks a {
    font-size: 2.9vw !important;
  }
}

.introPOS .heroBtns,
.introSection .heroBtns,
.Subshero .heroBtns,
.installsHero .heroBtns,
.innerHeader .heroBtns,
.introPaymentLink .heroBtns,
.WalletHeader .heroBtns {
  direction: rtl;
}

.introPOS .heroBtns .btn,
.introSection .heroBtns .btn,
.Subshero .heroBtns .btn,
.installsHero .heroBtns .btn,
.innerHeader .heroBtns .btn,
.introPaymentLink .heroBtns .btn,
.WalletHeader .heroBtns .btn {
  margin-right: 0% !important;
  margin-left: 5%;
}

.MainHome .SubContent {
  text-align: right !important;
  padding-right: 5vw;
  padding-left: 0 !important;
}

@media screen and (max-width: 860px) {
  .MainHome .SubContent p {
    font-size: 3.5vw !important;
  }
}

@media screen and (max-width: 860px) {
  .MainHome .SubContent {
    padding: 5vw !important;
  }
}

.MainHome .SubContent::before {
  right: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  left: -3.5vw;
}

.MainHome .SubContent h3 {
  direction: rtl;
  text-align: right;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.MainHome .SubContent h3::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.MainHome .SubContent p {
  direction: rtl;
  text-align: right;
}

.MainHome .SubContent::after {
  left: unset !important;
  right: 3vw;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.MainHome .MainFeatures h3 {
  direction: rtl;
}

.MainHome .MainFeatures .FeatureItem h4 {
  direction: rtl;
}

.MainHome .MainFeatures .FeatureItem p {
  direction: rtl;
}

.MainHome .MainCustomers h3 {
  font-size: 18px !important;
}

@media screen and (max-width: 860px) {
  .MainHome .MainCustomers h3 {
    font-size: 4vw !important;
  }
}

.MainHome .HomeSlider .slider .slide img {
  border-top-right-radius: 15px;
  border-top-left-radius: 0 !important;
}

.MainHome .HomeSlider .slider .slide .SubContent .SliderLink::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.MainHome .MainPayment h6 {
  direction: rtl;
  font-style: normal !important;
  font-size: 1.5vw !important;
}

@media screen and (max-width: 860px) {
  .MainHome .MainPayment h6 {
    font-size: 3.8vw !important;
  }
}

.MainHome .MainPayment .MainGrid {
  direction: ltr;
}

.MainHome .MainPayment .MainGrid .PaymentGrid:nth-child(even) {
  direction: rtl;
}

.MainHome .MainPayment .MainGrid .PaymentGrid .PaymentItem .PayMentCard p {
  text-align: right;
}

.MainHome .MainPayment .MainGrid .PaymentGrid .PaymentItem .PayMentCard a {
  font-size: 0.85vw;
}

.MainHome .MainPayment .MainGrid .PaymentGrid .PaymentItem .PayMentCard .Explore::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  margin-right: 10px;
  margin-left: 0;
}

.MainHome .PaymentsInner .productContent h2 {
  direction: rtl;
}

.MainHome .PaymentsInner .productContent p {
  direction: rtl !important;
}

.MainHome .PaymentsInner::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.MainHome .PaymentsInner h1 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  direction: rtl;
}

.MainHome .PaymentsInner h1::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.MainHome .PaymentsInner p {
  text-align: center !important;
}

.PosSolution .introPOS .container::after {
  left: 0px !important;
  right: -0.8vw !important;
  top: -0.5vw !important;
}

@media screen and (max-width: 460px) {
  .PosSolution .introPOS .container::after {
    width: 7vw !important;
    left: 0px !important;
    right: -0.9vw !important;
    top: -1.2vw !important;
  }
}

.PosSolution .herosec h1 {
  direction: rtl;
}

.PosSolution .posBenefits h1 {
  direction: rtl;
}

.PosSolution .posBenefits .benefitsBlock > div > div:nth-child(1) .imgContainer .benefitsImg {
  -webkit-transform: perspective(136vw) rotateY(-13deg) !important;
          transform: perspective(136vw) rotateY(-13deg) !important;
  width: 85%;
  height: 17vw;
}

@media screen and (max-width: 860px) {
  .PosSolution .posBenefits .benefitsBlock > div > div:nth-child(1) .imgContainer .benefitsImg {
    -webkit-transform: unset !important;
            transform: unset !important;
    height: 40vw;
  }
}

.PosSolution .posBenefits .benefitsBlock .benefitsDetails {
  text-align: right;
  font-family: "Cairo-Regular" !important;
}

.PosSolution .posBenefits .benefitsBlock .benefitsDetails .haedline {
  direction: rtl;
  font-family: "Almarai-Bold" !important;
}

.PosSolution .posBenefits .benefitsBlock .benefitsDetails .haedline::after {
  right: unset;
  left: 0;
}

.PosSolution .posBenefits .benefitsBlock .benefitsDetails .contact {
  float: right;
  width: 55%;
}

.PosSolution .posBenefits .benefitsBlock .patternTop {
  left: unset !important;
  right: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.PosSolution .posBenefits .benefitsBlock .patternBtm {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: 0;
}

.PosSolution .posBenefits .imgContainer .benefitsImg {
  -webkit-transform: perspective(136vw) rotateY(13deg) !important;
          transform: perspective(136vw) rotateY(13deg) !important;
}

@media screen and (max-width: 860px) {
  .PosSolution .posBenefits .imgContainer .benefitsImg {
    -webkit-transform: unset !important;
            transform: unset !important;
  }
}

@media screen and (max-width: 860px) {
  .PosSolution .posBenefits .imgContainer::before {
    left: 7vw !important;
  }
}

.PosSolution .posBenefits .contact img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.PosSolution .posFeatures h1 {
  direction: rtl;
}

.PosSolution .posFeatures h4 {
  direction: rtl !important;
  font-family: "Almarai-Bold" !important;
}

.PosSolution .posFeatures .iconContainer {
  right: -4vw !important;
  left: unset !important;
}

@media screen and (max-width: 860px) {
  .PosSolution .posFeatures .iconContainer {
    right: -12vw !important;
  }
}

.PosSolution .FlexibleOptions {
  text-align: right;
}

.PosSolution .FlexibleOptions .optionsPtn {
  left: 0;
  right: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.PosSolution .FlexibleOptions .optContainer {
  float: right;
}

.PosSolution .FlexibleOptions .optContainer h2 {
  text-align: right;
  direction: rtl;
  font-family: "Cairo-Bold";
}

.PosSolution .FlexibleOptions .optContainer h4 {
  font-family: "Almarai-Bold";
}

@media screen and (max-width: 860px) {
  .PosSolution .FlexibleOptions .optContainer {
    float: unset;
  }
}

.PosSolution .FlexibleOptions .optContainer .containIcon {
  right: 3% !important;
  left: unset !important;
}

.PosSolution .FlexibleOptions .optContainer ul.options {
  text-align: right !important;
  direction: rtl !important;
  display: -ms-inline-grid !important;
  display: inline-grid !important;
}

.PosSolution .FlexibleOptions .optContainer .optionsBg {
  left: -7vw !important;
  right: unset !important;
}

.PosSolution .Specs h2 {
  direction: rtl;
}

.PosSolution .Specs .specsTop {
  right: 3% !important;
  left: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.PosSolution .Specs .specsptrn {
  right: 0 !important;
  left: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.PosSolution .Specs .specbg {
  right: unset !important;
  left: 0 !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.PosSolution .Specs ul {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  direction: rtl;
  -ms-grid-columns: 50% 50% !important;
      grid-template-columns: 50% 50% !important;
}

.PosSolution .Specs ul li {
  font-family: "Cairo-Regular";
}

.PosSolution .Specs ul li .imgCont {
  margin-left: 2% !important;
}

.PosSolution .Specs ul li img {
  margin-left: 2% !important;
  margin-bottom: unset !important;
}

.PosSolution .Specs .btnsbtm {
  direction: rtl !important;
}

@media screen and (max-width: 860px) and (min-width: 768px) {
  .OnlinePayment .introSection .paymentIcon {
    margin-right: 4px !important;
  }
}

.OnlinePayment .introSection .container::after {
  right: -0.55vw !important;
  left: 0px !important;
}

@media screen and (max-width: 960px) {
  .OnlinePayment .introSection .container::after {
    top: -0.7vw;
  }
}

@media screen and (max-width: 860px) {
  .OnlinePayment .introSection .herosec h1 {
    font-size: 5vw !important;
  }
}

.OnlinePayment .brandsUse {
  text-align: center !important;
}

.OnlinePayment .brandsUse .haedline {
  font-size: 1.4vw;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .brandsUse .haedline {
    font-size: 4vw;
    margin-bottom: 2%;
  }
}

.OnlinePayment .brandsUse .brandsLogos {
  margin: 0% auto;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .brandsUse .brandsLogos {
    margin: 7% auto;
  }
}

.OnlinePayment .features section {
  direction: rtl;
}

.OnlinePayment .features .patternbtm {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.OnlinePayment .features .tabContainer {
  direction: rtl !important;
}

.OnlinePayment .features .tabContainer .pattern {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.OnlinePayment .features .MuiTab-textColorInherit.Mui-selected::after {
  right: unset !important;
  left: -10% !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.OnlinePayment .features .MuiButtonBase-root {
  margin: 5% 15% 0% 0% !important;
}

@media screen and (max-width: 860px) {
  .OnlinePayment .features .MuiButtonBase-root {
    margin: 4% 5% 0% 5% !important;
  }
}

.OnlinePayment .features .tabsTopic h3 {
  text-align: right !important;
}

.OnlinePayment .features .tabsTopic p {
  text-align: right;
}

.OnlinePayment .features .tabsTopic a img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.OnlinePayment .ModuleFeatures .addDetails .paymentOptions {
  direction: rtl;
}

@media screen and (max-width: 860px) {
  .pricingInner .slideMaterialUi .stylesAr {
    margin-left: 3vw;
  }
}

.pricingInner .slideMaterialUi .stylesAr span {
  color: #99ccfc;
  font-size: 0.8vw;
  opacity: 1 !important;
  font-family: "Cairo-Regular" !important;
  font-weight: 200;
}

@media screen and (max-width: 860px) {
  .pricingInner .slideMaterialUi .stylesAr span {
    font-size: 2vw;
  }
}

.pricingInner .slideMaterialUi .stylesAr span span:nth-child(1) {
  background-color: #99ccfc !important;
  height: 0.2vw;
  width: 100%;
  padding: 0 !important;
  opacity: 0.38 !important;
  top: 1.1vw !important;
}

@media screen and (max-width: 860px) {
  .pricingInner .slideMaterialUi .stylesAr span span:nth-child(1) {
    height: 1vw;
  }
}

.pricingInner .slideMaterialUi .stylesAr span:nth-child(2) {
  background-color: #e5f2fe !important;
  height: 0.3vw !important;
  display: block !important;
  opacity: 1 !important;
  position: absolute !important;
  border-radius: 1px !important;
  border: none !important;
  top: 1vw !important;
}

@media screen and (max-width: 860px) {
  .pricingInner .slideMaterialUi .stylesAr span:nth-child(2) {
    height: 1vw !important;
  }
}

.pricingInner .slideMaterialUi .stylesAr span span:nth-child(odd) {
  opacity: 1 !important;
  top: 3vw;
  margin-right: -2.6vw !important;
  direction: rtl;
}

@media screen and (max-width: 860px) {
  .pricingInner .slideMaterialUi .stylesAr span span:nth-child(odd):first-child {
    margin-right: -2vw !important;
  }
}

@media screen and (max-width: 860px) {
  .pricingInner .slideMaterialUi .stylesAr span span:nth-child(odd) {
    top: 5vw;
    margin-right: -7vw !important;
  }
}

.pricingInner .slideMaterialUi .stylesAr span span:nth-child(even) {
  width: 0.2vw;
  height: 0.2vw;
  position: absolute;
  border-radius: 20px;
  top: 0.8vw;
  border: 0.3vw solid #99ccfc;
  background-color: #e5f2fe;
}

@media screen and (max-width: 860px) {
  .pricingInner .slideMaterialUi .stylesAr span span:nth-child(even) {
    width: 1.2vw;
    height: 1.2vw;
    position: absolute;
    border-radius: 20px;
    border: 0.8vw solid #99ccfc;
    top: 0.1vw;
  }
}

.pricingInner .slideMaterialUi .stylesAr span span:nth-child(even):last-child {
  width: 2.2vw !important;
  height: 2.2vw !important;
  border: none !important;
  top: 0.5vw !important;
  border-radius: 50% !important;
}

@media screen and (max-width: 860px) {
  .pricingInner .slideMaterialUi .stylesAr span span:nth-child(even):last-child {
    width: 5vw !important;
    height: 5vw !important;
    margin-top: -1.5vw;
  }
}

.pricingInner .slideMaterialUi .stylesAr span span:nth-child(even):last-child::before {
  content: '';
  height: 1vw;
  width: 1.1vw;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/arrowsSlide.png);
}

@media screen and (max-width: 860px) {
  .pricingInner .slideMaterialUi .stylesAr span span:nth-child(even):last-child::before {
    height: 3.5vw;
    width: 3.5vw;
  }
}

.pricingInner .slideMaterialUi .stylesAr span span:nth-child(even):last-child span {
  background-color: transparent !important;
  height: initial !important;
  width: initial !important;
  top: -1.7vw !important;
  left: 0vw !important;
}

@media screen and (max-width: 860px) {
  .pricingInner .slideMaterialUi .stylesAr span span:nth-child(even):last-child span {
    top: -5.7vw !important;
  }
}

.pricingInner .slideMaterialUi .stylesAr span span:nth-child(even):last-child span span {
  background-color: transparent !important;
  height: initial !important;
  width: initial !important;
}

.pricingInner .slideMaterialUi .stylesAr span span:nth-child(even):last-child span span span {
  color: #fff !important;
  background-color: transparent !important;
  height: initial !important;
  width: initial !important;
  font-family: "Cairo-Regular" !important;
  font-size: 1vw;
  background-color: transparent !important;
  margin-right: 0 !important;
}

@media screen and (max-width: 860px) {
  .pricingInner .slideMaterialUi .stylesAr span span:nth-child(even):last-child span span span {
    font-size: 3.5vw;
  }
}

.pricingInner::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .pricingTabs .rightContent {
  text-align: -webkit-right;
}

.pricingInner .pricingTabs .rightContent h4 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.pricingInner .pricingTabs span.MuiTab-wrapper {
  font-family: "Cairo-Bold" !important;
  font-size: 1vw !important;
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs span.MuiTab-wrapper {
    font-size: 2.5vw !important;
  }
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs .MuiTab-root {
    padding: 6.5vw 3vw !important;
  }
}

.pricingInner .pricingTabs .MuiAppBar-positionStatic {
  direction: rtl;
}

.pricingInner .pricingTabs .tabsContent h1 {
  width: 20% !important;
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingTabs .tabsContent h1 {
    width: 45% !important;
  }
}

.pricingInner .pricingTabs .tabsContent h1::before {
  left: 0 !important;
  right: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .pricingTabs .tabsContent a img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .pricingTabs .tabsContent .MuiTabs-indicator {
  right: 204.906px !important;
}

.pricingInner .PricingPaymentGateway .paymentPackages .switchBtn {
  direction: rtl;
}

.pricingInner .PricingPaymentGateway .paymentPackages .cardBlueBg {
  margin-left: unset;
  margin-right: -3vw;
  direction: rtl;
}

.pricingInner .PricingPaymentGateway .paymentPackages .cardBlueBg a img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .PricingPaymentGateway .paymentPackages .cardBlueBg h3::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .PricingPaymentGateway .paymentPackages .cardWhiteBg p {
  float: right;
}

.pricingInner .PricingPaymentGateway .paymentPackages .cardWhiteBg h2 {
  direction: rtl;
}

.pricingInner .PricingPaymentGateway .paymentPackages .cardWhiteBg ul li {
  font-family: "Cairo-Regular";
  direction: rtl;
}

.pricingInner .PricingPaymentGateway .paymentPackages .cardWhiteBg ul li img {
  margin-left: 0.5vw;
  margin-right: unset;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .PricingPaymentGateway .paymentPackages .cardWhiteBg a img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  margin-right: 0.2vw;
  margin-left: unset;
}

.pricingInner .PricingPaymentGateway .paymentPackages .cardWhiteBg h3::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .PricingPaymentGateway .paymentPackages .switchBtn .MuiSwitch-root {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .PricingPaymentGateway .pricingInfo::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .PricingPaymentGateway .pricingInfo h1 {
  direction: rtl;
}

.pricingInner .PricingPaymentGateway .pricingInfo ul {
  direction: rtl;
}

.pricingInner .PricingPaymentGateway .pricingInfo ul li {
  font-family: "Cairo-Regular";
}

.pricingInner .PricingPaymentGateway .pricingInfo ul li img {
  margin-left: 0.5vw;
  margin-right: unset;
}

@media screen and (max-width: 860px) {
  .pricingInner .PricingPaymentGateway .pricingInfo ul li img {
    margin-left: 2vw;
  }
}

.pricingInner .PricingPaymentGateway .pricingInfo .pricingImg {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .PricingPaymentGateway .brands {
  direction: rtl;
}

.pricingInner .PricingPaymentGateway .brands h1::before {
  left: 0vw;
  right: unset;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .PricingPaymentGateway .productsInner .productContent a img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .PricingPaymentGateway .productsInner p {
  font-weight: unset !important;
  font-style: unset !important;
  text-align: right;
}

.pricingInner .pricingPOS .pricingSlide .SlideContent .twoArrows {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.pricingInner .pricingPOS .pricingSlide .SlideContent h4 {
  direction: rtl;
}

.pricingInner .pricingPOS .pricingSlide .SlideContent .leftContent {
  direction: rtl;
}

.pricingInner .pricingPOS .pricingSlide .SlideContent h2 span {
  margin-right: 0.5vw;
  margin-left: unset !important;
  font-family: "Cairo-Regular";
}

@media screen and (max-width: 860px) {
  .pricingInner .pricingPOS .pricingSlide .SlideContent h2 span {
    margin-right: 3% !important;
  }
}

.pricingInner .pricingPOS .slideCard::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  left: 2vw;
  right: unset;
}

.pricingInner .pricingPOS .dragImg p {
  font-family: "Cairo-Bold" !important;
  font-weight: 600;
}

.pricingInner .pricingPOS .dragImg p span {
  font-family: "Cairo-Regular" !important;
  font-weight: 300 !important;
}

.pricingInner .pricingPOS .paymentOpt .paymentOptContent .provided {
  direction: rtl;
}

.pricingInner .pricingPOS .brands {
  direction: rtl;
}

.pricingInner .pricingPOS .brands h1::before {
  left: 0vw;
  right: unset;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.paymentLink .introPaymentLink .onlineLogo .container::after {
  right: -0.4vw !important;
}

@media screen and (max-width: 960px) {
  .paymentLink .introPaymentLink .onlineLogo .container::after {
    top: -1.7vw;
    right: -0.7vw !important;
  }
}

.paymentLink .introPaymentLink .heroBtns {
  text-align: right;
}

.paymentLink .imgsPaymentLink .row > div:nth-child(even) .paymentImgContent .paymentDetailsImg {
  -webkit-transform: perspective(35vw) rotateY(13deg) !important;
          transform: perspective(35vw) rotateY(13deg) !important;
}

.paymentLink .imgsPaymentLink .row > div:nth-child(even) .paymentImgContent::before {
  -webkit-transform: perspective(60vw) rotateY(13deg) !important;
          transform: perspective(60vw) rotateY(13deg) !important;
}

.paymentLink .imgsPaymentLink .row > div:nth-child(even) {
  direction: rtl;
}

.paymentLink .imgsPaymentLink .row > div:nth-child(even) h3 {
  direction: ltr;
}

.paymentLink .imgsPaymentLink .textPaymentLink .contact {
  float: right;
}

.paymentLink .imgsPaymentLink .textPaymentLink .contact img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.paymentLink .imgsPaymentLink .textPaymentLink h3::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  left: -0.9vw;
  right: unset;
}

.paymentLink .imgsPaymentLink .paymentImgContent .paymentDetailsImg {
  -webkit-transform: perspective(60vw) rotateY(-13deg) !important;
          transform: perspective(60vw) rotateY(-13deg) !important;
}

.paymentLink .imgsPaymentLink .paymentImgContent::before {
  -webkit-transform: perspective(60vw) rotateY(-13deg) !important;
          transform: perspective(60vw) rotateY(-13deg) !important;
}

.paymentLink .CommonCase .tabContainer {
  direction: rtl;
}

.paymentLink .CommonCase .tabsTopic {
  padding-right: 2vw;
  padding-left: unset;
  text-align: right !important;
  border-right: 0.2vw solid #e5f2fe;
  border-left: 0 !important;
}

.paymentLink .CommonCase .tabsTopic h3 {
  font-family: "Almarai-Bold";
}

.paymentLink .CommonCase .MuiButtonBase-root {
  margin: 5% 7% 0% 0% !important;
}

.paymentLink .CommonCase .MuiTabs-indicator {
  right: 2.6vw;
  left: unset !important;
}

.Subscriptions {
  direction: ltr;
}

.Subscriptions .PagesHero h1 {
  font-size: 2vw;
  direction: rtl;
}

.Subscriptions .gridHeader .container .installsIcon {
  width: 3.5vw;
  height: unset !important;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .Subscriptions .gridHeader .container .installsIcon {
    width: 5vw;
  }
}

.Subscriptions .gridHeader .onlineLogo span {
  width: 50vw;
}

.Subscriptions .heroRight {
  left: 0;
  right: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.Subscriptions .heroLeft {
  right: 0;
  left: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.Subscriptions .Subshero .imgContainerSub .subsImg {
  left: 4vw;
}

.Subscriptions .Subshero ul.heroBtns li:first-child {
  margin-left: 2vw;
  margin-right: unset;
}

.Subscriptions .Subshero p {
  float: right;
}

.Subscriptions .SubsBrands {
  text-align: center !important;
}

.Subscriptions .SubsFeatures .MuiButtonBase-root:last-child {
  margin-bottom: 15% !important;
}

.Subscriptions .SubsFeatures .patternFeatures {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.Subscriptions .SubsFeatures .tabContainer {
  direction: rtl !important;
}

.Subscriptions .SubsFeatures .tabContainer .pattern {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.Subscriptions .SubsFeatures .MuiTab-textColorInherit.Mui-selected::after {
  right: unset !important;
  left: -10% !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.Subscriptions .SubsFeatures .MuiButtonBase-root {
  margin: 5% 15% 0% 0% !important;
}

@media screen and (max-width: 860px) {
  .Subscriptions .SubsFeatures .MuiButtonBase-root {
    margin: 4% 5% 0% 5% !important;
  }
}

.Subscriptions .SubsFeatures .tabsTopic h3 {
  text-align: right;
}

.Subscriptions .SubsFeatures .tabsTopic p {
  text-align: right;
}

.Subscriptions .SubsFeatures .tabsTopic a img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.Subscriptions .accordionBg h1::before {
  left: 2vw !important;
}

.Installments {
  direction: ltr;
}

.Installments .installsContent ul li {
  margin-right: 4%;
  margin-left: unset !important;
}

.Installments .installsContent ul li::before {
  right: -1vw;
  left: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .Installments .installsContent ul li::before {
    right: -5vw;
  }
}

.Installments .heroRight {
  left: 0;
  right: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.Installments .heroLeft {
  right: 0;
  left: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.Installments .installsHero .description {
  direction: rtl;
  text-align: right;
  float: right;
}

.Installments .installsHero .description li:after {
  right: -1vw;
  left: 0 !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

@media screen and (max-width: 860px) {
  .Installments .installsHero .description li:after {
    height: 2vw;
    width: 2vw;
    right: -3vw;
  }
}

.Installments .installsHero .gridHeader .container .installsIcon {
  margin-left: 5px;
  margin-right: 0 !important;
}

@media screen and (max-width: 860px) {
  .Installments .installsHero .gridHeader .container .installsIcon {
    margin-right: 5px !important;
    margin-left: 0 !important;
  }
}

.Installments .installsHero .imgContainer .installsImg {
  right: unset !important;
  width: 60% !important;
  left: -15vw;
  clip: unset !important;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .Installments .installsHero .imgContainer .installsImg {
    left: 0;
  }
}

@media screen and (max-width: 860px) {
  .Installments .installsHero .imgContainer .installsImg {
    width: 100% !important;
    height: 57vw !important;
    bottom: 4vw !important;
    left: 2.5% !important;
    position: relative !important;
    z-index: 3;
  }
}

.Installments .installsHero ul.heroBtns li:first-child {
  margin-left: 2vw;
  margin-right: unset !important;
}

.Installments .installsHero p {
  float: right;
}

.Installments .InstallsFeatures .addDetails p {
  text-align: right;
}

.Installments .installsBrands {
  text-align: center !important;
}

.Installments .CasesStudies .caseStudy a .rightArrow {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

@media screen and (max-width: 860px) {
  .Installments .CasesStudies .acceptanceLogo {
    max-width: 42%;
  }
}

.Installments .accordionBg h1::before {
  left: 2vw !important;
}

.payouts .introPayouts .innerHeader .container .paymentIcon {
  margin-left: unset !important;
}

.payouts .introPayouts .innerHeader .fastLinks li:last-child {
  margin-right: 3vw !important;
}

.payouts .introPayouts .introContent ul {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  margin-top: 2.9vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.payouts .introPayouts .introContent ul li {
  direction: rtl;
}

.payouts .introPayouts .introContent ul li .rightArrow {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.payouts .introPayouts .introContent ul li:first-child {
  margin-right: unset !important;
  margin-left: 2vw !important;
}

.payouts section.Payoutsoptions {
  direction: rtl;
}

.payouts .imgsPayouts .row .textPaymentLinkPayouts .contactBtn img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.payouts .easyAd div.textPaymentLinkPayouts .contactBtn img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.payouts section.Payoutsoptions div.textPaymentLinkPayouts p::before {
  left: 2vw !important;
}

.marketPlace .introMarket {
  background-image: url("../images/marketplace/introBG-ar.jpg") !important;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .marketPlace .introMarket {
    background-image: unset !important;
  }
}

.marketPlace .introMarket .innerHeader .container .paymentIcon {
  margin-left: unset !important;
}

.marketPlace .introMarket .innerHeader .fastLinks li:last-child {
  margin-right: 3vw !important;
}

.marketPlace .introMarket .introContent ul {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  margin-top: 2.9vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.marketPlace .introMarket .introContent ul li {
  direction: rtl;
}

.marketPlace .introMarket .introContent ul li a img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  margin-right: 0.2vw;
}

.marketPlace .introMarket .introContent ul li:first-child {
  margin-right: unset !important;
  margin-left: 2vw !important;
}

.marketPlace .introMarket .introContent .paymentLinkIntroImg {
  left: 0% !important;
}

@media screen and (max-width: 767px) {
  .marketPlace .gridFeaturesmarketplacesec .row:nth-child(even) .MuiGrid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

.marketPlace .gridFeaturesmarketplacesec .even {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .marketPlace .gridFeaturesmarketplacesec .even {
    -webkit-box-orient: unset !important;
    -webkit-box-direction: unset !important;
        -ms-flex-direction: unset !important;
            flex-direction: unset !important;
  }
}

.marketPlace .gridFeaturesmarketplacesec .even .paymentDetailsImg {
  left: -40px !important;
}

.marketPlace .gridFeaturesmarketplacesec .textPaymentLink {
  direction: rtl;
}

.marketPlace .gridFeaturesmarketplacesec .textPaymentLink h3::before {
  right: unset !important;
  left: 0 !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.marketPlace .gridFeaturesmarketplacesec .textPaymentLink .contactBtn img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.wallet .WalletHeader .onlineLogo .container::after {
  right: -0.5vw !important;
  top: -0.5vw !important;
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .onlineLogo .container::after {
    right: -1vw !important;
    top: -0.5vw;
  }
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .walletDesc {
    bottom: -47% !important;
  }
}

@media screen and (max-width: 860px) {
  .wallet .WalletHeader .herosec h1 {
    font-size: 5vw !important;
  }
}

.wallet .WalletHeader .herosec p {
  text-align: center !important;
}

.wallet .digitalWallet .digitalWalletdetails h2 {
  font-family: "Cairo-Regular" !important;
  direction: rtl;
}

.wallet .digitalWallet .digitalWalletdetails h2 span {
  font-family: "Cairo-Bold" !important;
}

.wallet .digitalWallet .digitalWalletdetails h4 {
  text-align: right !important;
  font-family: "Cairo-Regular" !important;
}

.wallet .digitalWallet .digitalWalletdetails p {
  text-align: right !important;
  font-family: "Cairo-Regular" !important;
}

.wallet .UseCases h4 {
  text-align: right !important;
  margin-left: 0% !important;
  direction: rtl;
}

.wallet .UseCases h4::before {
  right: -6% !important;
  left: unset !important;
}

.wallet .UseCases .haedline::after {
  left: 5% !important;
}

.wallet .Numbers h5 {
  font-style: normal !important;
}

.wallet .Numbers .haedline {
  font-family: "Cairo-Regular" !important;
}

.wallet .Numbers .numberBlock .num {
  font-family: "Cairo-Regular" !important;
}

.features .DataBannerFeaturesOdd {
  direction: ltr;
}

.features .DataBannerFeaturesOdd .txtTitle {
  direction: rtl;
}

.features .DataBannerFeaturesOdd .txtTitle h1 {
  text-align: right !important;
}

.features .DataBannerFeaturesOdd .txtTitle h1::before {
  right: unset !important;
  left: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.features .DataBannerFeaturesOdd .txtTitle h3 {
  text-align: right !important;
}

.features .DataBannerFeaturesOdd .txtTitle p {
  text-align: right !important;
}

.features .DataBannerFeaturesOdd .txtTitle ul {
  float: right !important;
}

.features .DataBannerFeaturesOdd .txtTitle ul li:first-child {
  margin-left: 2vw;
  margin-right: unset !important;
}

.features .DataBannerFeaturesOdd .txtTitle ul li a img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.features .scndnavbarfeatures {
  direction: rtl;
}

.features .DataBannerFeaturesEven .txtTitle {
  direction: rtl;
}

.features .DataBannerFeaturesEven .txtTitle h1 {
  text-align: right !important;
}

.features .DataBannerFeaturesEven .txtTitle h1::before {
  right: unset !important;
  left: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.features .DataBannerFeaturesEven .txtTitle h3 {
  text-align: right !important;
}

.features .DataBannerFeaturesEven .txtTitle p {
  text-align: right !important;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle {
  direction: rtl;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle h1 {
  text-align: right !important;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle h1::before {
  right: unset !important;
  left: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle h3 {
  text-align: right !important;
}

.features .DataBannerFeaturesEvenًWithIcon .txtTitle p {
  text-align: right !important;
}

.features .FeaturesIconsGridWithTitle {
  margin: unset !important;
  direction: rtl;
}

@media screen and (min-width: 960px) {
  .features .FeaturesIconsGridWithTitle .iconCon {
    text-align: left !important;
    width: 58%;
  }
}

.features .FeaturesIconsGridWithTitle .mainGridTitle h1 {
  text-align: right !important;
}

.features .FeaturesIconsGridWithTitle .mainGridTitle h1::before {
  right: 24vw !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.features .FeaturesIconsGridWithTitle .gridItem {
  direction: rtl;
}

.features .FeaturesIconsGridWithTitle .gridItem h3 {
  text-align: right !important;
}

.features .FeaturesIconsGridWithTitle .gridItem p {
  text-align: right !important;
  max-width: unset !important;
}

.features .FeaturesIconsGridWithoutTitle {
  margin: unset !important;
}

.features .FeaturesIconsGridWithoutTitle .mainGridTitle {
  direction: rtl;
}

.features .FeaturesIconsGridWithoutTitle .mainGridTitle h1 {
  text-align: right !important;
}

.features .FeaturesIconsGridWithoutTitle .mainGridTitle h1::before {
  right: 9vw !important;
}

.features .FeaturesIconsGridWithoutTitle .gridItem {
  direction: rtl;
}

.features .FeaturesIconsGridWithoutTitle .gridItem h3 {
  text-align: right !important;
}

.features .FeaturesIconsGridWithoutTitle .gridItem p {
  text-align: right !important;
  max-width: unset !important;
}

.features .FeaturesIconsGridWithTitleGrid {
  margin: unset !important;
  direction: rtl;
}

@media screen and (min-width: 860px) {
  .features .FeaturesIconsGridWithTitleGrid .FeaturesIconsGridWithTitleCon {
    text-align: left !important;
  }
}

@media screen and (min-width: 860px) {
  .features .FeaturesIconsGridWithTitleGrid .FeaturesIconsGridWithTitleCon .iconCon {
    width: 56% !important;
  }
}

.features .FeaturesIconsGridWithTitleGrid .mainGridTitle {
  direction: ltr;
}

.features .FeaturesIconsGridWithTitleGrid .mainGridTitle h1 {
  text-align: right !important;
}

@media screen and (min-width: 860px) {
  .features .FeaturesIconsGridWithTitleGrid .mainGridTitle h1 {
    max-width: 40vw !important;
  }
}

.features .FeaturesIconsGridWithTitleGrid .mainGridTitle h1::before {
  right: 7vw !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

@media screen and (max-width: 860px) {
  .features .FeaturesIconsGridWithTitleGrid .mainGridTitle h1::before {
    right: 20vw !important;
  }
}

.features .FeaturesIconsGridWithTitleGrid .gridItem {
  direction: rtl;
}

.features .FeaturesIconsGridWithTitleGrid .gridItem h3 {
  text-align: right !important;
}

.features .FeaturesIconsGridWithTitleGrid .gridItem p {
  text-align: right !important;
  max-width: unset !important;
}

.features .GridFeaturesImgs {
  direction: rtl;
}

.features .GridFeaturesImgs .even {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.features .GridFeaturesImgs .row .textPaymentLink h3::before {
  left: -2vw;
  right: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.features .introFeautures {
  background-image: url(../images/features/introBG-b.png) !important;
}

.features .introFeautures .patternBig {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  left: unset !important;
  right: -10vw;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before {
  right: unset;
  left: -2vw;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero ul.heroBtns li:first-child {
  margin-left: 2vw !important;
  margin-right: unset !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero .installsContent {
  text-align: right !important;
}

@media screen and (max-width: 860px) {
  .features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero .installsContent {
    text-align: right !important;
  }
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero .description {
  direction: rtl;
  text-align: right;
  float: right !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero .description li {
  float: right !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero .description li:after {
  right: -1vw;
  left: 0 !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

@media screen and (max-width: 860px) {
  .features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero .description li:after {
    height: 2vw;
    width: 2vw;
    right: -3vw;
  }
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero .gridHeader .container .installsIcon {
  margin-left: 5px;
  margin-right: 0 !important;
}

@media screen and (max-width: 860px) {
  .features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero .gridHeader .container .installsIcon {
    margin-right: 5px !important;
    margin-left: 0 !important;
  }
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero .imgContainer .installsImg {
  right: unset !important;
  width: 66% !important;
  left: -16vw;
}

@media screen and (max-width: 860px) {
  .features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero .imgContainer .installsImg {
    width: 100% !important;
    height: 57vw !important;
    bottom: 4vw !important;
    left: 2.5% !important;
    position: relative !important;
    z-index: 3;
  }
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero ul.heroBtns li:first-child {
  margin-left: 2vw;
  margin-right: unset !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .PagesHero p {
  float: right;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .ModuleFeatures .MuiGrid-container:nth-child(even) > div > .AddImg .onlineImg {
  -webkit-transform: perspective(60vw) rotateY(13deg) !important;
          transform: perspective(60vw) rotateY(13deg) !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .ModuleFeatures .MuiGrid-container:nth-child(even) > div > .AddImg::before {
  -webkit-transform: perspective(60vw) rotateY(13deg) !important;
          transform: perspective(60vw) rotateY(13deg) !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .ModuleFeatures .DataBannerFeatures .txtTitle ul {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .ModuleFeatures .DataBannerFeatures .txtTitle ul li:first-child {
  margin-left: 2vw !important;
  margin-right: unset !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .AddImg .onlineImg {
  -webkit-transform: perspective(60vw) rotateY(-13deg) !important;
          transform: perspective(60vw) rotateY(-13deg) !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .AddImg::before {
  -webkit-transform: perspective(60vw) rotateY(-13deg) !important;
          transform: perspective(60vw) rotateY(-13deg) !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .haedline {
  direction: rtl;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .haedline::after {
  left: 0vw !important;
  right: unset !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .addDetails {
  text-align: right !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .addDetails .paymentOptions {
  direction: rtl;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .addDetails .paymentOptions li {
  font-family: "Cairo-Regular" !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .addDetails .paymentOptions li img {
  margin-right: 0 !important;
  margin-left: 2% !important;
}

.features .introFeautures .introContent .MainMiddleTitle h1::before .addDetails p {
  font-weight: unset !important;
}

.about-us .haedline {
  font-family: "Cairo-Bold" !important;
}

.about-us .haedline::after {
  left: -6%;
}

.about-us .aboutleft {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  right: 20%;
  left: unset !important;
}

.about-us .rightshape {
  left: 10%;
  right: unset !important;
}

.about-us .aboutHeader {
  text-align: center !important;
}

.about-us .aboutHeader p {
  text-align: center !important;
}

.about-us .aboutHeader h5 {
  direction: rtl;
}

.about-us .aboutHeader h5 .container {
  margin-left: 1%;
  margin-right: unset !important;
}

.about-us .aboutHeader h5 .container img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.about-us .OurStory .arrowwhite {
  right: 6%;
  left: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.about-us .OurStory .storyImg {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.about-us .OurStory .arrowImg {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  right: -3%;
  left: unset !important;
}

.about-us .OurStory .bigbg {
  right: 0;
  left: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.about-us .OurStory .rightarrow {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  left: 5%;
  right: unset !important;
}

.about-us .OurStory .whiteHead {
  right: 21%;
  left: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.about-us .OurStory .storyGrid:last-child {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.about-us .OurStory p {
  float: right;
}

.about-us .Team .tabContainer {
  direction: rtl;
}

.about-us .Team .tabContainer h2 {
  text-align: right !important;
}

.about-us .Team .tabContainer .tabsImg .imgOverlay h3 {
  text-align: right !important;
}

.about-us .Team .tabContainer .tabsImg .imgOverlay p {
  text-align: right !important;
}

.about-us .Team .tabContainer .tabsTopic {
  text-align: right !important;
}

.about-us .Team .tabContainer .tabsTopic h3::before {
  right: 0%;
  left: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.about-us .PaymobNumbers .bgleft {
  right: 0;
  left: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.about-us .PaymobNumbers .numright {
  left: 6%;
  right: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.about-us .PaymobNumbers .numberCounts {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.about-us .PaymobNumbers p {
  float: right;
}

.about-us .PaymobNumbers h4 {
  direction: rtl;
}

.about-us .PaymobNumbers .singleNum p {
  float: unset !important;
  text-align: center !important;
  font-weight: 800;
  padding: 1vw 0;
}

.about-us .PaymobNumbers .numberCounts .num {
  font-size: 1.5vw !important;
  font-family: "Cairo-Bold" !important;
}

@media screen and (max-width: 960px) {
  .about-us .PaymobNumbers .numberCounts .num {
    font-size: 4vw !important;
  }
}

.about-us .brands p {
  text-align: center !important;
  font-weight: bold;
}

.partners .partnersInner .partnersTabs span.MuiTab-wrapper {
  font-family: cairo-bold !important;
}

@media screen and (max-width: 860px) {
  .partners .partnersInner .partnersTabs .MuiTab-root {
    width: 36vw;
    padding: 4.5vw 2vw !important;
  }
}

.paymobSync .introSection .container::after {
  left: 0px !important;
}

@media screen and (max-width: 960px) {
  .paymobSync .introSection .container::after {
    right: -1.2vw !important;
    left: 0px !important;
    top: -0.5vw;
  }
}

@media screen and (min-width: 960px) {
  .paymobSync .Places {
    padding-bottom: 50% !important;
  }
}

.paymobSync .Places .SliderGrid {
  -webkit-box-orient: inherit !important;
  -webkit-box-direction: inherit !important;
      -ms-flex-direction: inherit !important;
          flex-direction: inherit !important;
}

.paymobSync .Places h1 {
  text-align: right !important;
  direction: rtl;
  float: right !important;
}

@media screen and (min-width: 1024px) {
  .paymobSync .Places h1 {
    margin-right: 12%;
  }
}

.paymobSync .Places h1 span {
  font-family: "Cairo-Regular" !important;
}

@media screen and (min-width: 960px) {
  .paymobSync .Places .image-gallery {
    position: absolute !important;
    left: 0 !important;
  }
}

.paymobSync .Places .topicGrid {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.paymobSync .Places h5 {
  text-align: right !important;
}

.paymobSync .Places h2 {
  text-align: right !important;
}

.paymobSync .Places .featureBlock {
  text-align: right !important;
}

.paymobSync .Places .slideBlock {
  margin-left: 15% !important;
  margin-right: unset !important;
}

@media screen and (max-width: 960px) {
  .paymobSync .Places .slideBlock {
    margin-left: 0% !important;
  }
}

.paymobSync .Places .image-gallery-thumbnails-wrapper {
  direction: rtl !important;
}

@media screen and (max-width: 960px) {
  .paymobSync .Places .image-gallery-thumbnails-wrapper {
    left: 0%;
  }
}

.paymobSync .Places .image-gallery-thumbnails .image-gallery-thumbnails-container {
  text-align: left !important;
}

.paymobSync .Places .image-gallery-thumbnails-container::after {
  left: 0;
  right: unset !important;
}

.paymobSync .Places .image-gallery-thumbnail.active::after {
  left: 0;
  right: unset !important;
}

.paymobSync .Places .image-gallery-slide {
  right: 0;
  left: unset !important;
  direction: rtl;
}

.paymobSync .Places .image-gallery-slide.left .slideBlock {
  background-color: transparent !important;
}

.paymobSync .Places .image-gallery-thumbnails {
  float: right;
  width: 88% !important;
}

.paymobSync .Places .image-gallery-thumbnails .image-gallery-thumbnails {
  width: 88% !important;
}

.paymobSync .Places .Places .MuiTabs-flexContainer {
  direction: rtl;
}

.benefits {
  direction: rtl;
  text-align: right;
}

.benefits .rightbg {
  left: 0;
  right: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.benefits .leftBtm {
  right: 0;
  left: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.benefits .benefitBlock {
  text-align: right !important;
}

.partners .partnersTabs .tabContentTabPanel ul.FeatutesList ul {
  margin-right: 1vw !important;
}

@media screen and (max-width: 860px) {
  .partners .partnersTabs .tabContentTabPanel ul.FeatutesList ul li {
    margin-right: 4%;
    margin-left: 0 !important;
  }
}

.partners .partnersTabs .tabContentTabPanel ul.FeatutesList ul li::before {
  left: unset !important;
  right: -1.2vw;
}

@media screen and (max-width: 860px) {
  .partners .partnersTabs .tabContentTabPanel ul.FeatutesList ul li::before {
    right: -11vw !important;
  }
}

.partners .introPartners .introContent h1 {
  max-width: unset !important;
}

.partners .introPartners .introContent h1::before {
  right: unset !important;
  left: 0 !important;
}

.partners .introPartners .introContent ul {
  direction: rtl;
}

.partners .introPartners .introContent ul .rightArrow {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.partners .introPartners .introContent ul li:first-child {
  margin-right: unset !important;
  margin-left: 2vw !important;
}

.partners .introPartners .innerHeader .fastLinks li {
  margin-right: unset !important;
  margin-left: 3vw !important;
}

.partners .partnersProgram h1 {
  max-width: unset !important;
}

.partners .partnersProgram p {
  max-width: unset !important;
}

.partners .partnersProgram ul .rightArrow {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.partners .partnersProgram ul li:first-child {
  margin-right: unset !important;
  margin-left: 2vw !important;
  direction: rtl;
}

.partners .partnersInner .partnersTabs .rightArrow {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.partners .partnersInner .partnersTabs .MuiAppBar-positionStatic {
  direction: rtl !important;
}

.partners .partnersInner .partnersTabs .tabContentTabPanel {
  direction: rtl !important;
}

.partners .partnersInner .partnersTabs .tabContentTabPanel .BtnsNav li:first-child {
  margin-right: unset !important;
  margin-left: 2vw !important;
}

.partners .partnersInner .partnersTabs .tabContentTabPanel ul.FeatutesList li img {
  margin-left: 0.5vw !important;
}

.partners .partnersBenifits .LeftCol p {
  max-width: unset !important;
  font-size: 1.2vw;
  font-weight: bold;
}

.partners .partnersBenifits .LeftCol ul li:first-child {
  margin-right: unset !important;
  margin-left: 2vw !important;
  float: right !important;
  direction: rtl;
}

.partners .partnersBenifits .LeftCol ul li:first-child .rightArrow {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.partners .partnersBenifits .benifitsItem {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.partners .partnersBenifits .benifitsItem img {
  margin-left: 1vw !important;
  margin-right: unset !important;
}

.partners .ourPartners .partnerItem {
  direction: rtl;
}

.partners .ourPartners .partnerItem .lineTxt {
  right: unset !important;
  left: 0;
}

.partners .ourPartners .LeftCol .vertical-menu {
  border-right: 1px solid #e5f2fe !important;
  border-left: unset !important;
}

.partners .ourPartners .LeftCol .vertical-menu a:hover {
  border-left: unset !important;
  border-right: 2px solid #01338d !important;
}

.partners .ourPartners .LeftCol .vertical-menu a.active {
  border-right: 2px solid #01338d !important;
  border-left: unset !important;
}

.partners .ourPartners .partnerItem h4::before {
  right: unset !important;
  left: 0 !important;
}

.partners .partnersForm .row .contactTextCol {
  direction: rtl !important;
}

.partners .partnersForm .row input {
  direction: rtl !important;
}

.partners .partnersForm .row textarea {
  direction: rtl !important;
}

.partners .partnersForm .FormInputsContact form .inputCon label {
  font-family: "Cairo-Regular" !important;
}

.partners .partnersForm .BtnContactForm {
  direction: rtl;
}

.partners .partnersForm .BtnContactForm img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.PagesHero .installsContent {
  text-align: right !important;
}

@media screen and (max-width: 860px) {
  .PagesHero .gridHeader .onlineLogo span {
    margin-right: 2%;
  }
}

.contactsales .FormContact .hotline {
  font-family: "Cairo-Regular" !important;
}

.contactsales .FormContact .upload {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.contactsales .FormContact .uploadText {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.contactsales .FormContact .uploadText .fileIcon {
  margin-left: 0.5vw;
  margin-right: unset !important;
}

.contactsales .FormContact .uploadText .imgContainer {
  margin-left: 0.5vw;
  margin-right: unset !important;
}

.contactsales .FormContact .row .contactTextCol {
  direction: rtl !important;
  font-family: "Cairo-Regular" !important;
  float: right;
}

.contactsales .FormContact .row .contactTextCol h3::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.contactsales .FormContact .row .FormInputsContact form .inputCon .MuiSelect-icon {
  left: 1vw;
  right: unset !important;
}

.contactsales .FormContact .row .FormInputsContact form .inputCon input::-webkit-input-placeholder {
  font-family: "Cairo-Regular" !important;
}

.contactsales .FormContact .row .FormInputsContact form .inputCon input:-ms-input-placeholder {
  font-family: "Cairo-Regular" !important;
}

.contactsales .FormContact .row .FormInputsContact form .inputCon input::-ms-input-placeholder {
  font-family: "Cairo-Regular" !important;
}

.contactsales .FormContact .row .FormInputsContact form .inputCon input::placeholder {
  font-family: "Cairo-Regular" !important;
}

.contactsales .FormContact .row .FormInputsContact form .MuiButtonBase-root {
  font-family: "Cairo-Regular" !important;
}

.contactsales .FormContact .row .MuiAlert-message {
  font-family: "Cairo-Regular" !important;
}

.contactsales .FormContact form .inputCon input {
  direction: rtl !important;
}

.contactsales .FormContact form .inputCon textarea {
  direction: rtl !important;
}

.contactsales .FormContact .TestimonialContact h4 {
  direction: rtl;
}

.contactsales .FormContact .TestimonialContact .MuiAppBar-colorPrimary {
  direction: rtl !important;
}

.contactsales .FormContact .TestimonialContact p {
  max-width: unset !important;
}

.contactsales .FormContact .FormInputsContact form .inputCon label {
  font-family: "Cairo-Regular" !important;
}

.contactsales .FormContact .BtnContactForm {
  direction: rtl;
}

.contactsales .FormContact .BtnContactForm img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.contactsales .FormContact .tabsBlock {
  direction: rtl;
}

.contactsales .FormContact .phone {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  margin-left: 0.5vw;
  margin-right: unset !important;
}

.contactsales .FormContact .uploadLink img {
  margin-left: 0.2vw;
  margin-right: unset !important;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .contactsales .FormContact .uploadLink img {
    margin-left: 0.5vw;
  }
}

.contactsales .FormContact .afterUploading {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.contactsales .FormContact .tabsBlock {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

.contactsales .FormContact .tabsBlock .tab {
  font-family: "Cairo-Bold" !important;
  cursor: pointer;
}

.contactsales .FormContact .uploadText {
  font-family: "Cairo-Regular" !important;
}

.contactsales .FormContact .uploadOne {
  font-family: "Cairo-Regular";
  direction: rtl;
}

.contactsales .FormContact .tabsBlock .tab {
  width: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contactsales .FormContact-old .row {
  background-image: url("../images/contactsales/formbg%20-%20ar.jpg") !important;
}

.contactsales .FormContact-old .row .contactTextCol {
  direction: rtl !important;
}

.contactsales .FormContact-old .row .contactTextCol h3::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.contactsales .FormContact-old form .inputCon input {
  direction: rtl !important;
}

.contactsales .FormContact-old form .inputCon textarea {
  direction: rtl !important;
}

.contactsales .FormContact-old .TestimonialContact .MuiAppBar-colorPrimary {
  direction: rtl !important;
}

.contactsales .FormContact-old .TestimonialContact p {
  max-width: unset !important;
}

.contactsales .FormContact-old .FormInputsContact form .inputCon label {
  font-family: "Cairo-Regular" !important;
}

.contactsales .FormContact-old .BtnContactForm {
  direction: rtl;
}

.contactsales .FormContact-old .BtnContactForm img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.careers::after {
  left: -6vw;
  right: auto !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.careers .careersHeader .onlineLogo span {
  margin-left: 1vw;
  margin-right: 0 !important;
}

@media screen and (max-width: 860px) {
  .careers .careersHeader .onlineLogo span {
    margin-left: 3vw;
  }
}

.careers .careersHeader .aboutleft {
  right: 30vw;
  left: auto !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

@media screen and (max-width: 860px) {
  .careers .careersHeader .aboutleft {
    right: 20vw !important;
  }
}

.careers .careersHeader h2 {
  text-align: center;
}

.careers .careersHeader p {
  text-align: center !important;
}

.careers .careersContent .careersBg .careersCards a {
  float: left !important;
  margin-left: -2.2vw !important;
  margin-right: 0 !important;
  -webkit-transform: perspective(7vw) rotateY(16deg);
          transform: perspective(7vw) rotateY(16deg);
}

.careers .careersContent .careersBg .careersCards a img {
  margin-right: 0.5vw;
  margin-left: 0 !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.careers .fliters .MuiSelect-select.MuiSelect-select {
  padding-left: 24px !important;
  padding-right: 10px !important;
  font-family: 'Cairo-Regular', sans-serif !important;
}

.careers .fliters .MuiSelect-select:after {
  left: 1vw;
  right: unset !important;
}

.careers .sharebtn {
  left: 5%;
  right: unset !important;
}

.MuiListItem-root {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

@media screen and (max-width: 860px) {
  .singleCareer .careersCards #OpenApply {
    margin-left: -5.2vw !important;
  }
}

.singleCareer .roles li {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
  -webkit-box-pack: right !important;
      -ms-flex-pack: right !important;
          justify-content: right !important;
}

.singleCareer .roles li img {
  margin-left: 1.5%;
  margin-right: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.blog .carouselBlog .carouselItem .TextCol {
  float: right !important;
}

.blog .carouselBlog .carouselItem .TextCol a::after {
  left: unset !important;
  float: right;
  right: 3px;
  top: 3px !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

@media screen and (max-width: 860px) {
  .blog .carouselBlog .carouselItem .TextCol a::after {
    right: 1vw;
    top: 0 !important;
  }
}

.blog .carouselBlog .carouselItem img {
  float: left !important;
}

.blog .TabsBlog .tabsblogcontent .MuiAppBar-colorPrimary {
  direction: rtl;
}

.blog .TabsBlog .TAbBody {
  direction: ltr;
}

.blog .PaginationBlog .paginationCon {
  direction: rtl;
}

.blog .PaginationBlog .paginationCon .MuiPagination-ul {
  direction: rtl !important;
}

.blog .PaginationBlog .paginationCon .MuiPagination-ul .MuiPaginationItem-icon {
  -webkit-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important;
}

.Cutomers .paymobLinks {
  direction: rtl;
}

.Cutomers .headerSection h5 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.Cutomers .headerSection h5 .container {
  margin-left: 1%;
  margin-right: unset;
}

.Cutomers .headerSection p {
  text-align: center !important;
}

.Cutomers .Customersbrands {
  direction: rtl;
}

.Cutomers .PaymobCustomers .customerContent {
  width: 100% !important;
}

.Cutomers .PaymobCustomers .customersLogos {
  direction: rtl;
}

.Cutomers .PaymobCustomers h2 {
  direction: rtl;
}

.Cutomers .PaymobCustomers h4 {
  direction: rtl;
}

.Cutomers .PaymobCustomers h4 img {
  margin-left: 1%;
  margin-right: unset !important;
}

.Cutomers .PaymobCustomers .explore {
  float: right;
}

.Cutomers .PaymobCustomers .explore img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.Cutomers .PaymobCustomers .CustomerSlider .control-next {
  right: 52%;
  left: unset !important;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .CustomerSlider .control-next {
    right: 24% !important;
  }
}

.Cutomers .PaymobCustomers .CustomerSlider .control-prev {
  right: 57%;
  left: unset !important;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .CustomerSlider .control-prev {
    right: 10% !important;
  }
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .NoPad {
  padding-right: 24px !important;
}

.Cutomers .PaymobCustomers .CustomerSlider .slide .BlueSide::before {
  left: 15% !important;
  right: unset !important;
}

.Cutomers .PaymobCustomers .CustomerSlider .SliderContent {
  text-align: center !important;
}

.Cutomers .PaymobCustomers .CustomerSlider .SliderContent .quotes {
  text-align: right !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  position: absolute;
  right: 0;
  top: 12%;
}

@media screen and (max-width: 767px) {
  .Cutomers .PaymobCustomers .CustomerSlider .SliderContent .quotes {
    top: unset;
  }
}

.Cutomers .PaymobCustomers .CustomerSlider .SliderContent h3 {
  margin-top: 4%;
  direction: rtl;
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .CustomerSlider .SliderContent h3 {
    max-width: 100%;
    margin-top: 7%;
    font-size: 3vw !important;
  }
}

@media screen and (max-width: 860px) {
  .Cutomers .PaymobCustomers .CustomerSlider .SliderContent {
    padding-bottom: 0vw !important;
    float: right !important;
  }
}

.Cutomers .PaymobCustomers .CustomerSlider .SliderContent p {
  text-align: center !important;
}

.Cutomers .PaymobCustomers .SliderContainer:nth-child(even) .control-next {
  right: 14% !important;
}

.Cutomers .PaymobCustomers .SliderContainer:nth-child(even) .control-prev {
  right: 20% !important;
}

.Cutomers .PaymobCustomers .SliderContainer:nth-child(even) .CustomerSlider .SliderContent {
  margin-left: 0 !important;
}

.Cutomers .PaymobCustomers .SliderContainer:nth-child(even) .CustomerSlider .SliderContent p {
  text-align: center !important;
}

.Cutomers .PaymobCustomers .SliderContainer:nth-child(even) .CustomerSlider .NoPad {
  padding-left: 24px !important;
}

.blogOpen .BlogOpenContent .SMVerticalBar {
  right: unset !important;
  left: 11vw !important;
}

@media screen and (max-width: 860px) {
  .blogOpen .BlogOpenContent .SMVerticalBar {
    right: 0 !important;
    left: 0 !important;
    margin: 0 auto;
  }
}

.blogOpen .HeaderNewsBlog .carouselItem .TextCol .author {
  position: relative;
  right: -3vw;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.singleCareer .ApplyForm {
  direction: rtl;
  padding: 10% 12% 0% 0% !important;
  margin-left: -8% !important;
  border-radius: 34px 0px 0px 34px !important;
}

.singleCareer .ApplyForm .MuiFormControl-root {
  width: 20ch !important;
}

.singleCareer .ApplyForm .close {
  left: 10%;
  right: unset !important;
}

.singleCareer .ApplyForm .upload a img {
  margin-right: unset !important;
  margin-left: 2%;
}

.singleCareer .ApplyForm .ApplyBtn {
  left: 0;
  right: unset !important;
}

.singleCareer .ApplyForm .MuiInput-root {
  width: 100% !important;
}

.singleCareer .ApplyForm .ApplyBtn img {
  margin-right: 0.5vw;
  margin-left: unset !important;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.singleCareer .ApplyForm .arabicform {
  width: 90% !important;
}

.singleCareer .MuiInputLabel-formControl {
  right: 0;
  left: unset !important;
}

.ModuleFeatures .addDetails .contact img {
  -webkit-transform: scale(-1, 1) !important;
          transform: scale(-1, 1) !important;
}

.partners
.partnersInner
.partnersTabs
.tabContentTabPanel
ul.FeatutesList
ul
li {
  font-family: Cairo-Regular !important;
}

.header .row > div .centerHeader ul li:hover .nav-dropdown li {
  float: right !important;
}

.Subscriptions .SubsFeatures .tabContainer .MuiTabs-flexContainerVertical {
  margin: 9vw 0 !important;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .Subscriptions .SubsFeatures .tabContainer .MuiTabs-flexContainerVertical {
    margin: unset !important;
  }
}

.Subscriptions .PagesHero .imgContainerSub .subsImg {
  left: 1vw;
  clip: rect(0px, 55.6vw, 45vw, 0px);
}

@media only screen and (min-width: 1023px) {
  .Subscriptions .PagesHero .imgContainerSub .subsImg {
    max-width: 58%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .Subscriptions .PagesHero .imgContainerSub .subsImg {
    clip: unset !important;
    left: 3vw;
  }
}

.Installments .installsHero .installsContent ul li {
  font-family: Cairo-Regular !important;
}

.MainHome .MainPayment p {
  text-align: center !important;
}

.MuiListItem-root {
  font-family: 'Cairo-Regular', sans-serif !important;
}

@media only screen and (max-width: 768px) and (min-width: 320px) {
  .partners
.partnersInner
.partnersTabs
.MuiTabs-scroller
.MuiTabs-flexContainer {
    width: 150vw !important;
  }
}

.MainHome .MainPayment .MainGrid .PaymentGrid:nth-child(3n-6) .PaymentImg img {
  margin-top: 20% !important;
}

@media (max-width: 767.98px) {
  .checkoutDemo .demoContainer h4 img {
    margin-left: 1.5vw;
    margin-right: 0 !important;
  }
}

.checkout .contact {
  float: right;
}

.checkout .contact img {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.checkout .introSection .fastLinks li:last-child {
  margin-left: 0;
  margin-right: 3vw !important;
}

.checkout .introSection .introText p {
  float: right;
}

.checkout .introSection .introText ul li {
  direction: rtl;
}

.checkout .introSection .introCheckout .img2 {
  right: auto !important;
  left: -0.5vw;
}

.checkout .vedioCheckout h1 {
  direction: rtl;
}

.checkout .vedioCheckout ul li {
  direction: rtl;
}

.checkout .vedioCheckout ul li img {
  margin-left: 0.5vw;
}

.checkout .vedioCheckout .videoBg::after {
  right: -7vw !important;
}

.checkout .vedioCheckout .videoBg .playBtn {
  right: auto !important;
  left: 4vw;
}

@media (max-width: 767.98px) {
  .checkout .vedioCheckout .videoBg .playBtn {
    right: auto !important;
    left: -5vw;
  }
}

.checkout .copyCode ul li {
  direction: rtl;
}

.checkout .copyCode .subTitle {
  width: 100% !important;
}

.checkout .copyCode .copybtns .btn .copyIcon {
  margin-right: 1vw;
}

.checkout .adBannerBg img {
  right: auto !important;
  left: -20vw;
}

.checkout .adBannerBg .textContainer a {
  float: right;
}

.checkout .earlyAccess .textContainer ul li {
  direction: rtl;
}

.checkout .earlyAccess .textContainer ul li img {
  margin-left: 0.5vw;
}

.checkout .earlyAccess .textContainer p {
  float: right;
}

.checkout .newShopper .contact {
  float: initial;
}

.checkout .newShopper ul {
  float: right;
}

@media (max-width: 767.98px) {
  .checkout .newShopper .imgContainer .shopperImg {
    margin-right: 7vw;
    margin-left: auto !important;
  }
}

.checkout .newShopper .imgContainer::after {
  left: -9vw;
  right: auto !important;
}

@media (max-width: 767.98px) {
  .checkout .newShopper .imgContainer::after {
    left: -11vw;
  }
}
/*# sourceMappingURL=style-ar.css.map */

/* New Updates for UAE Website*/

.OnlinePayment .ModuleFeatures .addDetails p {
  direction: rtl;
}
.contactsales .FormContact .row .TestimonialContact p {
  direction: rtl;
}
.PagesHero h1{
  direction: rtl;
}
.paymentLink .introPaymentLink .custompayment p{
  direction: rtl;
}
.about-us .OurStory p{
  direction: rtl;
}
.about-us .PaymobNumbers p{
  direction: rtl;
}
.clientsWord .Word p {
  direction: rtl;
}
.paymentLink .imgsPaymentLink .row .textPaymentLink p{
  direction: rtl;
}
.MuiAccordionDetails-root {
  flex-direction: column;
  gap: 5px;
}
.paymentPackages .cardWhiteBg {
  display: flex;
  flex-direction: column;
  align-items: end;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a h4 {
    letter-spacing: 0.3px !important;
    font-size: 0.8vw !important;
  }
  .header .row > div .centerHeader ul li:hover .nav-dropdown li a p {
    letter-spacing: 0.3px !important;
    font-size: 0.8vw !important;
  }

/****************************************************/