/* @font-face {
  font-family: "Almarai", sans-serif;
  src: url(../assets/font/just_sans/JUST\ Sans\ Regular.woff);
} */
.colorFFF {
  color: #fff;
}

.le-font {
  font-family: "Almarai", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.colorFFF {
  color: #fff;
}

body {
  font-family: "Almarai", sans-serif;
  overflow-x: hidden;
  direction:rtl;
}

.lanTxt .highTxt {
  width: 55vw;
  font-family: "Almarai", sans-serif;
}
.lanTxt .highTxt1 {
  width: 45vw;
  text-align: left;
  padding-left: 1rem;
  font-family: "Almarai", sans-serif;
}

.leBg {
  background: #f0f0f8;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  border-bottom: 2px solid #eee;
}

.le-Header {
  display: flex;
  justify-content: center;
  width: 100%;
}

header {
  background: #fff;
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: transform 0.3s ease-in-out;
  z-index: 9999;
}
header.newBg {
  background: #fff;
}
header.hide {
  transform: translateY(-100%);
}
header .logo {
  font-size: 30px;
  text-transform: uppercase;
}
header nav {
  width: 75vw;
  position: relative;
  top: 0.5rem;
  font-family: "Almarai", sans-serif;
}
header nav ul {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
header nav ul li {
  list-style: none;
  padding: 0.8rem 0.5rem;
}
header nav ul li a {
  padding: 0.8rem 0;
}
header nav .nav-item {
  border-bottom: 3px solid transparent;
}
header nav .nav-item.active, header nav .nav-item:hover {
  border-bottom: 3px solid #341981;
  position: relative;
  color: #341981;
}
header nav ul {
  padding-left: unset;
  font-weight: 500;
}
header nav ul li {
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: 0 100%;
}
header nav ul li a {
  display: inline-block;
  color: #000;
  padding: 5px 0;
  margin: 0 10px;
  border: 3px solid transparent;
  transition: 0.2s;
}

.hamburger {
  cursor: pointer;
  display: none;
}
.hamburger div {
  width: 30px;
  height: 3px;
  margin: 5px 0;
  background: #000;
}

.btn-signin {
  width: 160px;
  height: 50px;
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1607843137);
  border-radius: 33px;
  opacity: 1;
  color: #fff;
  border: none;
}
.btn-signin:hover {
  background: transparent linear-gradient(270deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  font-weight: 500;
}

.d-flexBox, #all-solutions .solution, #landing {
  display: flex;
  justify-content: center;
  align-items: center;
}

.t_highlighted {
  color: #5D30DC !important;
}

.heroImg {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100vh;
  background-image: url("../assets/images/main/Bg-home-hero.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#landing {
  height: 100vh;
  transition: height 1s ease;
  flex-direction: column;
}
#landing .highTxt {
  /* UI Properties */
  font: normal normal bold 3rem/80px "Almarai", sans-serif;
  letter-spacing: -1.8px;
  opacity: 1;
  z-index: 9;
}
#landing .highTxt .setHigh {
  color: #5D30DC;
}
#landing .highTxt .setHigh .typewriter-container {
  white-space: nowrap;
  overflow: hidden;
  border-left: 0.1em solid #552FDB;
  /* The cursor */
  animation: blink-caret 0.75s infinite;
}
@keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  0% {
    border-color: #552FDB;
  }
}

.mau-Btn {
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1607843137);
  border-radius: 33px;
  opacity: 1;
  height: 50px;
  width: 200px;
  border: none;
  color: #fff;
  margin-top: 4rem;
}
.mau-Btn:hover {
  background: transparent linear-gradient(270deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  font-weight: 500;
}

.det-txt {
  width: 70%;
  text-align: center;
  font-size: 1rem;
  letter-spacing: -0.3px;
  color: #000000;
  font-weight: 500;
  opacity: 1;
}

.ml14 .letters {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

.ml14 .letter {
  /* display: inline-block; */
  transform: translateX(100px);
  opacity: 0;
}

#all-solutions {
  background: rgb(247, 244, 253);
  background: linear-gradient(90deg, rgb(247, 244, 253) 0%, rgb(241, 244, 251) 50%, rgb(248, 247, 252) 100%);
  padding: 3rem 0rem 3rem 0rem;
}
#all-solutions .solution {
  height: auto;
  text-align: center;
  width: 100%;
  flex-direction: column;
}
#all-solutions .solution .maintxt {
  text-align: left;
  font: normal normal bold 2.25rem/70px "Almarai", sans-serif;
  letter-spacing: -1.38px;
  color: #00001F;
}
#all-solutions .mt-5rem {
  margin-top: 5rem;
}
#all-solutions .one-sol {
  padding-top: 2rem;
}
#all-solutions .one-sol .det-txt {
  text-align: right;
  width: 100%;
}
#all-solutions .one-sol .features span {
  font-weight: 500;
  font-size: 0.99rem;
  display: flex;
  align-items: center;
}
#all-solutions .maintxt {
  text-align: left;
  font: normal normal bold 1.5rem/40px "Almarai", sans-serif;
  letter-spacing: 0px;
  opacity: 1;
}
#all-solutions .img-sec {
  position: relative;
}
#all-solutions .img-sec img {
  width: 100%;
  max-width: 750px;
}
#all-solutions .img-sec .all-slbtm {
  position: absolute;
  left: -2rem;
  bottom: 0rem;
  width: 220px;
  animation: slidetb 3s linear infinite;
}
#all-solutions .img-sec .all-sbtm {
  position: absolute;
  right: -2rem;
  bottom: -4rem;
  width: 270px;
  transition: transform 0.3s ease-in-out;
}
#all-solutions .img-sec .all-sbtm:hover {
  transform: scale(1.1);
  /* Zoom in the image by 20% */
}
#all-solutions .img-sec .all-stop {
  position: absolute;
  left: -5rem;
  top: 3.5rem;
  width: 300px;
  transition: transform 0.3s ease-in-out;
}
#all-solutions .img-sec .all-stop:hover {
  transform: scale(1.1);
  /* Zoom in the image by 20% */
}
@keyframes slide {
  0% {
    left: -10rem;
  }
  50% {
    left: -9rem;
  }
  100% {
    left: -10rem;
  }
}
@keyframes slidetb {
  0% {
    bottom: -1rem;
  }
  50% {
    bottom: 0rem;
  }
  100% {
    bottom: -1rem;
  }
}
#all-solutions .h350px {
  height: 300px;
}

#makeOp {
  background: transparent linear-gradient(270deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  flex-direction: column;
  position: relative;
  font-family: "Almarai", sans-serif;
}
#makeOp p {
  font-size: 2.25rem;
  text-align: center;
  font-weight: 600;
}
#makeOp #miCanvas {
  position: absolute;
  background-color: rgb(6, 2, 57);
  top: 0px;
  left: 0px;
  height: 400px;
  width: 100%;
}
#makeOp .set_zi {
  z-index: 9;
}
#makeOp .set_zi .text {
  position: relative;
  width: auto;
  left: 0;
  height: 40px;
  margin-top: -20px;
  margin-bottom: 30px;
  font-size: 2rem;
}
#makeOp .set_zi .text p {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
#makeOp .set_zi .word {
  position: absolute;
  opacity: 0;
}
#makeOp .set_zi .letter {
  display: inline-block;
  position: relative;
  float: left;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}
#makeOp .set_zi .letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
#makeOp .set_zi .letter.behind {
  transform: rotateX(-90deg);
}
#makeOp .set_zi .letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#makeOp .maintxt {
  font-size: 3rem;
  font-family: "Almarai", sans-serif;
  font-weight: 600;
  letter-spacing: -1.56px;
  color: #FFFFFF;
  opacity: 1;
}
#makeOp .sc-txt {
  font: normal normal bold 1.5rem/38px "Montserrat";
  letter-spacing: -0.96px;
  color: #d8d8d8;
  text-align: center;
  opacity: 1;
}
#makeOp .mau-Btn {
  background: #fff;
  color: #5D30DC;
  font-weight: 600;
}

.fadein {
  opacity: 0;
  transition: all 1.5s;
  transform: translate(0, 100px);
}

.fadein.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.animate-fade-up {
  opacity: 0;
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 500ms;
}

