.home {
  display: block;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
}
.section {
  margin-bottom: 60px;
}

.home .ellipse {
  top: 1251px;
  left: 680px;
  width: 1243px;
  height: 826px;
  background-color: #0498bc1a;
  border-radius: 621.46px / 412.82px;
  transform: rotate(-30.74deg);
  position: absolute;
  filter: blur(250px);
}

.home .div {
  top: -135px;
  right: -313px;
  width: 879px;
  height: 734px;
  background-color: #0097c126;
  border-radius: 439.5px / 367.21px;
  transform: rotate(19.8deg);
  position: absolute;
  filter: blur(250px);
}

.home .ellipse-2 {
  top: -236px;
  left: -320px;
  width: 874px;
  height: 752px;
  background-color: #3c9d7640;
  border-radius: 436.82px / 375.97px;
  transform: rotate(30.52deg);
  position: absolute;
  filter: blur(250px);
}

.home .frame {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 100px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .button {
  all: unset;
  box-sizing: border-box;
  padding: 20px;
  display: inline-flex;
  min-width: 120px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    rgba(60, 157, 118, 1) 0%,
    rgba(0, 151, 193, 1) 100%
  );
}

.home .text-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-top: -1px;
  font-weight: 500;
  color: #ffffff;
  font-size: 1.3rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .import {
  position: relative;
  width: 20px;
  height: 20px;
}

.home .logo {
  position: relative;
  width: 171px;
  height: 102px;
  aspect-ratio: 1.68;
}

.home .title {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 24px 100px;
  align-self: stretch;
  width: 100%;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.home .p {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  font-weight: 700;
  color: #27929d;
  font-size: 2.8rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 65px;
  white-space: nowrap;
  direction: rtl;
  text-wrap:wrap;
  overflow-wrap: break-word;
}



.home .text-wrapper-2 {
  width: 100%;
  font-weight: 500;
  color: #32333e;
  font-size: 2.0rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 56px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
  text-wrap:wrap;
  overflow-wrap: break-word;
}

.home .frame-2 {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.home .download-component {
  display: inline-flex;
  align-items: center;
  gap: 9.3px;
  padding: 9.3px 13.02px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--dark);
  border-radius: 10.42px;
  overflow: hidden;
  border: 1.12px solid;
  border-color: var(--light);
}

.home .icon {
  display: inline-flex;
  align-items: flex-start;
  gap: 3.72px;
  position: relative;
  flex: 0 0 auto;
}

.home .vector {
  position: relative;
  width: 27.91px;
  height: 33.86px;
}

.home .frame-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.home .prompt-dark {
  position: relative;
  width: 109.02px;
  height: 16px;
}

.home .text-wrapper-3 {
  position: absolute;
  width: 99.98%;
  height: 100%;
  top: 0;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--light);
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home .store-dark {
  position: relative;
  width: 121.3px;
  height: 33.86px;
  margin-top: -4.47px;
}

.home .text-wrapper-4 {
  position: absolute;
  width: 100.58%;
  height: 100.41%;
  top: 0;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--light);
  font-size: 28.6px;
  letter-spacing: -2px;
  line-height: normal;
  white-space: nowrap;
}

.home .group {
  position: relative;
  width: 33.87px;
  height: 36.84px;
}

.home .path {
  position: absolute;
  width: 42.86%;
  height: 31.19%;
  top: 34.22%;
  left: 57.14%;
}

.home .img {
  position: absolute;
  width: 69.71%;
  height: 50.11%;
  top: 49.85%;
  left: 4.05%;
}

.home .path-2 {
  position: absolute;
  width: 69.79%;
  height: 49.85%;
  top: 0;
  left: 3.97%;
}

.home .path-3 {
  position: absolute;
  width: 57.14%;
  height: 99.91%;
  top: 0;
  left: 0;
}

.home .text-wrapper-5 {
  position: absolute;
  width: 50.45%;
  height: 100%;
  top: 0;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--light);
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home .text-wrapper-6 {
  position: absolute;
  width: 101.4%;
  height: 100.41%;
  top: 0;
  left: 0;
  font-family: "Rubik", Helvetica;
  font-weight: 500;
  color: var(--light);
  font-size: 28.6px;
  letter-spacing: -2px;
  line-height: normal;
  white-space: nowrap;
}

