:root {
  --bs-primary: #0F766E;
}

.brand-text {
  color: var(--bs-primary) !important;
}

.brand-cta {
  background-color: var(--bs-primary) !important;
  border-radius: 8px;
  font-weight: 500;
}

@font-face {
  font-family: "Hacen Tunisia";
  src: url("/assets/prime/fonts/Hacen-Tunisia.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[lang="ar"] body * {
  font-family: "Hacen Tunisia", sans-serif !important;
}


body {
  font-family: "Poppins", serif;
  background-color: #f5f5f4;
}

a,
a:hover {
  text-decoration: none;
}
.navbar-nav .nav-link.active {
  color: #0F766E;
}
.fs-16 {
  font-size: 16px;
}
.text-lightgray90 {
  color: #56534f;
}
.fs-12 {
  font-size: 12px;
}
.lh-16 {
  line-height: 16px;
}
.fs-14 {
  font-size: 14px;
  line-height: 22px;
}
.fs-24 {
  font-size: 24px;
  line-height: 32px;
}
.pt-32 {
  padding-top: 32px;
}
.pb-24 {
  padding-bottom: 24px;
}
.fs-20 {
  font-size: 20px;
  line-height: 28px;
}
.fs-48 {
  font-size: 48px !important;
}
.lh-26 {
  line-height: 26px;
}
.fs-18 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}
.fs-17 {
  font-size: 17px;
  line-height: 28px;
}
.fs-30 {
  font-size: 30px;
  line-height: 40px;
}
.text-greenesh {
  color: #178854;
}
.lh-24 {
  line-height: 24px;
}
.radius-24 {
  border-radius: 24px;
}
.socialicons i {
  color: #0F766E;
}
.text-grayLight {
  color: #a7a29e;
}
.gap-120 {
  gap: 120px;
}
.gap-32 {
  gap: 32px;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 1440px !important;
  padding-inline: 80px;
}
.navbar-nav a {
  font-size: 14px;
  line-height: 20px;
  color: rgb(51, 51, 51);
  padding: 0 !important ;
  font-weight: 500;
}
.bg-lighter {
  background-color: #f5f5f4;
}
.gray {
  color: #494949;
}
.blogCard {
  border-radius: 20px;
  overflow: hidden;
}
.text-light-gray {
  color: #77716d;
}
.mt-136 {
  margin-top: 136px;
}
.bg-blackesh {
  background-color: #1b1917;
}
.border-gray90 {
  border-color: #1b1917;
}
.text-blackesh {
  color: #0c0a09;
}
.text-gary-43 {
  color: #43403c;
}
.percentDesc {
  font-size: 18px;
  line-height: 28px;
  margin: 0;
  font-weight: normal;
}
.text-primary {
  color: #0F766E !important;
}
.text-gryesh {
  color: #282524;
}
.px-120 {
  padding-inline: 120px;
}
.pt-50 {
  padding-top: 50px;
}
.pb-64 {
  padding-bottom: 64px;
}
.dropdown-toggle-custom:hover,
.dropdown-toggle-custom:focus {
  text-decoration: none;
  color: #6c6b6b;
}
.loginBtn,
.demoBtn,
.lernmoreBtn {
  padding: 8px 16px;
  border-radius: 10px;
  border: 1px solid #0F766E;
}
.finMoredBtm {
  padding: 8px 16px;
  border-radius: 12px;
  border: 1px solid #0F766E;
  color: #0F766E;
  transition: 0.3s ease;
}
.demoBtn {
  background-color: #0F766E;
}
.bookdemoBtn {
  background-color: #0F766E !important;
  border-radius: 12px;
  border: 1px solid transparent;
}
.howitWorkBtn {
  border-color: #e4e4e4;
  border-radius: 12px;
  /* border: 1px solid; */
}

.howitWorkBtn:hover {
  border-color: #7a6565;
  border-radius: 12px;
}

.personalized-demo {
  background-color: rgba(255, 240, 220, 1);
}
.bookdemoBtn:hover {
  background: #0F766E;
}
.orange-text {
  color: rgba(15, 118, 110, 1);
}
.bg-orange {
  background-color: rgba(15, 118, 110, 1) !important;
}
.h-540 {
  height: 500px;
}
.text-light {
  color: rgba(73, 73, 73, 1) !important;
}
html {
  scroll-behavior: smooth;
}
.personalized-demo:hover {
  background-color: #0F766E;
}
.bookdemoBtn,
.lernmoreBtn,
.howitWorkBtn {
  padding-block: 12px;
  padding-inline: 24px;
}
.loginBtn:hover,
.lernmoreBtn:hover {
  background: rgba(15, 118, 110, 0.15);
  color: #0F766E;
}
/* styles/StatsComponent.module.css */
.percentPlusHeading {
  color: #000;
  font-weight: 500;
  font-size: 72px;
  line-height: 96px;
  margin: 0;
}
.textEffect {
  background-image: url("/assets/prime/images/textbg.png");
  background-size: cover;
  background-position: center;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  mix-blend-mode: multiply; /* Try 'screen', 'overlay', or 'difference' for different effects */
}