.animate-fade-up2 {
  animation-delay: 1000ms;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
#solutions {
  text-align: center;
}
#solutions .all-features {
  text-align: center;
  font: normal normal bold 50px/88px "Almarai", sans-serif;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  padding-top: 3rem;
}
#solutions .boxed-Bg {
  padding: 0px 5px;
}
#solutions .sol-plan {
  position: absolute;
  bottom: 2.5rem;
  left: 3.5rem;
  z-index: 9;
  width: 300px;
  height: 240px;
  background: #5D30DC 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 30px;
  opacity: 1;
}
#solutions .sol-plan .col-fff {
  color: #fff;
}
#solutions .sol-plan .col-fff .planTxt {
  font-size: 22px;
  font-weight: 500;
  position: relative;
}
#solutions .sol-plan .mpop-btn {
  width: 140px;
  height: 35px;
  background: #341981 0% 0% no-repeat padding-box;
  border-radius: 27px;
  opacity: 1;
  border: none;
  color: #fff;
}
#solutions .sol-planhr {
  color: #d5d5d5;
}
#solutions .plan-clickBtn {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 27px;
  opacity: 1;
  color: #5D30DC;
  width: 100%;
  height: 50px;
  border: none;
  font-weight: 600;
  font-size: 1.1rem;
}
#solutions .destination {
  background-image: url(../assets/blue_highlight_01@2x.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0px 60px;
  padding: 0 0 60px 0;
}
#solutions .title-2 {
  font: normal normal bold 2.25rem/63px "Almarai", sans-serif;
  letter-spacing: 0px;
}
#solutions .nav-tabs {
  display: flex;
  justify-content: center;
  border: none;
}
#solutions .nav-tabs .nav-link {
  width: auto;
  height: 50px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #7533DD;
  border-radius: 7px;
  opacity: 1;
  padding: 0rem 1.25rem;
  margin: 0.25rem;
  color: #000;
}
#solutions .nav-tabs .nav-link.active {
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1607843137);
  border-radius: 7px;
  opacity: 1;
  color: #fff;
}
#solutions .nav-tabs .nav-link:hover {
  background: transparent linear-gradient(270deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}
#solutions #nav-tabContent .soln-img {
  height: 35rem;
}
#solutions .tab-content > .tab-pane {
  opacity: 1 !important;
  transition: none !important;
  text-align: right;
  overflow: hidden;
}
#solutions .content-inBr {
  width: 100%;
  margin: auto;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.0509803922);
  border-radius: 47px;
  opacity: 1;
  padding: 3rem;
  min-height: 28rem;
}
#solutions .content-inBr .titleTabdet {
  font: normal normal 600 20px/33px "Almarai", sans-serif;
}
#solutions .setLi {
  margin: 0rem 1rem;
}
#solutions .soln-img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 1rem;
  padding: 0rem 1.5rem 1.5rem 1.5rem;
}
#solutions .sol-detail {
  text-align: right;
}
#solutions .sol-detail p {
  font: normal normal normal 14px/26px "Almarai", sans-serif;
  margin-bottom: unset !important;
}
#solutions .border-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
    /* Slide up slightly */
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
#solutions .fade-in-right {
  position: relative;
}
#solutions .fade-in-left,
#solutions .fade-in-right,
#solutions .fade-in-left.show {
  animation: fadeInLeft 1s ease-out forwards;
}
#solutions .fade-in-right.show {
  animation: fadeInRight 1s ease-out forwards;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(100px);
    /* Slide up slightly */
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

#contact {
  background: #F2F0FA;
}
#contact.pt-10rem {
  margin-top: 0rem;
  padding-top: 3rem;
}
#contact .formBtn {
  height: 50px;
  /* UI Properties */
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1607843137);
  border-radius: 33px;
  opacity: 1;
  color: #fff;
  border: none;
  width: 80%;
}
#contact .maintxt {
  font: normal normal bold 40px/40px "Almarai", sans-serif;
  letter-spacing: 0px;
  opacity: 1;
  z-index: 9;
  text-align: center;
}

#connect {
  height: 221px;
  background: #481FBA 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.1294117647);
  border: 1px solid #D0D0D0;
  border-radius: 4px;
  opacity: 1;
}
#connect .txt1 {
  font: normal normal bold 28px/34px "Almarai", sans-serif;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

#footer .footer {
  padding: 3rem 3rem 0rem 3rem;
}
#footer .footer .footer-logo {
  width: 170px;
}
#footer .inMob {
  display: none;
}
#footer .blackBg {
  background: #0F0F0F 0% 0% no-repeat padding-box;
}
#footer .footer-heading {
  font: normal normal normal 20px/29px "Almarai", sans-serif;
  color: #fff;
}
#footer ul.footer-link li {
  padding: 0.75rem 0rem;
  font: normal normal normal 16px/22px "Almarai", sans-serif;
}
.all-rights {
  height: 60px;
  background: #000000 0% 0% no-repeat padding-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes fadeInBottom {
  from {
    opacity: 0;
    transform: translateY(100px);
    /* Slide up slightly */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-bottom {
  opacity: 0;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-bottom.show {
  animation: fadeInBottom 1s ease-out forwards;
}

#stats {
  background: #341981 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  opacity: 1;
  height: auto;
  position: relative;
}
#stats .stats-data {
  position: absolute;
  top: 10vh;
  color: #fff;
}
#stats .stats-data .title1 {
  text-align: left;
  font: normal normal bold 36px/53px "Almarai", sans-serif;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}
#stats .stats-data .title2 {
  text-align: left;
  font: normal normal bold 32px/56px "Almarai", sans-serif;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}
#stats .stats-data .stat-value {
  text-align: right;
  min-width: 130px;
  font: normal normal normal 40px/66px "Almarai", sans-serif;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin-bottom: 3rem;
}
#stats .stats-data .stat-txt {
  margin: 0.5rem 3rem 2.5rem 3rem;
  border-bottom: 1px solid #707070;
}
#stats .locBg {
  background-image: url(../assets/images/main/locBg.svg);
  height: calc(100vh - 70px);
  background-size: contain;
  width: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
}

#offices {
  padding-top: 3rem;
  text-align: center;
}
#offices .officeCard {
  width: 33.3333333333%;
}
#offices .maintxt {
  font: normal normal bold 40px/50px "Almarai", sans-serif;
  letter-spacing: 0px;
  opacity: 1;
  z-index: 9;
}
#offices .mapBg {
  background-image: url("../assets/images/offices.png");
  height: 100vh;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  top: 0em;
  background-position: left 40px center;
}
#offices .mapBg .loc1 {
  position: relative;
  top: 15rem;
  right: 1rem;
}
#offices .mapBg .loc2 {
  position: relative;
  top: 17rem;
  right: -2rem;
}
#offices .mapBg .loc3 {
  position: relative;
  top: 21rem;
  right: -3rem;
}
#offices .mapBg .loc4 {
  position: relative;
  top: 19rem;
  right: -2.5rem;
}
#offices .mapBg .loc5 {
  position: relative;
  top: 25rem;
  right: -7rem;
}
#offices .mapBg .all-ofc {
  position: relative;
  top: 58%;
  width: 80%;
  margin: auto;
  z-index: 10;
  display: flex;
  justify-content: space-between;
}
#offices .mapBg .one-card {
  width: 320px;
  height: 180px;
  margin-bottom: 0.5rem;
  color: #fff;
  padding: 1.5rem;
  text-align: right;
  background: #481FBA 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.2352941176);
  border: 1px solid #D0D0D0;
  border-radius: 33px;
  opacity: 1;
}
#offices .mapBg .one-card .ofc-loc {
  font-weight: 600;
  font-size: 1.25rem;
}
#offices .mapBg .card2 {
  background: #9537DE 0% 0% no-repeat padding-box;
}
#offices .mapBg .card3 {
  background: #6586FF 0% 0% no-repeat padding-box;
}
#offices .mapBg .card4 {
  background: #3059DC 0% 0% no-repeat padding-box;
}
#offices .mapBg .card5 {
  background: #6C32DC 0% 0% no-repeat padding-box;
}
#offices .mapBg .cards4 {
  display: flex;
  justify-content: flex-end;
  padding-right: 1rem !important;
}

/* Ensure #content is initially hidden */
#pagecontent {
  visibility: hidden;
}