.home .mockup {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;

  margin-bottom: 20px;
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;    /* Centers vertically */
}

.home .frame-4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 150px 100px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .left {
  height: 768.18px;
  margin-bottom: -9.18px;
  position: relative;
  width: 631px;
}

.home .frame-5 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
  position: relative;
  flex: 0 0 auto;
}

.home .title-2 {

  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  width: 100%;
  position: relative;

}

.home .title-3 {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.home .text-wrapper-7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 379px;
  height: 97px;
  margin-top: -1px;
  font-weight: 600;
  color: #000000;
  font-size: 2.2rem;
  letter-spacing: 0;
  line-height: 53px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .text-wrapper-8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 259px;
  font-weight: 400;
  color: #787d8a;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 42px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .frame-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .feature {
  align-items: flex-start;
  flex: 0 0 auto;
  background-color: #ffffff;
  box-shadow: 0px 4px 30px #00000014;
  display: flex;
  width: 459px;
  justify-content: flex-end;
  gap: 16px;
  padding: 16px 16px 16px 8px;
  position: relative;
  border-radius: 20px;
}

.home .frame-7 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.home .text-wrapper-9 {
  width: fit-content;
  margin-top: -1px;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  text-align: left;
  letter-spacing: -0.09px;
  line-height: 32px;
  white-space: nowrap;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .text-wrapper-10 {
  width: 376px;
  font-weight: 400;
  color: #82808d;
  font-size: 1.3rem;
  letter-spacing: -0.09px;
  line-height: 32px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .group-2 {
  position: relative;
  width: 43px;
  height: 43px;
  overflow: hidden;
}

.home .oval {
  position: absolute;
  width: 104.65%;
  height: 104.65%;
  top: -2.33%;
  left: -2.33%;
  border-radius: 22.5px;
  background: linear-gradient(
    90deg,
    rgba(60, 157, 118, 1) 0%,
    rgba(0, 151, 193, 1) 100%
  );
}

.home .text-wrapper-11 {
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 4px);
  font-family: "Rubik", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 17px;
  letter-spacing: -0.09px;
  line-height: 32px;
  white-space: nowrap;
}

.home .feature-2 {
  height: 64px;
  align-items: center;
  display: flex;
  width: 459px;
  justify-content: flex-end;
  gap: 16px;
  padding: 16px 16px 16px 8px;
  position: relative;
  border-radius: 20px;
}

.home .group-3 {
  position: relative;
  width: 43px;
  height: 43px;
  margin-top: -5.5px;
  margin-bottom: -5.5px;
  overflow: hidden;
}

.home .frame-8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 100px 164px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .ellipse-3 {
  top: 178px;
  left: -375px;
  width: 1079px;
  height: 716px;
  background-color: #27929d33;
  border-radius: 539.3px / 358.25px;
  transform: rotate(-30.74deg);
  position: absolute;
  filter: blur(250px);
}

.home .frame-9 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -603.95px;
}

.home .text-wrapper-12 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 459px;
  height: 97px;
  margin-top: -1px;
  font-weight: 600;
  color: #000000;
  font-size: 37px;
  letter-spacing: 0;
  line-height: 48px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .text-wrapper-13 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 259px;
  font-weight: 400;
  color: #8a8a8a;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 42px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .left-2 {
  height: 768.19px;
  margin-bottom: -9.19px;
  margin-left: -603.95px;
  position: relative;
  width: 631px;
}

.home .frame-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 120px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .frame-11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  padding: 56px 100px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f0f9f4;
}

.home .frame-12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .text-wrapper-14 {
  width: 687px;
  margin-top: -1px;
  font-weight: 700;
  color: #27929d;
  font-size: 48px;
  text-align: center;
  letter-spacing: 0;
  line-height: 65px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .text-wrapper-15 {
  width: 598px;
  font-weight: 500;
  color: #32333e;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 44px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .frame-13 {
  position: relative;
  width: 573px;
  height: 409px;
}

.home .photo {
  position: absolute;
  top: 17px;
  left: 62px;
  width: 493px;
  height: 351px;
  display: flex;
}

.home .login-defualt {
  margin-top: -39.8px;
  width: 580.6px;
  height: 438.18px;
  margin-left: -43.8px;
  position: relative;
}

.home .image {
  position: absolute;
  top: 270px;
  left: 317px;
  width: 353px;
  height: 171px;
  aspect-ratio: 2.57;
}

.home .image-2 {
  position: absolute;
  top: -58px;
  left: -78px;
  width: 386px;
  height: 160px;
  aspect-ratio: 3.43;
}

.home .frame-wrapper {
  position: relative;
  width: 459px;
  height: 344px;
  overflow: hidden;
}

.home .frame-14 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  left: 1px;
}