.bloghero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 24px;
}
.orgstatus .row {
  border: 1px solid #d5d3d1;
  border-radius: 1000px;
  padding-block: 56px;
  padding-inline: 64px;
}
.py-56 {
  padding-block: 56px !important;
}
.pt-56 {
  padding-top: 56px;
}
.pb-93 {
  padding-bottom: 93px;
}
.px-190 {
  padding-inline: 190px;
}
.Cardslide {
  border-color: #e7e5e4 !important;
  padding: 8px;
  border-radius: 24px;
}

.cardcontent {
  padding: 20px;
}
/* hero section */
.heroDesc {
  margin: 0;
  padding-bottom: 48px;
  padding-top: 30px;
}
.text-lightorange {
  color: #14B8A6;
}
/* slikder */
.arrowBtn::after {
  display: none;
}
.swiper-pagination-bullet-active {
  background: #0F766E !important;
}
/* testimonial */
.linearBg {
  background: linear-gradient(to bottom, #f5f5f4 0%, #ffffff 100%);
}
.contactusSection {
  background: linear-gradient(to right, #14B8A6 0%, #14B8A6 100%);
}
.testiCard {
  background: #f5f5f4;
  padding: 44px 32px;
  border-radius: 24px;
}
.userImg {
  border: 5px solid white;
  border-radius: 100px;
}
.workprogress .progress {
  height: 8px;
  background-color: #e7e5e4;
}
.workprogress .progress-bar {
  background: #1b1917;

  border-radius: 10px;
}
.slidecard {
  border-radius: 24px;
  padding: 42px 40px;
  padding-bottom: 32px;
}
.slidNum {
  font-size: 24px;
  color: #e7e5e4;
  text-align: right;
  position: absolute;
  right: 15px;
  bottom: 0;
}
.iconImg {
  position: absolute;
  top: 15px;
  left: -38px;
  background: #f5f5f4;
  border-radius: 62px;
  /* width: 32px;
  height: 32px; */
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.iconImg i {
  font-size: 32px;
  line-height: 0;
}
/* contact us section */
.contaactForm {
  padding: 36px 28px;
  border-radius: 16px;
}
.contaactForm .form-control,
.bookForm .form-control {
  padding: 12px 20px;
  border-radius: 12px;
  background: #fafafa;
}
.contaactForm .form-control::placeholder,
.bookForm .form-control::placeholder,
.signupForm form .form-control::placeholder {
  color: #cdcdcd;
}
/* bookform */
.bookForm {
  padding: 32px;
  border-radius: 32px;
  background: #fafafa;
}

.form-select {
  background-color: #fafafa;
  padding: 12px 20px;
  color: #cdcdcd;
}

.submitBtn {
  width: 100%;
  background: linear-gradient(to left, #4f4d4b 0%, #1b1917 100%);
  padding: 12px 32px;
  border-radius: 12px;
}
.borderb-gray {
  border-bottom: 1px solid #d5d3d1;
}
.swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-pagination-bullet-active {
  width: 12px !important;
  height: 12px !important;
}
.user-say {
  padding: 64px 0 80px 0 !important;
}
/* find out more section */
.finMoredBtm-icon {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #0F766E;
  width: 16px;
  height: 16px;
  transition: background-color 0.3s ease;
}
.finMoredcol-icon {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #494949;
  width: 32px;
  height: 32px;
  margin-bottom: 32px;
}
.finMoredBtm:hover,
.finMoredBtm:focus {
  background-color: #0F766E;
  color: #ffffff;
}
.finMoredBtm:hover .finMoredBtm-icon,
.finMoredBtm:focus .finMoredBtm-icon {
  background: #ffffff;
}
.pt-24 {
  padding-top: 24px;
}
.pb-40 {
  padding-bottom: 40px;
}
.py-40 {
  padding-block: 40px;
}
/* client testiminials */
.linerCard {
  background-image: url("/assets/prime/images/linerBG.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.rounded-40 {
  border-radius: 40px;
}
.p-56-44 {
  padding: 56px 0 44px 0;
}
.h-fit {
  height: fit-content;
}
.pt-44 {
  padding-top: 44px;
}
.feild-w {
  width: 48%;
  margin-bottom: 30px;
}
.form-select option {
  color: #313131;
}
/* FAQ */
.accordion-button::after {
  display: none;
}
.accordion-button {
  padding: 28px 28px 28px 36px;
  justify-content: space-between;
}
.accordion-button:not(.collapsed) {
  color: #0c0a09 !important;
  background-color: #ffffff;
  padding: 28px 28px 28px 36px;
}
.accordion-item {
  border: 1px solid #e7e5e4;
  border-radius: 24px !important;
  overflow: hidden;
  margin-bottom: 16px;
}
.accordion-button i {
  background: white;
  line-break: 0;
  padding: 8px 10px;
  border-radius: 10px;
  box-shadow: 0px 2px 4px #00000026;
  font-size: 17px;
}
.avatarimg {
  width: 52px;
  height: 52px;
  object-fit: contain;
}
.py-36 {
  padding-block: 36px;
}
.signupForm form input {
  padding: 12px 20px;
  border-radius: 12px;
  border: none;
}
.subscribBtn {
  padding: 12px 28px !important;
  border-radius: 12px;
  font-size: 16px;
  border: none !important;
}
.ecerpt {
  padding: 20px 24px;
}
.cardlabel {
  background: #0F766E;
  width: fit-content;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 14px;
  color: white;
  top: -20px;
}
.search {
  border: 1px solid #d9d9d8;
  padding: 6px 12px;
  border-radius: 12px;
  width: 248px !important;
  color: #b7b7b7 !important;
}
.search input::placeholder {
  color: #b7b7b7 !important;
}
.blogCard .blog-image {
  height: 300px;
  object-fit: cover;
}
.blogTabs button {
  border: 1px solid #b7b7b7;
  border-right: 0;
  border-radius: 0;
  padding: 12px 25px;
  transition: 0.4s ease;
}
[lang="en"] .blogTabs button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
[lang="en"] .blogTabs button:last-child {
  border-right: 1px solid #b7b7b7;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

[lang="ar"] .blogTabs button:first-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-right: 1px solid #b7b7b7;
}
[lang="ar"] .blogTabs button:last-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
[lang="ar"] .socialiconB {
  text-align: left !important;
}
.blogTabs button.active,
.blogTabs button:hover {
  background-color: #0F766E;
  border-color: #0F766E !important;
  color: white;
}
.iconsSlide {
  position: absolute;
  top: 50%;
  display: flex;
  justify-content: space-between;
  width: 95%;
  left: 0;
  right: 0;
  margin-inline: auto;
  z-index: 99;
}
.iconsSlide button {
  border: none;
  width: auto;
  font-size: 48px;
  background: none;
}
.testimonial-card.userSay {
  background: white;
  border-radius: 24px;
  padding: 44px 64px;
  margin-inline: 56px;
}
.quote-icon {
  top: -30px;
}
.user-info {
  bottom: -78px;
}
[lang="ar"] .iconsSlide button,
[lang="ar"] .arrows-ar button {
  transform: scale(-1);
}
[lang="ar"] .herotitle.ar-right {
  text-align: right !important;
}
[lang="ar"] .ar-res {
  text-align: left !important;
}
[lang="en"] .dr-rtl {
  padding-right: 0;
}
[lang="ar"] .dr-rtl {
  padding-left: 0;
}
.getinTouchBtn {
  padding: 7px;
}

.loginpage .register {
  padding-block: 56px;
  padding-inline: 120px;
  max-width: 1440px !important;
  background: #fafaf9;
}
.welcomText {
  font-size: 48px;
  color: #494949;
  font-weight: 600;
}
.welcomDesc {
  font-size: 18px;
  color: #494949;
  font-weight: 300 !important;
}

/* animated image login page */
.smallCardsAnim {
  position: absolute;
  background: white;
  border-radius: 12px;
  padding: 16px;
  transition: 0.5s ease;
  transform: translateY(0px);
}
.smallCardsAnim.anim1 {
  top: 75px;
  right: 151px;
}
.smallCardsAnim.anim2 {
  top: 201px;
  right: 36px;
}
.smallCardsAnim.anim3 {
  right: 56px;
  bottom: 77px;
}
.smallCardsAnim.anim4 {
  left: 155px;
  bottom: 13px;
}
.smallCardsAnim.anim5 {
  bottom: 155px;
  left: -14px;
}
.smallCardsAnim.anim6 {
  top: 151px;
  left: 25px;
}
.smallCardsAnim img {
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  margin-inline: auto;
  transition: top 0.5s ease-in-out;
}
.smallCardsAnim:hover {
  transform: translateY(-10px);
}
.smallCardsAnim:hover img {
  top: 45px;
}
/* login lang btn */
.language-btns.loginLangBtn {
  background: rgba(127, 127, 127, 0.2);
  border-radius: 100px;
  padding: 5px !important;
  margin: 0;
}
.loginLangBtn .lang-btns {
  background: none;
  color: #7f7f7f !important;
  padding: 4px 10px;
  border-radius: 24px;
  border: none;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}
[lang="ar"] .loginLeft-cont {
  margin-left: 0 !important;
  margin-right: auto;
}
.loginLangBtn .lang-btns.active {
  background: #494949;
  color: white !important;
  padding: 4px 10px;
  border-radius: 24px;
  border: none;
  font-size: 12px;
  font-weight: bold;
}
.card-body.loginLeft-cont {
  padding: 20px 20px 20px 20px;
  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
    0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
}
.register .card {
  box-shadow: 4px 0px 19px #00000024 !important;
}
.rightlogin-cont h4 {
  font-size: 20px;
  font-weight: normal;
  text-shadow: 1px 1px 2px #fff, 0 0 7px #fff, 0 0 8px #fff;
  color: #0F766E;
}
/* login */
.loginK input.Uname,
.loginK input.Upass {
  border-color: rgba(132, 132, 132, 0.2);
  background: rgba(167, 163, 163, 0.05);
  border-radius: 12px !important;
  padding: 12px 20px !important;
}
.loginK input.Uname::placeholder,
.loginK input.Upass::placeholder {
  color: #cdcdcd;
}
/* ONLY Arabic password toggle button */
[lang="ar"] .position-relative > input.Upass + button {
  right: auto !important;
  left: 0 ;
  margin-left: 0.5rem ;
}
.loginK .form-label {
  font-size: 14px;
  color: #5e5e5e;
}
.forgotpas {
  color: #0F766E;
}
.Usubmit {
  padding: 12px 28px !important;
  font-size: 16px;
  background: #0F766E !important;
  border-radius: 12px !important;
  transition: 0.3s ease-in-out;
  border-color: transparent !important;
}
.Usubmit:hover {
  background-color: #0B5C56 !important;
}

[lang="en"] .heroSection {
  padding: 80px 0px !important;
}
/* 17-03-25 arabic side  */
[lang="en"] .arabic-p-140 {
  padding-inline: 141px;
}
[lang="ar"] .heroSection {
  padding: 80px 60px !important;
}
[lang="en"] .heroImg:nth-child(1) {
  display: block;
}

[lang="en"] .heroImg:nth-child(2) {
  display: none;
}

[lang="ar"] .heroImg:nth-child(1) {
  display: none;
}

[lang="ar"] .heroImg:nth-child(2) {
  display: block;
}

[lang="ar"] .percentDesc {
  padding-inline: 15px;
}
[lang="ar"] .arabic-p-180 {
  padding-inline: 210px !important;
}

[lang="ar"] .arabic-p-0 {
  padding: 0 !important;
}

[lang="ar"] .arabic-p-50 {
  padding-inline: 50px !important;
}
[lang="ar"] .arabic-fnt-14 {
  font-size: 14px;
}
[lang="ar"] .cardcontent {
  padding: 20px 9px;
}
[lang="ar"] .arabic-p-1rem {
  padding-left: 1rem !important;
}
[lang="ar"] .arabic-p-30 {
  padding-left: 50px !important;
}
[lang="ar"] .arabic-p-60 {
  padding-left: 60px !important;
}
html[lang="ar"] .phonrArR {
  direction: ltr !important;
  display: block;
  margin-right: 5px;
}
html[lang="ar"] .phonrArRs {
  direction: ltr !important;
  display: block;
  /* margin-right: 5px; */
  text-align: end;
  flex-direction: row-reverse;
  display: flex;
  gap: 10px;
}
html[lang="ar"] .arAnchor {
  display: flex;
}
[lang="en"] .arb-demo {
  display: none;
}

[lang="ar"] .eng-demo {
  display: none;
}

/* 18-03-25  */
[lang="ar"] .arabic-text-start {
  text-align: start !important;
}
[lang="ar"] .arabic-display-start {
  display: flex !important;
}
[lang="ar"] .arabic-p-inline-50 {
  padding-inline: 50px !important;
}
/* [lang="ar"] .arabic-p-inline-10{
  padding-inline: 10px !important;
} */
[lang="ar"] .arabic-fs-40 {
  font-size: 40px !important;
}
[lang="ar"] .arabic-lh-46 {
  line-height: 46px !important;
}
[lang="ar"] .arabic-p-0 {
  padding-inline: 0px !important;
}
[lang="en"] .discover-process {
  font-size: 36px !important;
  line-height: 40px !important;
}
.dashimgTab {
  height: 770px;
  width: auto;
}
.ikmal-img-home {
  height: 34.14643478393555px;
  width: auto;
}

/* 19-03-25  */
.whychooseCard img {
  height: 200px;
  width: auto;
}
/* 20_03_25 */
[lang="ar"] .arabic-text-start {
  text-align: start !important;
}
[lang="ar"] .p-l-68 {
  padding-left: 68px;
}
[lang="ar"] .p-l-114 {
  padding-left: 114px !important;
}
.login.logo img {
  width: 130px;
  height: 40px;
  object-fit: contain;
}
form.search input:focus {
  box-shadow: none;
}

form.search:focus-within {
  border-color: #0F766E !important;
}
@media screen and (min-width: 1300px) {
  .max-w-560 {
    max-width: 560px;
    width: 560px;
  }
  .px-351 {
    padding-inline: 351px !important;
  }
  .w-380 {
    width: 380px;
  }
}

@media screen and (min-width: 800px) {
  .p-52-48 {
    padding: 52px 48px;
  }
  .max-w-560 {
    max-width: 560px;
    width: 525px;
  }
  .w-728 {
    width: 728px;
  }
  .heroSection {
    padding: 80px 128px;
  }
  .py-64 {
    padding-block: 64px;
  }
  .px-64 {
    padding-inline: 64px;
  }
  .py-80 {
    padding-block: 80px;
  }
  .pb-80 {
    padding-bottom: 80px;
  }
  .py-58 {
    padding-block: 58px;
  }
  .herotitle {
    font-size: 60px;
    line-height: 72px;
  }
  .px-35 {
    padding-inline: 35px;
  }
  .px-120 {
    padding-inline: 120px;
  }
  .fs-34 {
    font-size: 34px;
    line-height: 44px;
  }
  .fs-36 {
    font-size: 36px;
    line-height: 44px;
  }
  .py-112 {
    padding-block: 112px;
  }
  .testimonialSection {
    padding: 90px 0 106px 0;
  }
  .processSlider .Cardslide {
    border-color: #e7e5e4 !important;
    padding: 16px 20px 16px 56px;
    border-radius: 40px;
  }
  .mt-mins80 {
    margin-top: -80px;
  }
  .mt-mins136 {
    margin-top: -136px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dashimgTab {
    display: none;
  }
  .heroSection {
    padding: 40px 0px;
  }
  .container {
    padding-left: 32px;
    padding-right: 32px;
    padding-block: 10px;
  }

  .whychoseRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .col-md-6 {
    width: 100%;
    max-width: 48%;
    padding: 10px;
  }

  .whychooseCard {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  .WhyChCardTitle {
    font-size: 20px;
  }
  .fs-48 {
    font-size: 38px;
  }
  .heroImg {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
  }
  .percentPlusHeading {
    font-size: 44px;
  }
  .orgstatus .row {
    padding-block: 5px;
    margin-block: 10px;
    padding-inline: 29px;
  }
  .testiCard {
    margin-block: 10px;
  }
  .workprogress .progress {
    margin-top: 20px;
  }
  .flex-wrap-mob {
    flex-wrap: wrap;
    gap: 10px;
  }
  .linerCard {
    padding: 19px 17px;
    margin-top: 20px;
  }
  .px-64 {
    padding-inline: 10px !important;
  }
  .herotitle {
    font-size: 30px;
    font-weight: 500 !important;
    /* line-height: 72px; */
  }
  .whychooseCard img {
    width: 150px;
    height: auto;
  }
  .fs-34 {
    font-size: 20px;
  }
  .fs-20 {
    font-size: 14px !important;
  }
  .quoteImg {
    width: 33px;
    height: 33px;
  }
  .testimonialSection .col-md-7,
  .testimonialSection .col-md-5 {
    width: 100%;
  }
  .testimonialSection {
    flex-direction: column-reverse;
  }
  .tabText-center {
    text-align: center;
  }
  .testimonialSection .swiper {
    padding-bottom: 25px;
    margin-bottom: 20px;
  }
  .tabCol100 {
    width: 100%;
    max-width: 100%;
  }
  .mob-flex-col-reverse.workTabsec {
    flex-direction: column-reverse;
  }
  .worksimgDiv {
    text-align: center;
  }
  .worksimgDiv img {
    width: 524px !important;
  }
  .tabCol100.tabRow {
    display: flex;
    align-items: end;
  }
  .tabCol100.tabRow h4 {
    flex: 4;
    margin-bottom: 0 !important;
  }
  .tabCol100.tabRow a {
    flex: 1;
  }
  .workprogress.deskProg {
    display: none;
  }
  .workprogress.deskProg.tabPProg {
    display: block !important;
  }
  .tabCol100.tabCont {
    text-align: center;
    padding-block: 40px;
  }
  .tabCol100.tabCont p {
    font-size: 16px !important;
  }
  .tabCol100 .contaactForm {
    margin-bottom: 40px;
  }
  .loginBtn {
    padding: 8px 16px;
    border-radius: 10px;
    border: 1px solid #0F766E !important;
    color: #0F766E !important;
  }
  /* 17-03-25  */
  [lang="en"] .arabic-p-140 {
    padding-inline: 3px;
    line-height: 20px;
  }
  .fs-16 {
    font-size: 14px;
  }
  html[lang="ar"] .phonrArR {
    direction: ltr !important;
    display: block;
    margin-right: 5px;
  }
  html[lang="ar"] .arAnchor {
    display: flex;
  }
  [lang="ar"] .heroSection {
    padding: 0px !important;
  }
  /* 18-03-25  */
  [lang="ar"] .arabic-p-inline-10 {
    padding-inline: 0px !important;
  }
  .tablet-side {
    flex-direction: column;
  }
  .tablet-w-100 {
    max-width: 100% !important;
    padding-inline: 40px !important;
  }
  .mob-ikmal {
    font-size: 20px;
    padding-block: 20px;
  }
  .mob-fs-20 {
    font-size: 20px;
  }
  .percentDesc {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    font-weight: normal;
  }
}
@media screen and (max-width: 600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    padding-inline: 10px;
  }
  .orgstatus .row {
    padding-inline: 10px;
    margin-inline: 10px;
    border: 0;
  }
  .fs-18 {
    font-size: 14px;
  }
  .mob-fs-30 {
    font-size: 30px !important;
  }
  .mob-text-center {
    text-align: center;
  }
  .percentPlusHeading {
    font-size: 40px;
    line-height: 80px;
  }
  .percentDesc {
    font-size: 14px;
  }
  .heroImg,
  .workMac {
    width: 100%;
  }
  .Cardslide {
    padding: 20px;
  }
  .mobTopbutton {
    margin-inline: auto;
    justify-content: center;
  }
  .mobTopbutton .dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: 0;
  }
  .bookdemoBtn,
  .lernmoreBtn,
  .howitWorkBtn {
    padding-block: 10px;
    padding-inline: 10px;
    font-size: 14px;
  }
  .heroImg {
    margin-block: 20px;
  }
  .heroSection {
    padding-top: 30px;
  }
  .whychooseCard {
    flex-wrap: wrap;
    text-align: center;
  }
  .mob-pad-inline-12 {
    padding-inline: 12px;
  }
  .fs-14 {
    font-size: 14px;
  }
  .mob-fs-16 {
    font-size: 16px;
  }
  .mob-text-center {
    text-align: center;
  }
  .mob-fs-30 {
    font-size: 30px;
  }
  .mob-feature-h3 {
    padding-inline: 47px !important;
    line-height: 40px !important;
  }
  .testmonial-mob-name {
    font-weight: 600;
    color: rgba(12, 10, 9, 1);
  }
  .mob-fs-12 {
    font-size: 12px;
  }
  .mob-fs-14 {
    font-size: 14px;
  }
  .quoteImg {
    height: 46px;
    width: 46px;
  }
  .mob-flex-col-reverse {
    flex-direction: column-reverse;
  }
  .mob-fs-14 {
    font-size: 14px !important;
  }
  .progress {
    display: none;
  }
  .whychooseCard img {
    margin-inline: auto;
  }
  .fs-34 {
    font-size: 18px !important;
  }
  .testiCard {
    flex-direction: column;
  }
  .testimonialSection {
    flex-direction: column-reverse;
    padding-bottom: 20px;
  }
  h3.fs-48 {
    font-size: 28px;
  }
  .py-80 {
    padding-block: 50px;
  }
  .fs-24 {
    font-size: 18px;
    line-height: 26px;
  }
  .worksimgDiv {
    padding-block: 40px;
  }
  .py-64 {
    padding-block: 40px;
  }
  .contaactForm {
    margin-top: 30px;
  }
  .getinTouchBtn {
    width: fit-content;
  }
  .footerBottom div {
    justify-content: center;
  }
  .footerBottom div p {
    text-align: center !important;
    margin-top: 12px !important;
  }
  .p-52-48 {
    padding: 20px;
  }
  .py-56 {
    padding-block: 20px !important;
  }
  .testimonial-card.userSay {
    padding: 44px 10px;
    margin-inline: 42px;
  }
  .flex-wrap-mob {
    flex-wrap: wrap;
    gap: 10px;
  }
  .feild-w {
    width: 100%;
  }
  .p-4-mob button {
    padding: 10px !important;
  }
  .flex-direction-mob {
    flex-direction: column;
    gap: 10px;
  }
  .blogTabs {
    display: flex;
  }
  .signupImg {
    max-width: 100%;
    height: auto;
  }
  .px-64 {
    padding-inline: 10px !important;
  }
  .heroImg {
    max-width: 100% !important;
    height: auto !important;
  }
  .thankyou {
    height: 20vh;
  }
  .star1,
  .star2 {
    display: none; /* Hide stars on mobile */
  }
  /* .herotitle {
    font-size: 36px;
    font-weight: 500 !important;
  } */
  .herotitle {
    font-size: 30px;
    font-size: 24px;
    font-weight: 600 !important;
    padding-inline: 5px;
  }
  .py-80 {
    padding-block: 12px;
  }
  .fs-20 {
    font-size: 14px;
  }
  .heroDesc {
    font-size: 14px;
    line-height: 20px;
    padding-inline: 10px;
  }
  .dashimgTab {
    display: none;
  }
  .mob-hero-buttons {
    flex-direction: column;
    padding: 10px;
  }
  .mob-md-500 {
    font-weight: 500 !important;
  }
  .mob-lh-20 {
    line-height: 20px;
  }
  .mob-rounded-24 {
    border-radius: 24px !important;
  }
  .form-label-col {
    color: #494949 !important;
  }
  .mob-fw-500 {
    font-weight: 500 !important;
  }
  .mob-fs-10 {
    font-size: 10px;
  }
  .mob-p-inline-10 {
    padding-inline: 10px !important;
  }
  .mob-fs-36 {
    font-size: 36px !important;
  }
  .mob-hr-feature {
    text-align: start !important;
    line-height: 40px;
  }
  .mob-text-align-start {
    text-align: start !important;
  }
  .mob-d-none {
    display: none;
  }
  .mob-flex-reverse {
    flex-direction: column-reverse;
  }
  .mob-fs-36 {
    font-size: 36px !important;
  }
  .mob-border-24 {
    border-radius: 24px !important;
  }

  /* header new mobile design  */
  /* Offcanvas Container */
  .mobile-menu-offcanvas {
    width: 100% !important;
    max-width: 100%;
    border: none;
    background-color: white;
  }

  .mobile-menu-offcanvas .offcanvas-header {
    display: none; /* Hide default header */
  }

  .mobile-menu-offcanvas .offcanvas-body {
    padding: 0;
  }

  .offcanvas-inner-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
    background-color: white;
  }

  /* Custom Header with Close Button */
  .offcanvas-custom-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin-bottom: 10px;
  }

  .offcanvas-close-btn {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .close-icon {
    font-size: 24px;
    font-weight: 300;
    color: #333;
    display: block;
    line-height: 1;
  }

  /* Toggle Buttons */
  .toggle-buttons-container {
    margin-bottom: 24px;
  }

  .toggle-group {
    display: inline-flex;
    background-color: #f1f1f1;
    border-radius: 20px;
    padding: 3px;
  }

  .toggle-btn {
    border: none;
    background: transparent;
    padding: 5px 12px;
    border-radius: 17px;
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
  }

  .toggle-btn.active {
    background-color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }

  .toggle-btn-text {
    display: inline-block;
  }

  /* Navigation Menu */
  .offcanvas-menu-items {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }

  .offcanvas-nav-link {
    color: #333;
    padding: 14px 0 !important;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #f1f1f1;
    transition: color 0.2s;
  }

  .offcanvas-nav-link:last-child {
    border-bottom: none;
  }

  .offcanvas-nav-link:hover,
  .offcanvas-nav-link.active {
    color: #0F766E;
    background-color: transparent;
  }

  /* Demo Button */
  .demo-btn-container {
    margin-top: 20px;
    padding: 0;
  }

  .demo-btn-mobile {
    display: block;
    width: 100%;
    background-color: #0F766E;
    color: white;
    text-align: center;
    padding: 12px;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-size: 15px;
  }

  .demo-btn-mobile:hover {
    background-color: #0B5C56;
    color: white;
    text-decoration: none;
  }
  .loginBtn {
    padding: 8px 16px;
    border-radius: 10px;
    border: 1px solid #0F766E !important;
    color: #0F766E !important;
    font-size: 14px;
  }
  .py-56 {
    padding-inline: 10px !important;
  }
  .welcomText {
    font-size: 30px;
  }
  .welcomDesc {
    font-size: 16px;
  }
  .navbar-toggler-icon {
    height: 24px;
    width: 24px;
  }
  .ikmal-img-home {
    width: 95.3663558959961px !important;
    height: auto !important;
  }
  #dropdown-languages-mobile {
    font-size: 14px;
  }
  .blogTabs button {
    padding: 12px 16px !important;
  }
  .mob-py-10 {
    padding-block: 12px !important;
  }
  .search {
    width: 100% !important;
  }
  .mob-dark {
    color: #0c0a09;
  }
  .howitWorkBtn {
    width: 100%;
    margin-inline: 0 !important;
  }
  .bookdemoBtn {
    width: 100%;
    margin-bottom: 10px;
  }
  .mt-136 {
    margin-top: 20px;
  }
  .mob-mt-30 {
    margin-top: 30px;
  }
  .mob-pt-0 {
    padding-top: 0 !important;
  }
  .p-56-44 {
    padding: 20px 0 20px 0;
  }
  .mt-mins136 {
    margin-bottom: 45px;
  }
  .mt-mins80 {
    margin-block: 20px;
  }
  .mt-mins136 {
    margin-top: 20px;
  }
  html[lang="ar"] .mobile-dropdown-menu {
    right: auto !important;
    left: 0 !important;
  }
  html[lang="ar"] .phonrArR {
    direction: ltr !important;
    display: block;
    margin-right: 5px;
  }
  html[lang="ar"] .arAnchor {
    display: flex;
  }
  html[lang="ar"] .aremail {
    margin-right: 5px;
  }
  .mobarrownon {
    display: none !important;
  }
  .testimonialSection .testiCard {
    padding: 15px 20px;
  }
  .testimonialSection .swiper {
    padding-block: 34px;
  }
  /* 17-03-25  */
  [lang="en"] .arabic-p-140 {
    padding-inline: 5px;
  }
  [lang="ar"] .arabic-p-180 {
    padding-inline: 0px !important;
  }
  [lang="ar"] .heroSection {
    padding: 0px !important;
  }
  .elevating {
    font-size: 36px !important;
    font-weight: 500 !important;
    text-align: start !important;
    padding-inline: 0px !important;
  }
  .at-ikmal-p {
    font-size: 14px !important;
    text-align: start !important;
  }
  .mob-ikmal {
    font-size: 18px !important;
    padding-block: 30px;
  }
  [lang="en"] .discover-process {
    font-size: 30px !important;
    line-height: 40px !important;
  }
  .mob-fs-20 {
    font-size: 20px;
  }
  .percentDesc {
    font-size: 14px;
    padding-inline: 10px;
  }
  .mob-fs-24 {
    font-size: 24px !important;
    font-weight: 700 !important;
  }
  [lang="ar"] .arabic-p-60 {
    padding-left: 0px !important;
  }
  [lang="ar"] .p-l-68 {
    padding-left: 0px;
  }
  #employeeData,
  #trackAttendance,
  #evalutionPerformance,
  #ensureCompliance,
  #planAhead {
    flex-direction: column-reverse;
  }
  [lang="ar"] #AutomatePayroll,
  #smoothTransition,
  #selfServecTool,
  #insightGrowth,
  #mobileAccess {
    flex-direction: column-reverse !important;
  }
  [lang="ar"] .p-l-114 {
    padding-left: 0px !important;
  }
}
/* Default Navbar Styling */
.custom-navbar-menu {
  display: flex;
  align-items: center;
}

/* Desktop Navbar */
@media (min-width: 992px) {
  .custom-navbar-menu {
    position: relative;
    display: flex !important;
  }
  .nav-links {
    display: flex;
    gap: 30px;
  }
}


/* Video container */
.ikv-container {
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: 100%;
  cursor: pointer;
  margin: 40px auto;
}

.ikv-media {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
}

/* Overlay play icon */
.ikv-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 64px;
  color: #fff;
  opacity: 0.8;
  pointer-events: none;
  display: none;
}
.ikv-container.paused .ikv-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Controls */
.ikv-controls {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 8px;
  max-width: 95%;
  white-space: nowrap;
  z-index: 10;
}