/* Preloader styles */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.spinner {
  width: 300px !important;
  height: 100%;
  background-image: url("../assets/images/main/LeSaas-Logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  animation: zoom-in 2s infinite ease-in;
}

/* Keyframes for zoom-in animation */
@keyframes zoom-in {
  0% {
    transform: scale(1);
    /* Original size */
  }
  100% {
    transform: scale(2);
    /* Zoomed in */
  }
}
@keyframes rotateInDownRight {
  0% {
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: right bottom;
    opacity: 0;
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
    transform-origin: right bottom;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation: rotateInDownRight 2s ease both;
}

@keyframes rotateInDownLeft {
  0% {
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom;
    opacity: 0;
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
    transform-origin: left bottom;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation: rotateInDownLeft 2s ease both;
}

.dot {
  position: fixed;
  /* Position the dot relative to the viewport */
  width: 15px;
  /* Dot size */
  height: 15px;
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  /* Dot color */
  border-radius: 50%;
  pointer-events: none;
  /* Allow interactions with underlying elements */
  transform: translate(-50%, -50%);
  /* Center the dot on the cursor */
  transition: transform 1s ease-out;
  /* Smooth movement */
  z-index: 99999;
}

/* The spinning animation */
@keyframes spinAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Apply the spinning animation to the path element */
path#Path_717 {
  animation: spinAnimation 3s linear infinite;
  /* Spins in place */
}

.text-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.text-left,
.text-right {
  font-size: 3rem;
  text-transform: uppercase;
  font-weight: 600;
  flex: 1;
  opacity: 1;
  transform: translateX(0);
  transition: none;
}

.text-left {
  color: #17082f;
  transform: translateX(-100%);
}

.text-right {
  color: #17082f;
  text-align: left;
  transform: translateX(100%);
}

.text-right span {
  color: white;
  text-shadow: -1px -1px 0 #5D30DC, 1px -1px 0 #5D30DC, -1px 1px 0 #5D30DC, 1px 1px 0 #5D30DC;
}

.abt_page {
  font-family: "Almarai", sans-serif;
  width: 100%;
  height: 100vh;
}
.abt_page .abt-bg {
  background: linear-gradient(90deg, rgb(247, 244, 253) 0%, rgb(241, 244, 251) 50%, rgb(248, 247, 252) 100%);
}
.abt_page .abt-bg #abt_landing {
  background-image: url("../assets/images/main/Bg-home-hero.jpg") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.abt_page .abt-bg #abt_landing .breadcrumbs {
  padding-top: 6rem;
}
.abt_page .abt-bg #abt_landing .breadcrumbs ul {
  list-style: none;
  display: flex;
}
.abt_page .abt-bg #abt_landing .breadcrumbs ul li {
  padding-left: 1rem;
}
.abt_page .abt-bg #abt_landing .breadcrumbs ul .about .arrow-right {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #3059DC;
  position: relative;
  top: 6px;
  right: -6px;
}
.abt_page section {
  margin-bottom: 1.5rem;
}
.abt_page section .card {
  border: none;
}
.abt_page section .mainImg {
  position: relative;
  z-index: 9;
  transform: scaleX(-1);
}
.abt_page section .roundo {
  width: 150px;
  position: absolute;
  margin: -17rem 17rem;
  z-index: 0;
}
.abt_page section .roundb {
  width: 80px;
  position: absolute;
  margin: -25rem -2.5rem;
  z-index: 0;
}
.abt_page section .lined {
  position: absolute;
  margin: -10rem 12rem;
  width: 80px;
}
.abt_page section .abt_title {
  position: relative;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: normal;
}
.abt_page section .abt_title span {
  color: #5D30DC;
}
.abt_page section .abt_title_right {
  color: #5D30DC;
  font-size: 2.25rem;
  text-align: center;
  font-weight: 600;
}
.abt_page section .abt-lit {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0rem 1rem;
  font-size: 1.1rem;
  line-height: 1.7;
  font-weight: 100;
}
.abt_page section .abt-left-content {
  background-image: url("../assets/images/about/Group 16579@2x.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 90vh;
  border-radius: 10px;
  padding: 2.5rem;
  color: #fff;
}
.abt_page section .abt-left-content .abt-left-smtitle {
  font-size: 1.25rem;
}
.abt_page section .abt-left-content .abt-left-bgtitle {
  margin-top: 2rem;
  font-size: 2.25rem;
  line-height: 1.25;
}
.abt_page section .abt-left-content .abt-dlist {
  padding: 2rem 0rem 2rem 0rem;
}
.abt_page section .abt-left-content .abt-dlist p {
  font-size: 1.5rem;
}
.abt_page section .abt-left-content .abt-left-contact {
  height: 50px;
  width: 200px;
  margin: auto;
  border-radius: 50px;
  font-size: 1.25rem;
  font-weight: 600;
  border: none;
  color: #552FDB;
}
.abt_page section .abt-right-content {
  height: 90vh;
}
.abt_page section .abt-right-content .carousel-control-prev-icon {
  background-image: url("../assets/images/about/angle-right-svgrepo-com.svg");

}
.abt_page section .abt-right-content .carousel-control-next-icon {
  background-image: url("../assets/images/about/angle-left-svgrepo-com.svg");
}
.abt_page section .abt-right-content .card {
  height: 48%;
}
.abt_page section .abt-right-content .card img {
  max-width: 200px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
  position: relative;
  margin-top: -1rem;
}
.abt_page section .carousel-control-next,
.abt_page section .carousel-control-prev {
  color: grey;
}
.abt_page section .carousel-indicators {
  bottom: -2rem;
}
.abt_page section .carousel-indicators [data-bs-target] {
  background-color: grey;
}
.abt_page section .timeline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 50px 0;
  width: 40vw;
}
.abt_page section .timeline::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #fff;
  z-index: 0;
  width: 105%;
}
.abt_page section .timeline-node {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: 50%;
  z-index: 12;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}