.home .oval-2 {
  position: absolute;
  width: 104.65%;
  height: 104.65%;
  top: -2.33%;
  left: -2.33%;
  background-color: #207e88;
  border-radius: 22.5px;
}

.home .frame-15 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -16px;
  margin-bottom: -16px;
}

.home .text-wrapper-16 {
  width: 372px;
  margin-top: -1px;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: -0.09px;
  line-height: 32px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 0px 100px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .frame-16 {
  position: relative;
  align-self: stretch;
  width: 100%;

  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    rgba(60, 157, 118, 1) 0%,
    rgba(0, 151, 193, 1) 100%
  );
}

.home .download {
  position: absolute;
  width: 270px;
  height: 353px;
  top: 84px;
  left: 893px;
}

.home .frame-17 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: absolute;
  top: 272px;
  left: 630px;
}

.home .app-store {
  background-image: url(./img/group-1.png);
  position: relative;
  width: 180px;
  height: 52px;
  background-size: 100% 100%;
}

.home .group-4 {
  position: relative;
  width: 180px;
  height: 52px;
}

.home .group-5 {
 
  width: 20%;


}

.home .group-6 {
  position: absolute;
  top: -190px;
  left: -221px;
  width: 646px;
  height: 652px;
  transform: rotate(84.08deg);
}

.home .oval-3 {
  position: absolute;
  top: 167px;
  left: 175px;
  width: 351px;
  height: 354px;
  background-color: #ffffff;
  border-radius: 175.63px / 177.22px;
  opacity: 0.04;
}

.home .oval-copy {
  position: absolute;
  top: 86px;
  left: 97px;
  width: 501px;
  height: 505px;
  background-color: #ffffff;
  border-radius: 250.57px / 252.7px;
  opacity: 0.03;
}

.home .oval-copy-2 {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 648px;
  height: 654px;
  background-color: #ffffff;
  border-radius: 324px / 326.81px;
  opacity: 0.06;
}

.home .frame-18 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: absolute;
  top: 84px;
  left: 44px;
}

.home .text-wrapper-17 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-weight: 700;
  color: #ffffff;
  font-size: 2.2rem;
  text-align: center;
  letter-spacing: 0;
  line-height: 65px;
  white-space: nowrap;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .text-wrapper-18 {
  width: auto;
  font-weight: 600;
  color: #ffffffcc;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 44px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .v {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  padding: 2% 2%;
  position: relative;
  flex: 0 0 auto;
  background-color: #f0f9f4;
}