/* Buttons style */
.ikv-btn {
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;   /* vertical center */
  justify-content: center; /* horizontal center */
  cursor: pointer;
}

.ikv-btn i {
  font-size: 16px;
  line-height: 1;   /* prevent misalignment */
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Seek Bar */
.ikv-seek {
  width: 150px;
  cursor: pointer;
}

/* Volume slider */
.ikv-volume {
  position: relative;
}
.ikv-volume-slider {
  display: none;
  position: absolute;
  bottom: 190%;
  left: 50%;
  transform: translateX(-50%) rotate(-90deg);
  transform-origin: center;
  width: 80px;
  accent-color: #ffffff;
  cursor: pointer;
}
.ikv-volume:hover .ikv-volume-slider {
  display: block;
}

/* Time */
.ikv-time {
  color: #fff;
  font-size: 13px;
  min-width: 80px;
  text-align: center;
}

/* Mobile adjustments */
@media (max-width: 576px) {
  .ikv-controls {
    padding: 4px 6px;
    gap: 4px;
  }
  .ikv-seek {
    width: 80px;
  }
  .ikv-time {
    font-size: 11px;
  }
  .ikv-btn {
    width: 24px;
    height: 24px;
  }
}
/* Explicit order for Arabic (right → left) */
html[lang="ar"] .ikv-play {
  order: 1; /* Play/Pause first */
}

html[lang="ar"] .ikv-back {
  order: 2; /* Backward */
}

html[lang="ar"] .ikv-forward {
  order: 3; /* Forward */
}

html[lang="ar"] .ikv-volume {
  order: 4; /* Volume */
}

html[lang="ar"] .ikv-seek {
  order: 5; /* Seek bar */
  flex: 1;   /* Expand to take space */
}

html[lang="ar"] .ikv-time {
  order: 6; /* Time display (last) */
}
html[lang="ar"] .ikv-volume-slider{
  transform: translateX(-50%) rotate(90deg);
}
/* Flip icons in Arabic */
html[lang="ar"] .ikv-back i,
html[lang="ar"] .ikv-forward i {
  transform: rotate(180deg);
  text-align: center;
}
.nowrap {
  white-space: nowrap;
}
.lh-16{
  line-height: 16px;
}