.abt_page section .timeline-node.active {
  background-color: #5D30DC;
  border-color: #5D30DC;
}
.abt_page section .timeline-line {
  position: absolute;
  top: 50%;
  left: 0;
  height: 4px;
  background-color: #fff;
  z-index: 1;
  transition: width 0.3s;
  
}
.abt_page section .timeline-line.active {
  background-color: #5D30DC;
}
.abt_page section .timeline-label {
  position: absolute;
  top: 100%;
  transform: translateY(10px);
  color: #000;
  font-size: 0.95rem;
  text-align: center;
  width: 80px;
  left: -30px;
  font-weight: 600;
}
.abt_page section .abt_nos .card {
  height: 90vh;
}
.abt_page section .abt_nos .card-body {
  padding: 2.5rem;
}
.abt_page section .abt_nos .left-set {
  height: 90vh;
}
.abt_page section .abt_nos .left-set img {
  width: auto;
  height: 55%;
}
.abt_page section .abt_nos .left-set img.businessImg {
  height: 90vh;
  width: 100%;
}
.abt_page section .abt_nos .left-set .clients-happy {
  background: #0A2BA3;
  margin-top: 1.5rem;
  width: 100%;
  border-radius: 10px;
  color: #fff;
  padding: 1.25rem 3rem;
  height: auto;
}
.abt_page section .abt_nos .left-set .clients-happy .count {
  font-size: 2rem;
  font-weight: 600;
  line-height: 4rem;
}
.abt_page section .abt_nos .left-set .clients-happy .texted {
  font-size: 2rem;
  line-height: normal;
}
.abt_page section .abt_nos .left-set .clients-happy .smiley {
  width: 40px;
  position: relative;
  left: 1rem;
  top: 0.5rem;
}
.abt_page section .abt_nos .img-right {
  height: 90vh;
  -o-object-fit: fill;
     object-fit: fill;
  width: auto;
}
.abt_page section .abt_nos .abt-left-smtitle {
  font-size: 1.25rem;
}
.abt_page section .abt_nos .abtn_title,
.abt_page section .abt_nos .abtn_title2 {
  font-size: 1.6rem;
  color: grey;
  line-height: 1.2;
}
.abt_page section .abt_nos .abtn_title2 {
  color: #552FDB;
}
.abt_page section .abt_nos .abtn_title3 {
  font-size: 1.75rem;
  padding-top: 1rem;
}
.abt_page section .abt_nos .desc-wide {
  width: 90%;
  position: relative;
}
.abt_page section .abt_nos .progress .progress-bar {
  background-color: #FFA81D;
}
.abt_page section .abt_nos .progress-count {
  position: absolute;
  left: 10%;
}
.abt_page section .abt_nos .abtn-desc {
  font-size: 1.1rem;
  line-height: 1.7;
  font-weight: 100;
}
.abt_page section .abt_nos .stat-value {
  text-align: right;
  min-width: 130px;
  font: normal normal normal 40px/50px "Almarai", sans-serif;
  letter-spacing: 0px;
  color: #000;
  opacity: 1;
  margin-bottom: 3rem;
}
.abt_page section .abt_nos .stat-txt {
  margin: 0.5rem 0rem 2.5rem 0rem;
  border-bottom: 1px solid #d6d5d5;
}
.abt_page section .abt-chk {
  position: relative;
  left: 5px;
  top: -2px;
}
.abt_page section .abt-str {
  margin-top: 5rem;
}
.abt_page section .abt-str .maintxt {
  font: normal normal bold 40px/40px "Almarai", sans-serif;
  letter-spacing: 0px;
  opacity: 1;
  z-index: 9;
  text-align: center;
  margin-bottom: 4rem;
}
.abt_page section .abt-str .str-icons {
  width: 50px;
  height: 50px;
  margin: auto;
  display: flex;
}
.abt_page section .abt-str .str-title {
  text-align: center;
  color: #5D30DC;
  padding-top: 0.5rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.erp_page {
  font-family: "Almarai", sans-serif;
  width: 100%;
  height: 100vh;
}
.erp_page p {
  font-size: 1rem;
  color: #000;
  font-weight: 400;
  font-family: "Almarai", sans-serif;
}
.erp_page .txt-bpsm, .erp_page .eecTxt.colorFFF {
  color: #fff;
}
.erp_page .color-black {
  color: #000;
}
.erp_page .letters {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.erp_page .letter {
  /* display: inline-block; */
  transform: translateX(100px);
  opacity: 0;
}
.erp_page .abt-bg {
  background: linear-gradient(90deg, rgb(247, 244, 253) 0%, rgb(241, 244, 251) 50%, rgb(248, 247, 252) 100%);
}
.erp_page .abt-bg #abt_landing {
  background-image: url("../assets/images/main/Bg-home-hero.jpg") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.erp_page .abt-bg #abt_landing .breadcrumbs {
  padding-top: 6rem;
}
.erp_page .abt-bg #abt_landing .breadcrumbs ul {
  list-style: none;
  display: flex;
}
.erp_page .abt-bg #abt_landing .breadcrumbs ul li {
  padding-left: 1rem;
}
.erp_page .abt-bg #abt_landing .breadcrumbs ul .about .arrow-right {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #3059DC;
  position: relative;
  top: 6px;
  right: -6px;
}
.erp_page .erp-trial {
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1607843137);
  border-radius: 44px;
  opacity: 1;
  color: #fff;
  border: none;
  padding: 1rem 2rem;
  margin-top: 1rem;
}
.erp_page .landImg {
  display: flex;
  justify-content: center;
}
.erp_page .mainImg2 {
  width: 40%;
  right: 48%;
}
.erp_page .mainImg3 {
  width: 35%;
  right: 50%; 
}
.erp_page .circ1 {
  position: absolute;
  z-index: 99;
  margin-left: -20%;
  width: 80px;
  margin-top: -2%;
}
.erp_page .circ2 {
  position: absolute;
  z-index: 99;
  margin-left: 35%;
  width: 80px;
  margin-top: 20%;
}
.erp_page .circ3 {
  position: absolute;
  z-index: 99;
  margin-left: -45%;
  width: 80px;
  margin-top: 20%;
}
.erp_page .wave1 {
  position: absolute;
  z-index: 99;
  margin-left: -30%;
  width: 80px;
  margin-top: 28%;
  transform: rotate(225deg);
}
.erp_page .wave2 {
  position: absolute;
  z-index: 99;
  margin-right: 24%;
  width: 80px;
  margin-top: 2%;
  transform: rotate(225deg);
}
@keyframes img3Slide {
  0%, 100% {
    transform: translateZ(0) rotate(-2deg);
  }
  50% {
    transform: translateZ(-5px) rotate(2deg);
  }
}
@keyframes img2Slide {
  0% {
    margin-left: 0;
    margin-top: 0px;
  }
  25% {
    margin-left: 2px;
    margin-top: 2px;
  }
  50% {
    margin-left: 5px;
    margin-top: 5px;
  }
  75% {
    margin-left: 2px;
    margin-top: 2px;
  }
  100% {
    margin-left: 0px;
    margin-top: 0px;
  }
}
.erp_page .erp-title {
  color: #00001F;
  font-size: 2.5rem;
  font-weight: 600;
  padding: 3rem 0;
  width: 100%;
  font-family: "Almarai", sans-serif;
}
.erp_page .abt_title {
  font-family: "Almarai", sans-serif;
}
.erp_page .part-title {
  font-weight: 600;
  font-size: 1.1rem;
}
.erp_page .part-title img {
  width: 28px;
}
.erp_page .part-txt {
  padding: 0rem 2rem;
}
.erp_page .cardBg {
  background: #e6defa;
}
.erp_page .cardBg .cardTitle {
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 2rem;
}
.erp_page .progress-container {
  position: relative;
}
.erp_page .circle-background {
  fill: none;
  stroke: #e6e6e6;
}
.erp_page .circle-progress1 {
  fill: none;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s ease;
}
.erp_page .circle-progress2 {
  fill: none;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s ease;
}
.erp_page .center-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.erp_page section {
  margin-bottom: 1.5rem;
}
.erp_page section .card {
  border: none;
}
.erp_page section .mainImg {
  position: relative;
  z-index: 9;
}
.erp_page section .roundo {
  width: 150px;
  position: absolute;
  margin: -17rem 17rem;
  z-index: 0;
}
.erp_page section .roundb {
  width: 80px;
  position: absolute;
  margin: -25rem -2.5rem;
  z-index: 0;
}
.erp_page section .lined {
  position: absolute;
  margin: -10rem 12rem;
  width: 80px;
}
.erp_page section .abt_title {
  position: relative;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: normal;
}
.erp_page section .abt_title span {
  color: #5D30DC;
}
.erp_page section .abt_title_right {
  color: #5D30DC;
  font-size: 2.25rem;
  text-align: center;
  font-weight: 600;
}
.erp_page section .abt-lit {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0rem 1rem;
  font-size: 1.1rem;
  line-height: 1.7;
  font-weight: 100;
}
.erp_page section .abt-left-content {
  color: #00001F;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 3rem;
}
.erp_page section .abt-left-content .abt-left-smtitle {
  font-size: 1.25rem;
}
.erp_page section .abt-left-content .abt-left-bgtitle {
  margin-top: 2rem;
  font-size: 2.25rem;
  line-height: 1.25;
}
.erp_page section .abt-left-content .abt-dlist {
  padding: 2rem 0rem 2rem 0rem;
}
.erp_page section .abt-left-content .abt-dlist p {
  font-size: 1.5rem;
}
.erp_page section .abt-left-content .abt-left-contact {
  height: 50px;
  width: 200px;
  margin: auto;
  border-radius: 50px;
  font-size: 1.25rem;
  font-weight: 600;
  border: none;
  color: #552FDB;
}
.erp_page section .abt-right-content img.erpDet {
  height: 475px;
  width: 100%;
}
.erp_page section .pill-List {
  width: 45vw;
}
.erp_page section .pill-name button {
  text-align: right;
  margin: 2.25rem 0rem;
  padding: 1rem;
  color: #000;
}
.erp_page section .pill-name button.active {
  background: #F5F2FD;
  color: #000;
}
.erp_page section .pillImg {
  height: 525px;
  width: auto;
  padding: 0rem 2rem;
  z-index: 9;
  position: relative;
}
.erp_page section .iconBg {
  width: 50px;
  height: 50px;
  background: #856EDD 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  padding: 5px;
}
.erp_page section .pillTitle {
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0rem 0.75rem;
}
.erp_page section .abt_nos .card {
  height: auto;
  z-index: 99;
}
.erp_page section .abt_nos .card-body {
  padding: 2.5rem;
}
.erp_page section .abt_nos .left-set {
  height: 90vh;
}
.erp_page section .abt_nos .left-set img {
  width: auto;
  height: 55%;
}
.erp_page section .abt_nos .left-set img.businessImg {
  height: 90vh;
  width: 100%;
}
.erp_page section .abt_nos .left-set .clients-happy {
  background: #0A2BA3;
  margin-top: 1.5rem;
  width: 100%;
  border-radius: 10px;
  color: #fff;
  padding: 1.25rem 3rem;
  height: auto;
}
.erp_page section .abt_nos .left-set .clients-happy .count {
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 4rem;
}
.erp_page section .abt_nos .left-set .clients-happy .texted {
  font-size: 2.75rem;
  line-height: normal;
}
.erp_page section .abt_nos .left-set .clients-happy .smiley {
  width: 40px;
  position: relative;
  left: 1rem;
  top: 0.5rem;
}
.erp_page section .abt_nos .img-right {
  height: 90vh;
  -o-object-fit: fill;
     object-fit: fill;
  width: auto;
}
.erp_page section .abt_nos .abt-left-smtitle {
  font-size: 1.25rem;
}
.erp_page section .abt_nos .abtn_title,
.erp_page section .abt_nos .abtn_title2 {
  font-size: 2.5rem;
  color: grey;
  line-height: 1.2;
}
.erp_page section .abt_nos .abtn_title2 {
  color: #552FDB;
}
.erp_page section .abt_nos .abtn_title3 {
  font-size: 1.75rem;
  padding-top: 1rem;
}
.erp_page section .abt_nos .desc-wide {
  width: 90%;
  position: relative;
}
.erp_page section .abt_nos .progress .progress-bar {
  background: transparent;
}
.erp_page section .abt_nos .progress-count {
  position: absolute;
  right: 10%;
}
.erp_page section .abt_nos .abtn-desc {
  font-size: 1.1rem;
  line-height: 1.7;
  font-weight: 100;
}
.erp_page section .abt_nos .stat-value {
  text-align: right;
  min-width: 130px;
  font: normal normal normal 40px/66px "Almarai", sans-serif;
  letter-spacing: 0px;
  color: #000;
  opacity: 1;
  margin-bottom: 3rem;
}
.erp_page section .abt_nos .stat-txt {
  margin: 0.5rem 3rem 2.5rem 3rem;
  border-bottom: 1px solid #d6d5d5;
}
.erp_page section .abt-chk {
  position: relative;
  right: 5px;
  top: -2px;
}
.erp_page section .abt-str {
  margin-top: 5rem;
}
.erp_page section .abt-str .maintxt {
  font: normal normal bold 40px/40px "Almarai", sans-serif;
  letter-spacing: 0px;
  opacity: 1;
  z-index: 9;
  text-align: center;
  margin-bottom: 4rem;
}
.erp_page section .abt-str .str-icons {
  width: 50px;
  height: 50px;
  margin: auto;
  display: flex;
}
.erp_page section .abt-str .str-title {
  text-align: center;
  color: #5D30DC;
  padding-top: 0.5rem;
  font-size: 1.5rem;
  font-weight: 600;
}
.erp_page #erpComp .slide-left .cardTitler {
  font-weight: 600;
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 2rem;
}
.erp_page .erp-progress .progress {
  width: 150px;
  height: 150px !important;
  float: left;
  line-height: 150px;
  background: none;
  margin: 20px;
  box-shadow: none;
  position: relative;
}
.erp_page .erp-progress .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 12px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.erp_page .erp-progress .progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.erp_page .erp-progress .progress .progress-left {
  left: 0;
}
.erp_page .erp-progress .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 12px;
  border-style: solid;
  position: absolute;
  top: 0;
}
.erp_page .erp-progress .progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  transform-origin: center left;
}
.erp_page .erp-progress .progress .progress-right {
  right: 0;
}
.erp_page .erp-progress .progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}
.erp_page .erp-progress .progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  color: #000;
  font-size: 24px;
  background-color: #e6defa;
  line-height: 135px;
  text-align: center;
  position: absolute;
  top: 5%;
  left: 5%;
}
.erp_page .erp-progress .progress.blue .progress-bar {
  border-color: #049dff;
}
.erp_page .erp-progress .progress.blue .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.8s;
}
.erp_page .erp-progress .progress.yellow .progress-bar {
  border-color: #fdba04;
}
.erp_page .erp-progress .progress.yellow .progress-right .progress-bar {
  animation: loading-3 1.8s linear forwards;
}
.erp_page .erp-progress .progress.yellow .progress-left .progress-bar {
  animation: none;
}
@keyframes loading-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes loading-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(144deg);
  }
}
@keyframes loading-3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(144deg);
  }
}
.erp_page #advantages {
  background: transparent linear-gradient(180deg, #5D30DC 0%, #07217E 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  opacity: 1;
  height: auto;
  min-height: 100vh;
  padding-bottom: 5rem;
}
.erp_page #advantages .w-92per {
  width: 92%;
}
.erp_page #advantages .mainTitle {
  padding: 6rem 0;
  color: #fff;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
}
.erp_page #advantages .bgimgSet {
  position: absolute;
  right: 0;
  margin-top: 15%;
  height: 100vh;
}
.erp_page #advantages .waveSet {
  position: absolute;
  margin-top: -15%;
  right: -8%;
  width: 500px;
}
.erp_page #advantages .accordion-header {
  background: transparent;
}
.erp_page #advantages .accordion-item {
  border: 1px solid #B69BFF;
  background: transparent;
  color: #e8dfff;
  /* Default: no border */
}
.erp_page #advantages .accordion-item.expanded {
  border-radius: 5px;
  /* Optional */
}
.erp_page #advantages .accordion-item {
  margin-bottom: 1rem;
  border-radius: 10px;
  box-shadow: 0px 6px 14px rgba(180, 162, 190, 0.0823529412);
}
.erp_page #advantages .accordion-item .accordion-button {
  height: 70px;
  background: transparent;
  opacity: 1;
  border-radius: 10px;
  text-align: right;
  letter-spacing: 0px;
  color: #fff;
  opacity: 1;
}
.erp_page #advantages .accordion-button {
  font-size: 1.15rem;
}
.erp_page #advantages .accIcons {
  width: 30px;
  padding-left: 0.5rem;
}
.erp_page #advantages .accordion-button::after {
  background-image: url("../assets/erp-plus.svg");
}
.erp_page #advantages .accordion-button:not(.collapsed) {
  box-shadow: none;
  /* Remove default focus outline */
  background-color: transparent;
  /* Remove blue background */
}
.erp_page #advantages .accordion-button:focus {
  box-shadow: none;
  /* Ensure no focus shadow */
  background-color: transparent;
  /* No background color when focused */
}
.erp_page #advantages .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.erp_page #advantages .accordion-button:not(.collapsed)::after {
  background-image: url("../assets/images/erp/icons/Minus.svg");
}
.erp_page #advantages .all-features {
  text-align: center;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-size: 2.25rem;
  padding: 2.5rem;
}
.erp_page #advantages .destination {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0px 80px;
  padding: 0 0 60px 0;
}