.home .FAQ {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.home .FAQ-2 {
    /* display: flex; */
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 2% 2%;
    background-color: #ffffff;
    border-radius: 12px;
    position: relative;
    /* flex: 0 0 auto; */
}

.home .frame-19 {
    /* display: flex; */
    width: 695px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex: 0 0 auto;
}

.home .arrow-wrapper {
  align-items: flex-start;
  /* gap: 6.67px; */
  padding: 6.67px;
  position: relative;
  /* flex: 0 0 auto; */
  background-color: #dcf0f2;
  border-radius: 33.33px;
  transform: rotate(-180deg);
  display: block;
  width: 40px;
  float: right;
}

.home .arrow {
  transform: rotate(180deg);
  position: relative;
  width: 26.67px;
  height: 26.67px;
}

.home .text-wrapper-19 {
    /* width: fit-content; */
    /* margin-top: -1px; */
    font-weight: 600;
    color: #000000;
    font-size: 1.2rem;
    letter-spacing: 0;
    line-height: 48px;
    white-space: nowrap;
    position: relative;
    font-family: "IBM Plex Sans Arabic", Helvetica;
    direction: rtl;
    float: right;
}

.home .text-wrapper-20 {
  display: block;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 400;
  color: #8a8a8a;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 42px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .FAQ-3 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 12px;
  position: relative;
  flex: 0 0 auto;
}

.home .img-wrapper {
  display: inline-flex;
  align-items: flex-start;
  gap: 6.67px;
  padding: 6.67px;
  position: relative;
  flex: 0 0 auto;
  background-color: #dcf0f2;
  border-radius: 33.33px;
}

.home .arrow-2 {
  position: relative;
  width: 26.67px;
  height: 26.67px;
}

.home .text-wrapper-21 {
  width: fit-content;
  margin-top: -2px;
  font-weight: 600;
  color: #000000;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .text-wrapper-22 {
  width: 532px;
  margin-top: -2px;
  font-weight: 600;
  color: #000000;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 48px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .title-4 {
  display: inline-flex;
  align-items: flex-start;
  gap: 24px;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.home .text-wrapper-23 {
  width: fit-content;
  margin-top: -1px;
  font-weight: 700;
  color: #0097c1;
  font-size: 1.2rem;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .text-wrapper-24 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 379px;
  height: 97px;
  font-weight: 600;
  color: #000000;
  font-size: 2.2rem;
  letter-spacing: 0;
  line-height: 48px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .text-wrapper-25 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 345px;
  font-weight: 400;
  color: #8a8a8a;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 42px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 635px;
  align-items: flex-start;
  gap: 8px;
  padding: 67px 145px;
  position: relative;
  background-color: transparent;
}

.home .frame-20 {
  display: inline-flex;
  flex-direction: column;
  height: 240.28px;
  align-items: flex-start;
  gap: 20px;
  position: relative;
}

.home .text-wrapper-26 {
  width: fit-content;
  margin-top: -1px;
  font-weight: 700;
  color: #249b94;
  font-size: 2.8rem;
  text-align: left;
  letter-spacing: -2.97px;
  line-height: 67.2px;
  white-space: nowrap;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .text-wrapper-27 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-weight: 700;
  color: #ffffff;
  font-size: 2.8rem;
  letter-spacing: 0;
  line-height: 69px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .footer-2 {
  position: absolute;
  top: 53px;
  left: calc(50% - 720px);
  width: 100%;
  height: 582px;
}

.home .group-7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 635px;
}

.home .frame-21 {
  position: absolute;
  top: 155px;
  left: 0;
  width: 100%;
  height: 480px;
  background: linear-gradient(
    90deg,
    rgba(60, 157, 118, 1) 0%,
    rgba(0, 151, 193, 1) 100%
  );
}

.home .group-8 {
  position: absolute;
  top: 3px;
  left: 74px;
  width: 1283px;
  height: 475px;
}

.home .frame-22 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 48px;
  position: absolute;
  top: 224px;
  left: calc(50% - 620px);
}

.home .frame-23 {
  display: flex;
  width: 1088px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex: 0 0 auto;
}

.home .frame-24 {
  display: inline-flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.home .app-store-2 {
  background-image: url(./img/group-3.png);
  position: relative;
  width: 180px;
  height: 52px;
  background-size: 100% 100%;
}

.home .frame-25 {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.home .text-wrapper-28 {
  width: fit-content;
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 46.7px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .vector-wrapper {
  display: flex;
  width: 86px;
  height: 85px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  background-color: #f0fafb;
  border-radius: 12px;
}

.home .vector-2 {
  position: relative;
  width: 24px;
  height: 40px;
}

.home .frame-26 {
  display: flex;
  width: 1240px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex: 0 0 auto;
}

.home .frame-27 {
  position: relative;
  flex: 0 0 auto;
}

.home .vector-3 {
  position: relative;
  width: 34px;
  height: 1px;
  object-fit: cover;
}

.home .text-wrapper-29 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 73px;
  height: 23px;
  margin-top: -1px;
  font-weight: 400;
  color: #ffffff;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 26.3px;
  white-space: nowrap;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .frame-28 {
  display: inline-flex;
  height: 44px;
  align-items: center;
  justify-content: center;
  gap: 48px;
  position: relative;
  flex: 0 0 auto;
}

.home .element {
  width: fit-content;
  font-weight: 600;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .http-www-tajhizplus {
  position: relative;
  width: 174px;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 14px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.home .span {
  font-family: "IBM Plex Sans Arabic", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
}

.home .text-wrapper-30 {
  text-decoration: underline;
}

.home .image-3 {
  position: relative;
  width: 103px;
  height: 74px;
  aspect-ratio: 1.39;
  object-fit: cover;
}

.home .line {
  position: relative;
  width: 1240px;
  height: 1px;
  object-fit: cover;
}

.home .group-9 {
  position: absolute;
  top: 0;
  left: 50px;
  width: 662px;
  height: 317px;
}

.home .vector-4 {
  position: absolute;
  top: 115px;
  left: 0;
  width: 66px;
  height: 62px;
}

.home .vector-5 {
  position: absolute;
  top: 115px;
  left: 597px;
  width: 65px;
  height: 62px;
}

.home .frame-29 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
  padding: 40px;
  position: absolute;
  top: -7px;
  left: 43px;
  background-color: #f0fafb;
  border-radius: 24px;
  border: 7px solid;
  border-color: #1b9aa0;
  box-shadow: 0px 4px 46.8px #27929d33;
}

.home .frame-30 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.home .frame-31 {
  display: flex;
  flex-wrap: wrap;
  width: 483px;
  align-items: flex-start;
  gap: 8px 8px;
  position: relative;
  flex: 0 0 auto;
}

.home .frame-32 {
  display: flex;
  width: 281px;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid;
  border-color: #0000001a;
}

.home .text-wrapper-31 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 106px;
  height: 20px;
  margin-top: -1px;
  font-weight: 500;
  color: #82808d;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .frame-33 {
  display: flex;
  width: 194px;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid;
  border-color: #0000001a;
}

.home .text-wrapper-32 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 41px;
  height: 20px;
  margin-top: -1px;
  font-weight: 500;
  color: #82808d;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .group-10 {
  position: relative;
  width: 483px;
  height: 109px;
}

.home .frame-34 {
  display: flex;
  width: 483px;
  height: 109px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid;
  border-color: #0000001a;
}

.home .text-wrapper-33 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 51px;
  height: 20px;
  margin-top: -1px;
  font-weight: 500;
  color: #82808d;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home .button-2 {
  all: unset;
  box-sizing: border-box;
  padding: 14px 16px;
  display: inline-flex;
  min-width: 120px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    rgba(60, 157, 118, 1) 0%,
    rgba(0, 151, 193, 1) 100%
  );
}

.home .text-wrapper-34 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-top: -1px;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}
/* Original CSS code should be injected here */

