.bg,
.blue-bg-with-decoration {
  position: absolute;
  top: 96px;
  left: 0;
  width: 1440px;
  height: 200px;
}
.bg {
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
}
.div {
  position: relative;
  line-height: 22px;
  text-transform: capitalize;
  font-weight: 600;
}
.primarysmallbuttoncomponent,
.primarysmallbuttoncomponent1 {
  border-radius: var(--br-9xs);
  background-color: var(--color-mediumspringgreen);
  box-shadow: var(--pro-button-shadow);
  align-items: center;
  justify-content: center;
}
.primarysmallbuttoncomponent1 {
  display: flex;
  flex-direction: column;
  padding: var(--padding-6xs) var(--padding-5xl);
}
.primarysmallbuttoncomponent {
  position: absolute;
  top: 18px;
  left: 145px;
  display: none;
  flex-direction: row;
  color: var(--white);
  font-family: var(--arabic-labels-small-buttons-14);
}
.grommet-iconslanguage {
  position: absolute;
  height: 75%;
  width: 45%;
  top: 12.5%;
  right: 55%;
  bottom: 12.5%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.en {
  position: absolute;
  height: 100%;
  width: 45%;
  top: 0;
  left: 55%;
  line-height: 24px;
  display: inline-block;
}
.change-language {
  position: absolute;
  height: 33.33%;
  width: 2.78%;
  top: 33.33%;
  right: 92.01%;
  bottom: 33.33%;
  left: 5.21%;
  display: none;
  text-align: left;
  color: var(--gray-3);
  font-family: var(--small-main-regular-14);
}
.en1 {
  position: relative;
  line-height: 24px;
  font-weight: 600;
}
.chevron-down-icon {
  position: relative;
  width: 18px;
  height: 18px;
  overflow: hidden;
  flex-shrink: 0;
}
.en-parent {
  position: absolute;
  top: 43px;
  left: 1032px;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-10xs);
  text-align: left;
  font-size: var(--h6-headline-medium-16-size);
  color: var(--gray4);
}
.shopping-bag-icon {
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.cart {
  position: relative;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 600;
}
.shopping-bag-group,
.shopping-bag-parent {
  position: absolute;
  top: 39px;
  left: 1102px;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-9xs);
}
.shopping-bag-group {
  top: 41.5px;
}
.lighticon {
  position: relative;
  width: 20px;
  height: 20px;
}
.lighticon-parent {
  position: absolute;
  top: 35.5px;
  left: 1197px;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-9xs);
}
.navbar-child {
  position: absolute;
  top: 39px;
  left: 1303.5px;
  border-right: 1px solid var(--color-silver);
  box-sizing: border-box;
  width: 1px;
  height: 17px;
  display: none;
}
.download-2-icon {
  position: relative;
  width: 141px;
  height: 53px;
  object-fit: cover;
}
.download-2-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.developer-api,
.home {
  position: relative;
  line-height: 26px;
  font-weight: 500;
}
.developer-api {
  color: var(--primary);
}
.home-parent {
  position: absolute;
  top: 0;
  left: calc(50% - 255px);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-23xl);
}
.nav-links {
  position: relative;
  width: 510px;
  height: 26px;
}
.frame-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-35xl);
}
.login {
  position: relative;
  font-weight: 500;
}
.btn,
.frame-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.btn {
  background-color: var(--primary);
  padding: var(--padding-smi) var(--padding-7xl);
  font-size: var(--body-small-main-regular-14-size);
  color: var(--white);
}
.frame-parent {
  position: absolute;
  top: 16px;
  left: calc(50% - 620px);
  gap: var(--gap-425xl);
  text-align: left;
  font-size: var(--h6-headline-medium-16-size);
  color: var(--light-font);
}
.navbar {
  position: absolute;
  top: 0;
  left: calc(50% - 720px);
  background-color: var(--white);
  box-shadow: 0 1px 11px rgba(51, 51, 51, 0.08);
  width: 1440px;
  height: 96px;
  text-align: center;
}
.eye-icon,
.iconsarrow-right-4,
.plus-icon {
  position: absolute;
  top: 1124px;
  left: 827px;
  width: 19px;
  height: 19px;
  overflow: hidden;
  display: none;
}
.iconsarrow-right-4,
.plus-icon {
  top: 1121.5px;
  left: 1016px;
  width: 24px;
  height: 24px;
}
.plus-icon {
  top: 1123.5px;
  left: 973px;
  width: 20px;
  height: 20px;
}
.payment-gateway {
  position: relative;
  line-height: 40px;
  font-weight: 600;
}
.frame-child {
  position: relative;
  width: 56.39px;
  height: 46px;
  object-fit: cover;
}
.integration-with-knet,
.knet {
  align-self: stretch;
  position: relative;
}
.knet {
  line-height: 48px;
  font-weight: 500;
}
.integration-with-knet {
  font-size: var(--font-size-2xl);
  line-height: 28px;
  color: var(--color-gray-100);
}
.knet-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.kwd,
.month {
  position: relative;
}
.kwd {
  line-height: 46px;
  font-weight: 600;
}
.month {
  font-size: var(--body-large-main-regular-18-size);
  line-height: 28px;
  color: var(--light-font);
  text-align: center;
}
.kwd-parent {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.content-inner {
  position: relative;
  width: 289px;
  height: 46px;
  text-align: right;
  font-size: var(--font-size-17xl);
  color: var(--font);
}
.content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.frame-item {
  align-self: stretch;
  position: relative;
  border-top: 1px solid var(--color-lavender);
  box-sizing: border-box;
  height: 1px;
}
.fee-type-debit {
  position: relative;
  line-height: 26px;
  display: inline-block;
  width: 528px;
  flex-shrink: 0;
}
.comment-4-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-4xs);
}
.frame-div,
.instance-parent {
  align-self: stretch;
  flex-direction: column;
}
.instance-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xl);
  font-size: var(--body-large-main-regular-18-size);
  color: var(--light-font);
}
.frame-div {
  gap: var(--gap-9xl);
}
.frame-div,
.frame-wrapper,
.plan-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-wrapper {
  flex: 1;
  flex-direction: column;
}
.plan-inner {
  border-radius: var(--br-7xl);
  background-color: var(--white);
  box-shadow: 0 26px 40px rgba(188, 202, 255, 0.13);
  border: 1px solid var(--color-lavender);
  box-sizing: border-box;
  width: 541px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  padding: var(--padding-29xl) var(--padding-21xl);
}
.frame-inner,
.icon {
  position: relative;
  overflow: hidden;
}
.icon {
  border-radius: var(--br-3xs);
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  display: none;
}
.frame-inner {
  flex: 1;
  max-width: 100%;
  height: 46px;
}
.group-container {
  width: 56.39px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.frame-parent3,
.group-frame {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.group-frame {
  flex-wrap: wrap;
  align-items: center;
}
.frame-parent3 {
  align-items: flex-start;
  gap: var(--gap-sm);
}
.content-child {
  position: relative;
  width: 297px;
  height: 46px;
  text-align: right;
  font-size: var(--font-size-17xl);
  color: var(--font);
}
.frame-wrapper1,
.icon-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.icon-parent {
  align-self: stretch;
  gap: var(--gap-xl);
}
.frame-wrapper1 {
  width: 461px;
}
.plan-child {
  border-radius: var(--br-7xl);
  background-color: var(--white);
  box-shadow: 0 26px 40px rgba(188, 202, 255, 0.13);
  border: 1px solid var(--color-lavender);
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--padding-29xl) var(--padding-21xl);
}
.payment-gateway-parent,
.plan,
.plan-child {
  display: flex;
  align-items: flex-start;
}
.plan {
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--gap-21xl);
  font-size: var(--font-size-9xl);
  color: var(--color-gray-200);
}
.payment-gateway-parent {
  flex-direction: column;
  justify-content: center;
  gap: var(--gap-13xl);
}
.group-child {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--primary);
  width: 1440px;
  height: 878px;
}
.plan-inner1 {
  box-sizing: border-box;
  width: 541px;
  flex-shrink: 0;
}
.plan-inner1,
.plan-inner2 {
  border-radius: var(--br-7xl);
  background-color: var(--white);
  box-shadow: 0 26px 40px rgba(68, 70, 79, 0.13);
  border: 1px solid var(--color-lavender);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-29xl) var(--padding-21xl);
}
.point-of-sale-pos-parent {
  position: absolute;
  top: 100px;
  left: calc(50% - 561px);
  background-color: var(--primary);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-13xl);
}
.rectangle-parent {
  position: relative;
  width: 1440px;
  height: 878px;
  color: var(--white);
}
.frame-container {
  position: absolute;
  top: 360px;
  left: -60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 100px;
  font-size: var(--font-size-13xl);
  color: var(--primary);
}
.pricing1 {
  position: absolute;
  top: 172px;
  left: calc(50% - 585px);
  font-size: var(--h2-headline-medium-40-size);
  line-height: 48px;
  font-weight: 600;
  color: var(--white);
}
.accepted-payment-methods {
  position: relative;
  line-height: 26px;
  font-weight: 500;
  display: inline-block;
  width: 265px;
}
.frame-child11,
.frame-child12 {
  position: relative;
  width: 38px;
  height: 31px;
}
.frame-child12 {
  object-fit: cover;
}
.frame-child13 {
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  height: 31px;
}
.group-wrapper9 {
  width: 38px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.accepted-payment-methods-parent,
.frame-parent15 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-smi);
}
.accepted-payment-methods-parent {
  flex-direction: column;
  gap: var(--gap-xs);
}
.download-3-icon {
  position: relative;
  width: 50.59px;
  height: 34px;
  object-fit: cover;
}
.frame-parent14 {
  width: 265px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xl);
  font-size: var(--h6-headline-medium-16-size);
}
.sales {
  position: relative;
  line-height: 28px;
  font-weight: 500;
}
.saleshesabecom {
  position: relative;
  line-height: 24px;
}
.rakan-tower {
  margin: 0;
}
.saleshesabecom-parent {
  gap: var(--gap-7xs);
  font-size: var(--body-small-main-regular-14-size);
  color: var(--light-font);
}
.frame-wrapper6,
.saleshesabecom-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.terms-conditions {
  position: relative;
  line-height: 24px;
  color: inherit;
  text-decoration: none;
}
.appstore-icon,
.googleplay-icon {
  position: relative;
  width: 141px;
  height: 40.73px;
}
.googleplay-icon {
  width: 140.81px;
}
.frame-parent13 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.rectangle-div {
  position: relative;
  background-color: var(--color-gainsboro-100);
  width: 1170px;
  height: 1px;
}
.social-icon {
  position: relative;
  width: 40px;
  height: 40px;
}
.group-parent,
.hesabe-all-rights-reserved-parent {
  width: 202px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.hesabe-all-rights-reserved-parent {
  width: 1170px;
}
.rectangle-group {
  gap: var(--gap-5xl);
  text-align: center;
  font-size: var(--body-small-main-regular-14-size);
  color: var(--light-font);
}
.frame-parent12,
.pricing-inner,
.rectangle-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent12 {
  gap: var(--gap-5xl);
}
.pricing-inner {
  position: absolute;
  top: 2919px;
  left: calc(50% - 720px);
  background-color: var(--color-whitesmoke);
  padding: var(--padding-21xl) var(--padding-116xl) var(--padding-13xl);
  font-size: var(--body-large-main-regular-18-size);
  color: var(--font);
}
.pricing {
  position: relative;
  background-color: var(--white);
  width: 100%;
  height: 3354px;
  overflow: hidden;
  text-align: left;
  font-size: var(--body-small-main-regular-14-size);
  color: var(--font1);
  font-family: var(--h2-headline-medium-40);
}