.slide-left {
  animation: slideLeftAnimation both;
  animation-timeline: view();
}
@keyframes slideLeftAnimation {
  0% {
    transform: translateX(-50px);
  }
  50% {
    transform: translateX(0px);
  }
}
 
@keyframes slideRightAnimation {
  0% {
    transform: translateX(50px);
  }
  50% {
    transform: translateX(0px);
  }
}
section .box {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

section .box.box1 {
  background-color: #552FDB;
  -webkit-clip-path: circle(200px at 0 0);
          clip-path: circle(200px at 0 0);
}

section .box.box2 {
  background-color: #A139DF;
  -webkit-clip-path: circle(150px at 100% 100%);
          clip-path: circle(150px at 100% 100%);
}

section h2 {
  position: absolute;
  top: 70%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 12em;
  font-family: "Almarai", sans-serif;
}

section .box.box1 h2 {
  color: transparent;
  color: transparent;
  -webkit-text-stroke: 3px #333;
  font-family: "Almarai", sans-serif;
}

section .box.box2 h2 {
  color: transparent;
  -webkit-text-stroke: 3px #333;
}

#section1 {
  background-color: #ffcccc;
}

#section2 {
  background-color: #ccffcc;
}

#section3 {
  background-color: #ccccff;
}

.content {
  text-align: center;
}

.box {
  width: 150px;
  height: 150px;
  background-color: #ff5733;
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 18px;
  border-radius: 10px;
}

h1 {
  font-size: 24px;
  margin: 0;
}

.prc-bg {
  background-image: url("../assets/images/main/Bg-home-hero.jpg") !important;
  background-repeat: no-repeat;
  background-position: inherit;
  background-size: cover;
}

#prc_landing .breadcrumbs {
  padding-top: 6rem;
}
#prc_landing .breadcrumbs ul {
  list-style: none;
  display: flex;
}
#prc_landing .breadcrumbs ul li {
  padding-left: 1rem;
}
#prc_landing .breadcrumbs ul .about .arrow-right {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #3059DC;
  position: relative;
  top: 6px;
  right: -6px;
}
#prc_landing .abt_title {
  text-align: center;
}
#prc_landing .sec-title {
  font-size: 1.1rem;
}