/* Additional CSS for semantic HTML improvements */
.home input,
.home textarea {
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  font-size: 16px;
  color: #32333e;
  direction: rtl;
}

.home input::placeholder,
.home textarea::placeholder {
  color: #82808d;
}

.home textarea {
  resize: vertical;
  min-height: 77px;
}

.home .frame-32 {
  display: flex;
  flex-direction: column;
  width: 281px;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid;
  border-color: #0000001a;
}

.home .frame-33 {
  display: flex;
  flex-direction: column;
  width: 194px;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid;
  border-color: #0000001a;
}

.home .frame-34 {
  display: flex;
  flex-direction: column;
  width: 483px;
  height: 109px;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid;
  border-color: #0000001a;
}

.home .text-wrapper-31,
.home .text-wrapper-32,
.home .text-wrapper-33 {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  font-weight: 500;
  color: #82808d;
  font-size: 16px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
  font-family: "IBM Plex Sans Arabic", Helvetica;
  direction: rtl;
}

.home details[open] .arrow {
  transform: rotate(0deg);
}

.home details summary {
  list-style: none;
  cursor: pointer;
}

.home details summary::-webkit-details-marker {
  display: none;
}

.home .FAQ-3 summary {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 12px;
  position: relative;
  flex: 0 0 auto;
}

.home .line {
  border: none;
  height: 1px;
  background-image: url("./img/line-89.svg");
  background-repeat: no-repeat;
  background-size: cover;
}





/* bootstrap ruls */

:root {
  --bs-primary-bg-subtle: #fefefe; 
}