#prc_detail .empCount {
  width: 60px;
  border-radius: 5px;
  border: 1px solid #aaaab9;
  text-align: center;
}
#prc_detail .eecTxt {
  display: flex;
  align-items: center;
  height: 40px;
  font-weight: 600;
}
#prc_detail ul.nav-tabs {
  width: 90%;
  margin: auto;
  border-bottom: 1px solid #aaaab9;
}
#prc_detail ul.nav-tabs li {
  width: 150px;
  text-align: center;
  font-size: 1.5rem;
  margin: 0rem 0.5rem;
  border: 1px solid #aaaab9;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#prc_detail .nav-tabs .nav-link {
  color: #000;
  background: #fff;
}
#prc_detail .nav-tabs .nav-item.show .nav-link,
#prc_detail .nav-tabs .nav-link.active {
  color: #481FBA;
  background: transparent;
  border-bottom: 2px solid #f5f6fc;
}
#prc_detail .tab-content .card {
  height: 90vh;
  padding: 1.5rem 1rem 1rem;
}
#prc_detail .tab-content .card ul {
  list-style: none;
  margin-top: 2rem;
  /* max-height: 45vh; */
  overflow-y: auto;
}
#prc_detail .tab-content .card ul li {
  padding: 0.3rem 0rem;
}
#prc_detail .tab-content .card ul img {
  width: 30px;
  position: relative;
  left: -6px;
}
#prc_detail .tab-content .card .plan_name {
  font-size: 1.75rem;
  color: #707070;
  font-weight: 600;
}
#prc_detail .tab-content .card .plan_value {
  font-size: 1.75rem;
  color: #552FDB;
  font-weight: 600;
  text-align: center;
  border-bottom: 2px solid #ebebeb;
  margin-top: 3rem;
}
#prc_detail .tab-content .card .startBtn {
  position: absolute;
  bottom: 2rem;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, rgba(215, 202, 250, 0.8470588235) 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 17px rgba(92, 91, 91, 0.1215686275);
  border-radius: 41px;
  opacity: 1;
  border: none;
  width: 200px;
  height: 45px;
  color: #5D30DC;
  font-weight: 600;
}
#prc_detail .tab-content .card .txt-bpsm {
  font-size: 0.75rem;
  margin-top: -6px;
}
#prc_detail .tab-content .enterprise-plan img {
  width: 30px;
  position: relative;
  left: -6px;
}
#prc_detail .tab-content .enterprise-plan .most-pop {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #341981;
  color: #fff;
  font-size: 0.9rem;
  padding: 5px 10px;
  border-radius: 20px;
}
#prc_detail .tab-content .business-plan {
  color: #fff;
  height: 100vh;
  background: #856EDD;
}
#prc_detail .tab-content .business-plan .empCount {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
#prc_detail .tab-content .business-plan ul {
  /* max-height: 44vh !important; */
}
#prc_detail .tab-content .business-plan .plan_name,
#prc_detail .tab-content .business-plan .plan_value {
  color: #fff;
}
#prc_detail .tab-content .business-plan .txt-bpsm {
  font-size: 0.75rem;
  margin-top: -6px;
}
#prc_detail .up-in-toggle {
  padding: 1%;
}
#prc_detail .up-in-toggle input {
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
#prc_detail .up-in-toggle input:checked + label {
  background: #856EDD;
  color: white;
  font-weight: 500;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.13);
}
#prc_detail .up-in-toggle label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 50px;
  font-weight: 600;
  color: #856EDD;
  background-color: #fff;
  font-size: 1.2rem;
  padding: 6px 6px;
  float: left;
  transition: all 0.1s ease-in-out;
}
B#prc_detail .up-in-toggle label:hover {
  cursor: pointer;
}
#prc_detail .up-in-toggle label:first-of-type {
  border-radius: 3rem 0 0 3rem;
}
#prc_detail .up-in-toggle label:last-of-type {
  border-radius: 0 3rem 3rem 0;
}

#faq .accordion-item {
  border: none;
  /* Default: no border */
}
#faq .accordion-item.expanded {
  border: 2px solid #1C4EFF;
  border-radius: 5px;
  /* Optional */
}
#faq .accordion-item {
  margin-bottom: 1rem;
  border-radius: 10px;
  box-shadow: 0px 6px 14px rgba(180, 162, 190, 0.0823529412);
}
#faq .accordion-item .accordion-button {
  height: 70px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 10px;
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
#faq .accordion-button::after {
  background-image: url("../assets/Plus.svg");
}
#faq .accordion-button:not(.collapsed) {
  box-shadow: none;
  /* Remove default focus outline */
  background-color: transparent;
  /* Remove blue background */
}
#faq .accordion-button:focus {
  box-shadow: none;
  /* Ensure no focus shadow */
  background-color: transparent;
  /* No background color when focused */
}
#faq .accordion-button:not(.collapsed) {
  box-shadow: none;
}
#faq .accordion-button:not(.collapsed)::after {
  background-image: url("../assets/Minus.svg");
}
#faq .all-features {
  text-align: center;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-size: 2.25rem;
  padding: 2.5rem;
}
#faq .destination {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0px 80px;
  padding: 0 0 60px 0;
}

#plan-details .accordion-button {
  font-weight: 600;
  color: #333333;
}
#plan-details button:focus:not(:focus-visible) {
  box-shadow: none !important;
}
#plan-details .accordion-button:not(.collapsed) {
  background: transparent;
}
#plan-details .accordion-body table tr td:first-child {
  color: #5c5c5c;
  width: 40%;
}

@media screen and (max-width: 767px) {
  .d-sm-none,
  .dotsBg,
  .our-expertise {
    display: none !important;
  }
  .leBg {
    overflow: hidden !important;
  }
  .hamburger {
    display: block;
    position: relative;
    top: 0.5rem;
  }
  header {
    padding: 1rem;
  }
  header nav {
    position: absolute;
    width: 100%;
    left: -100%;
    top: 70px;
    width: 100%;
    background: #fff;
    padding: 30px;
    transition: 0.3s;
  }
  header #nav_check:checked ~ nav {
    left: 0;
  }
  header nav ul {
    display: block;
  }
  header nav ul li a {
    margin: 5px 0;
  }
  .le-Header {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .officeCard,
  .all-ofc,
  .one-sol img {
    width: 100% !important;
  }
  .officeCard .one-card,
  .all-ofc .one-card,
  .one-sol img .one-card {
    width: 100% !important;
  }
  .ml14 .letters {
    white-space: wrap;
  }
  #stats .locBg {
    height: 100vh;
  }
  #stats .stats-data {
    top: 5vh !important;
  }
  #stats .stats-data .stat-value {
    margin-bottom: 1.5rem !important;
  }
  #stats .stats-data .stat-txt {
    margin: 0.5rem 3rem 1.5rem 3rem !important;
  }
  #stats .maintxt {
    font: normal normal bold 1.6rem/53px "Almarai", sans-serif !important;
  }
  #solutions .border-container {
    padding: unset !important;
  }
  #solutions .ml14 .maintxt {
    font: normal normal bold 1.81rem/43px "Almarai", sans-serif !important;
  }
  #solutions .soln-img {
    padding: 0;
  }
  #solutions .sol-plan {
    position: relative;
    bottom: 0;
    margin-top: -3rem !important;
    left: 0;
    width: 100%;
  }
  #solutions .all-features {
    font: normal normal bold 50px/58px "Almarai", sans-serif;
  }
  #solutions .destination {
    background-position: 0px 55px;
  }
  #solutions .border-container::before {
    transform: rotate(5deg);
  }
  #solutions .tab-content > .tab-pane {
    background-image: none !important;
    background: none !important;
  }
  #solutions .fade-in-right {
    top: unset;
  }
  #all-solutions {
    padding: 2rem 0rem 2rem 0rem;
  }
  #all-solutions .img-sec {
    display: none;
  }
  #all-solutions .img-sec .all-sbtm {
    right: 0 !important;
  }
  #all-solutions .features img {
    width: 50px;
    height: 50px;
  }
  #all-solutions .features span {
    min-width: 80%;
  }
  .maintxt {
    font: normal normal bold 2rem/50px "Almarai", sans-serif !important;
  }
  #overlayTxt {
    display: none;
  }
  .slide-left {
    animation: slideLeftAnimation1 both !important;
    animation-timeline: view();
  }
  .slide-right {
    animation: slideRightAnimation1 both !important;
    animation-timeline: view();
  }
  #makeOp p {
    text-align: center;
    font-size: 2rem;
  }
  #makeOp .set_zi .text {
    margin-bottom: 10px !important;
  }
  #landing {
    height: 100vh;
    padding-bottom: 2rem;
  }
  #landing .inLanding {
    flex-direction: column;
    width: 100%;
  }
  #landing .inLanding .highTxt1 {
    width: 100vw;
  }
  #landing .inLanding .highTxt {
    font: normal normal bold 2.15rem/18px "Almarai", sans-serif;
    text-align: center;
  }
  #landing .det-txt,
  #landing .mau-Btn {
    position: relative;
    top: 5rem;
  }
  #offices .mapBg .all-ofc {
    top: 2rem !important;
  }
  .mapBg img {
    display: none;
  }
  .newSect {
    height: 190vh;
  }
  #makeOp {
    padding: 10px;
  }
  #makeOp .maintxt {
    font: normal normal bold 2.25rem/43px "Almarai", sans-serif !important;
  }
  .btn-signin {
    display: none;
  }
  .abt_page section .abt_nos .img-right {
    width: 100% !important;
  }
  .abt_page section .abt_nos .card {
    height: auto !important;
  }
  .abt_page section .timeline {
    width: 35vw !important;
  }
  .abt_page section .abt_title_right {
    font-size: 2rem;
  }
  .abt_page section .abt-right-content .card {
    height: auto !important;
  }
  .abt_page section .left-set {
    display: none;
  }
  .erp_page .erp-title,
  .erp_page #advantages .mainTitle {
    font-size: 1.25rem;
  }
  .erp_page #advantages .waveSet {
    right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #all-solutions .one-sol .slide-left,
  #all-solutions .one-sol .slide-right {
    animation: none;
  }
  #all-solutions .one-sol .slide-left.p-5,
  #all-solutions .one-sol .slide-right.p-5 {
    padding: unset !important;
  }
  #all-solutions .one-sol .img-sec img {
    display: none;
  }
  #all-solutions .one-sol .img-sec img.all-sbtm, #all-solutions .one-sol .img-sec img.all-stop {
    display: none;
  }
  #all-solutions .one-sol .h350px {
    height: 225px;
  }
  #all-solutions .one-sol .setipad2 {
    display: none;
  }
  #contact.pt-10rem {
    margin-top: 30vh;
  }
  .btn-signin,
  .our-expertise {
    display: none;
  }
  #landing {
    height: 62vh;
    padding-bottom: 2rem;
  }
  #landing .inLanding {
    flex-direction: column;
    width: 100%;
  }
  #landing .inLanding .highTxt1 {
    width: 100vw;
  }
  #landing .inLanding .highTxt {
    font: normal normal bold 2.5rem/18px "Almarai", sans-serif;
    text-align: center;
    width: 100vw;
  }
  #landing .det-txt,
  #landing .mau-Btn {
    position: relative;
    top: 5rem;
  }
  #all-soluti9ons .one-sol .features span {
    min-width: 80%;
  }
  #all-soluti9ons .one-sol img {
    width: 60px !important;
  }
  #offices .mapBg .all-ofc {
    top: 10rem !important;
  }
  .officeCard,
  .all-ofc {
    width: 100% !important;
  }
  .officeCard .one-card,
  .all-ofc .one-card {
    width: 100% !important;
  }
  .mapBg img {
    display: none;
  }
  #stats .locBg {
    height: 80vh;
  }
  #stats .maintxt {
    font: normal normal bold 2.5rem/53px "Almarai", sans-serif !important;
  }
  .abt_page section .abt_nos .card {
    height: auto !important;
  }
  .abt_page section .abt_nos .left-set {
    display: none;
  }
  .abt_page section .timeline {
    width: 80vw !important;
  }
  #prc_detail .tab-content .card {
    height: auto !important;
    min-height: 100vh;
  }
}
@media screen and (min-width: 2100px) {
  .abt_page section .timeline {
    width: 25vw !important;
  }
}
.slide-left1 {
  animation: slideL1 5s linear infinite alternate;
}

@keyframes slideL1 {
  0% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
.login {
  height: 100vh;
  /* Change the border color of the checkbox */
  /* Change the color when the checkbox is checked */
  /* Optional: Change the border color when the checkbox is focused */
}
.login .content-left {
  height: 100vh;
  background: #f2f6ff;
  background-image: url("../assets/images/main/bgImg.png");
  background-size: contain;
  background-position: -150px -100px;
  background-repeat: no-repeat;
}
.login .btn-loginBtn {
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}
.login .btn-loginBtn:focus, .login .btn-loginBtn:active {
  color: #fff;
}
.login .carousel-inner {
  margin: auto;
  width: 100%;
}
.login .carousel-inner .carousel-item img {
  padding: 8% 15%;
  position: relative;
  top: 1.5rem;
}
.login .carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #1d4eff;
  position: relative;
  top: 2rem;
}
.login .carousel-caption {
  top: 1rem;
  color: #000;
}
.login .carousel-caption h5 {
  font-size: 1.75rem;
}
.login .setPad {
  padding: 15%;
}
.login .remRad {
  width: 24px;
  height: 24px;
}
.login small {
  font-weight: 100;
  color: grey;
}
.login .lang-sel {
  position: absolute;
  bottom: 1rem;
  width: 200px;
}
.login .form-check-input {
  border: 1px solid #dee2e6;
}
.login #toggle-password {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  border: none;
  background: none;
}
.login #toggle-password:hover {
  color: #6c757d;
}

.register {
  height: 100vh;
  padding: 0 10%;
  background: #f2f6ff;
  background-image: url("../assets/images/main/bgImg.png");
  background-size: contain;
  background-position: -150px -100px;
}
.register .card {
  border: none;
  box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.0509803922);
}
.register .remRad {
  width: 24px;
  height: 24px;
}
.register .page-head {
  text-align: center;
  padding: 2%;
  font-weight: 600;
  font-size: 2rem;
}
.register a {
  text-decoration: none;
}
.register .submit-Btn {
  width: 200px;
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}
.register .submit-Btn:focus, .register .submit-Btn:active {
  color: #fff;
}
.register .cancel-Btn {
  width: 200px;
  margin: 0 1rem;
  background: #000;
  color: #fff;
}
.register .cancel-Btn:focus, .register .cancel-Btn:active {
  color: #fff;
}
.register .captcha_ui .robot {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}
.register .captcha_ui .box-container {
  display: flex;
  border: 1px solid #ddd;
  background-color: #F9F9F9;
  border: 1px solid #D3D3D3;
  border-radius: 3px;
  width: 330px;
  align-items: center;
  padding: 10px 0px 10px 0px;
}
.register .captcha_ui input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 26px;
  height: 26px;
  border: 2px solid #C1C1C1;
  margin: 0px 14px 0px 14px;
}
.register .captcha_ui input[type=checkbox]:checked::before {
  content: url(https://img.icons8.com/?size=20&id=27&format=png&color=1e5180);
  display: block;
  line-height: 20px;
  padding: 0.05rem 0.6rem 0rem 0.05em;
}
.register .captcha_ui .logo {
  display: block;
  margin-left: 65%;
}
.register .captcha_ui .logo-text {
  text-align: right;
  font-size: 9px;
  font-family: "Roboto", sans-serif;
  position: relative;
  top: 0.35rem;
}
.register .captcha_ui .logo-text-tos {
  display: block;
  text-align: right;
  font-size: 9px;
  font-family: "Roboto", sans-serif;
  margin-left: 80px;
}
.register .captcha_ui .container {
  margin-right: 10px;
  text-align: center;
  line-height: 0.1rem;
}

.backtoBtn {
  font-weight: 500;
  color: #000;
  text-decoration: none;
}

.proPic {
  width: 36px;
  height: 36px;
  border-radius: 50px;
  margin: 0rem 0.5rem;
}

.mainPropic {
  width: 60px;
  height: 60px;
}

.btn-lesaas {
  height: 50px;
  width: 150px;
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  font-weight: 500;
}
.btn-lesaas:hover {
  color: #fff;
  font-weight: 600;
}

.btn-lesaas-bk {
  height: 50px;
  width: 150px;
  background: #000;
  color: #fff;
  margin: 0 1rem;
  font-weight: 500;
}
.btn-lesaas-bk:hover {
  background: #000;
  color: #fff;
  font-weight: 600;
}

header nav ul.pro-dp li {
  padding: 0.3rem !important;
  width: 90%;
}

.dashboard {
  height: 100vh;
  background: #f2f6ff;
  background-image: url("../assets/images/main/bgImg.png");
  background-size: contain;
  background-position: -150px -100px;
}
.dashboard .page-head {
  text-align: center;
  padding: 2% 0 0;
  font-weight: 600;
  font-size: 2rem;
}
.dashboard .side-card, .dashboard .det-card {
  height: 470px;
  box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.0509803922);
}
.dashboard ul.sidemenu {
  list-style: none;
  padding-left: unset;
}
.dashboard ul.sidemenu li {
  padding: 1rem;
  margin: 1rem;
  background: rgba(203, 203, 255, 0.35);
  border-radius: 5px;
  font-weight: 600;
}
.dashboard ul.sidemenu li:hover, .dashboard ul.sidemenu li.active {
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}
.dashboard ul.sidemenu .sidemenu li.active {
  font-weight: bold;
  color: #007bff; /* Active color to highlight the active list item */
}
.dashboard .det-card .dash-card {
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  height: 200px;
}
.dashboard .det-card .dash-card .circled {
  width: 12px;
  position: relative;
  top: -1px;
  margin: 0px 2px;
}
.dashboard .det-card .dash-card .sub-name {
  font-weight: 600;
  font-size: 1.2rem;
}
.dashboard .det-card .dash-card .plan-type {
  font-weight: 400;
}
.dashboard .det-card .dash-card .db-upgrade-plan {
  position: absolute;
  bottom: 1.25rem;
  background: #fff;
  border: none;
  border-radius: 50px;
  color: #07217E;
  padding: 5px 20px;
  font-weight: 600;
}
.dashboard .det-card .dash-card .plan-active {
  font-weight: 500;
}
.dashboard .det-card .sub-title {
  font-size: 1.25rem;
  font-weight: 600;
}
.dashboard .det-card label {
  font-size: 0.9rem;
}
.dashboard .det-card .det-value {
  font-weight: 600;
  font-size: 1.1rem;
}
.dashboard .det-card .upgrade-plan {
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
}
.dashboard .det-card .cancel-plan {
  background: #000;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
}
.dashboard .det-card .pay-tbl {
  height: 320px;
  overflow-y: auto;
}

.pagenotfound {
  width: 600px;
  display: flex;
  justify-content: center;
  margin: 4% auto;
}

.txt-404 {
  position: relative;
  top: 7rem;
  text-align: center;
}
.txt-404 .txt-404p {
  font-size: 2rem;
  font-weight: 600;
}
.txt-404 .txt-404p2 {
  font-size: 1.25rem;
}

.btn-404 {
  width: 200px;
  border: none;
  height: 50px;
  margin: 0 0 3rem 0;
  background: transparent linear-gradient(90deg, #552FDB 0%, #A139DF 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  border-radius: 5px;
}

.ar {
  direction: rtl;
}
.ar .login .form-floating > label {
  left: unset;
}
.ar .login .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  right: -15px;
}
.ar .login .form-floating > .form-control-plaintext ~ label, .ar .login .form-floating > .form-control:focus ~ label, .ar .login .form-floating > .form-control:not(:placeholder-shown) ~ label, .ar .login .form-floating > .form-select ~ label {
  right: -15px;
}
.ar .login #toggle-password {
  left: 0;
  right: unset;
}
.ar .login .form-select {
  background-position: left 0.75rem center;
  padding: 1rem 0.75rem 0.375rem 2.25rem;
}
.ar .register .touse {
  direction: ltr;
}
.ar .register .form-floating > label {
  left: unset;
}
.ar .register .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  right: -10px;
}
.ar .register .form-floating > .form-control-plaintext ~ label, .ar .register .form-floating > .form-control:focus ~ label, .ar .register .form-floating > .form-control:not(:placeholder-shown) ~ label, .ar .register .form-floating > .form-select ~ label {
  right: -10px;
}
.ar .register .form-select {
  background-position: left 0.75rem center;
  padding: 1rem 0.75rem 0.375rem 2.25rem;
}
.ar .register .captcha_ui input[type=checkbox]:checked::before {
  padding: 0.05rem 0.05rem 0rem 0.6em;
}
.ar .register .captcha_ui .logo {
  margin-left: unset;
  margin-right: 65%;
}
.ar .register .captcha_ui .logo-text-tos {
  margin-left: unset;
  margin-right: 80px;
  text-align: left;
}/*# sourceMappingURL=style.css.map */
.sp-label {
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.ht-select {
  height: 50px;
  margin: auto;
}
.setselect {
  position: absolute;
  left: 15px;
  top: 15px;
}
@media (max-width: 1310px) and (max-height: 730px) {
#prc_detail .tab-content .card ul {
    list-style: none;
    margin-top: 2rem;
    /* max-height: 32vh; */
    overflow-y: auto;
}
#prc_detail .tab-content .business-plan ul {
    /* max-height: 42vh!important; */
}
}
 
@media (max-width: 1152px) and (max-height: 640px) {
#prc_detail .tab-content .card ul {
    list-style: none;
    margin-top: 2rem;
    /* max-height: 27vh; */
    overflow-y: auto;
}
#prc_detail .tab-content .business-plan ul {
    /* max-height: 36vh !important; */
}
}
/* amira new edits 18-6-2025*/
.contact-form,.form-control{
  direction: rtl;
}
/* vishnu edits */
@media only screen and (max-width: 600px) {
.lanTxt .highTxt {
    width: 100vw;
}
}
    @media screen and (max-width: 767px) {
       
    #pagecontent {
        overflow-x: hidden;
    }
    .waveSet, .bgimgSet {
        display: none;
    }
    body {
        overflow-x: hidden;
    }
    #prc_detail .tab-content .card {
        margin-bottom: 1rem;
    }
 
    .erp_page .abt-bg #abt_landing .breadcrumbs ul .about .arrow-right,
    #prc_landing .breadcrumbs ul .about .arrow-right {
        left: 6px !important;
    }
 
    .footer .footer-link{
        padding-right: 0 !important;
    }
}
@media screen and (max-width: 767px) {
    .abt_page section .timeline {
 width: 85vw!important
    }
}
@media screen and (max-width: 767px) {
    .erp_page .erp-title, .erp_page #advantages .mainTitle {
font-size: 1.15rem;
text-align: start !important;
    }
    .setselect {
    position: absolute;
    left: 15px;
    top: -40px;
}
 
 
#prc_detail .up-in-toggle {
    padding: 1%;
    position: relative;
    top: 1.5rem;
}
.tab-content .d-flex.justify-content-center.m-5.mt-0 {
    margin: 3rem 0 !important;
}
 
#FoxErp .card {
  margin-bottom: 1rem !important;
}
}
input[type=number]{direction: rtl}
.page-template-templates_arSolutions-php .slide-right{
margin: auto;
}
@media screen and (max-height: 700px) {
 
#prc_detail .tab-content .card ul {
    /* max-height: 30vh; */
}
#prc_detail .tab-content .business-plan ul {
    /* max-height: 38vh !important; */
}
}

@media screen and (max-width: 424px) {
 
#landing .inLanding {
        position: relative;
        top: 7vh;
}
 
    #landing .inLanding .highTxt {
        font: normal normal bold 1.90rem / 18px "Almarai", sans-serif;
    }
 
.row.counter-section {
margin-right: unset;
margin-left: unset;
}
 
}
@media screen and (max-width: 767px) {
 
.row.counter-section {
margin-right: unset;
margin-left: unset;
}}
@media screen and (max-width: 767px) {
    .erp_page .erp-title, .erp_page #advantages .mainTitle {
        font-size: 1.5rem;
        text-align: center !important;
        overflow-x: hidden;
        white-space: normal;
    }
.abt_page section .timeline-label {
left: -45px !important;
}
 
.abt_page section .mainImg {
padding-top: 3rem;
}
}
@media screen and (max-width: 767px) {
    .maintxt {
        font: normal normal bold 1.75rem / 50px "Almarai", sans-serif !important;
    }
 
/**.t_highlighted {
    color: #5D30DC !important;
    display: block;
}*/
 
.grecaptcha-badge {display: none}
.slide-left.ps-5{
padding-left: 1rem !important;
}
 #all-solutions .solution .maintxt {
    text-align: center;
}
.iti--fullscreen-popup.iti--container {
    z-index: 9999;}
} 
@media screen and (max-width: 600px) {
 
.abt_page section .roundb, .abt_page section .roundo {
display:none;
}
 
.abt_page section .abt-left-content .abt-dlist p {
    font-size: 1.25rem;
}
 
 
.abt_page section .abt_nos .img-right {
    object-fit: contain;
}
 
.erp_page section .abt-right-content img.erpDet {
    object-fit: contain;
}
 
.erp_page .landImg {
    margin-top: 3rem;
}
 
.erp_page .circ2 {
    margin-left: 50%;
}
 
.erp_page .circ3 {
    margin-left: -70%;
}
 
.erp_page .wave1 {
    margin-left: -65%;
}
 
.erp_page .wave2 {
    margin-left: 40%;
    margin-top: 10%;
}
 
}
#makeOp .mau-Btn {
    text-align: center;
}
.all-rights p{
color:white !important;
}
#all-solutions .one-sol .det-txt {
    text-align: justify;}
#offices .maintxt {
    text-align: center;}
@media screen and (min-width: 768px) {
p{
text-align: justify;
}
#all-solutions .one-sol .features span,
.erp_page #advantages .accordion-item,
.listMission.mt-5 {
    text-align: justify;
}
}
.erp_page .mainImg2 {
    max-width: 650px;
}
 
.erp_page .mainImg3 {
    max-width: 500px;
}
@media screen and (max-width: 767px) {
    .newSect {
        height: 160vh;
    }
.erp_page section .abt-right-content img.erpDet {
    height: auto;
}
    header #nav_check:checked~nav {
        left: 0;
        flex-direction: column;
    }
  .btn-signin {
    display: block;
  }
}
.vserp p { text-align: start;}
.almarai-light {
  font-family: "Almarai", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.almarai-regular {
  font-family: "Almarai", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.almarai-bold {
  font-family: "Almarai", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.almarai-extrabold {
  font-family: "Almarai", sans-serif;
  font-weight: 800;
  font-style: normal;
}