.download-2-icon {
  position: relative;
  width: 141px;
  height: 60px;
  object-fit: cover;
}
.logo {
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.login {
  position: relative;
  font-weight: 500;
}
.evamenu-2-fill-icon {
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.evamenu-2-fill-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.evamenu-2-fill-wrapper,
.frame-wrapper {
  justify-content: flex-start;
}
.frame-wrapper,
.login-parent,
.logo-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.login-parent {
  width: 165.29px;
  justify-content: flex-end;
  gap: var(--gap-3xl);
}
.logo-parent {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--white);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
  justify-content: space-between;
  padding: var(--padding-lg) var(--padding-5xl);
  box-sizing: border-box;
  font-size: var(--body-small-main-regular-14-size);
  color: var(--primary);
}
.mask-group-icon {
  position: absolute;
  top: 0;
  left: calc(50% - 163.5px);
  width: 327px;
  height: 330px;
}
.cta-section-child {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--primary);
  width: 327px;
  height: 344px;
  opacity: 0.96;
}
.careers {
  position: relative;
  line-height: 28px;
  font-weight: 500;
}
.be-part-of {
  align-self: stretch;
  position: relative;
  font-size: var(--body-small-main-regular-14-size);
  line-height: 24px;
}
.careers-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.label {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  color: inherit;
  text-decoration: none;
}
.button,
.frame-parent {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button {
  background-color: var(--white);
  flex-direction: row;
  padding: 12px var(--padding-13xl);
  font-size: var(--body-small-main-regular-14-size);
  color: #1c213d;
}
.frame-parent {
  position: absolute;
  top: 44px;
  left: calc(50% - 144.5px);
  width: 290px;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.cta-section,
.cta-section-wrapper {
  position: absolute;
  top: 0;
  left: calc(50% - 163.5px);
  width: 327px;
  height: 344px;
}
.cta-section-wrapper {
  top: 1085px;
  left: calc(50% + 924.5px);
  text-align: center;
}
.pricing {
  position: absolute;
  top: 128px;
  left: calc(50% - 41.5px);
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
}
.group-child {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--primary);
  width: 100%;
  height: 624px;
}
.our-payment-gateway,
.our-services {
  align-self: stretch;
  position: relative;
}
.our-services {
  line-height: 40px;
  font-weight: 600;
}
.our-payment-gateway {
  font-size: var(--body-small-main-regular-14-size);
  line-height: 24px;
}
.our-services-parent {
  width: 327px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 7px;
}
.stroke {
  top: 0;
  left: 0;
  background-color: var(--color-gray-200);
  border: 0.9px solid var(--color-gray-100);
  box-sizing: border-box;
  width: 213.92px;
  height: 253.14px;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}
.image-group-child,
.stroke,
.stroke1 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto; 
  margin-right: auto;
  border-radius: 7.78px;
}
.stroke1 {
  top: -114.67px;
  left: 120.86px;
  background-color: var(--color-gray-200);
  border: 0.9px solid var(--color-gray-100);
  box-sizing: border-box;
  width: 138.16px;
  height: 212.14px;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}
.image-group-child {
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
  width: 295.71px;
  height: 229.86px;
  object-fit: cover;
}
.image-group {
  position: relative;
  top: 228px;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
  width: 252.83px;
  height: 333px;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}
.frame-group {
  position: absolute;
  top: 48px;
  left: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 36px;
}
.rectangle-parent {
  position: absolute;
  top: 76px;
  left: 0;
  width: 100%;
  height: 624px;
  font-size: var(--h3-headline-medium-32-size);
}
.group-item {
  position: absolute;
  top: 0;
  background-color: var(--color-whitesmoke-100);
  width: 100%;
  height: 1135px;
}
.invoice-payments {
  position: relative;
  line-height: 28px;
  font-weight: 500;
  display: inline-block;
  width: 346.13px;
}
.our-on-the-go-convenient {
  align-self: stretch;
  position: relative;
  line-height: 24px;
}
.single-invoicing {
  position: relative;
  line-height: 26px;
  font-weight: 500;
  display: inline-block;
  width: 531.42px;
  height: 19.43px;
  flex-shrink: 0;
}
.which-can-be {
  align-self: stretch;
  position: relative;
  font-size: var(--body-small-main-regular-14-size);
  line-height: 24px;
  color: var(--light-font1);
}
.frame-div,
.single-invoicing-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.single-invoicing-parent {
  justify-content: flex-end;
  gap: var(--gap-xs);
}
.frame-div {
  border-radius: 6px;
  justify-content: center;
  gap: 18px;
  font-size: var(--h6-headline-medium-16-size);
  color: var(--color-black);
}
.invoice-payments-parent,
.our-on-the-go-convenient-payme-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.our-on-the-go-convenient-payme-parent {
  align-self: stretch;
  gap: var(--gap-15xl);
  font-size: var(--body-small-main-regular-14-size);
  color: var(--light-font1);
  width: 340px;

}
.invoice-payments-parent {
  gap: var(--gap-xs);
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
}
.frame-child {
  position: relative;
  width: 308.84px;
  height: 214.38px;
}
.all-invoices-have {
  align-self: stretch;
  position: relative;
  line-height: 20px;
}
.frame-container,
.group-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.group-container {
  align-self: stretch;
  gap: 32px;
  text-align: center;
  font-size: var(--body-small-main-regular-14-size);
  color: var(--light-font1);
}
.frame-container {
  position: absolute;
  top: 48px;
  left: 24px;
  width: 316px;
}
.rectangle-group {
  position: relative;
  width: 100%;
  height: 1135px;
}
.point-of-sale,
.pos-terminal {
  position: relative;
  font-weight: 500;
  display: inline-block;
  width: 346.13px;
}
.point-of-sale {
  font-size: var(--h4-headline-medium-20-size);
  line-height: 28px;
}
.pos-terminal {
  line-height: 26px;
}
.pos-terminal-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.pos-integrations-with {
  margin: 0;
}
.pos-integrations-with-container {
  align-self: stretch;
  position: relative;
  line-height: 26px;
  font-weight: 500;
}
.point-of-sale-pos-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.frame-item {
  position: relative;
  width: 316.97px;
  height: 235.89px;
}
.frame-parent1 {
  width: 327px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-37xl);
  font-size: var(--h6-headline-medium-16-size);
}
.group-inner {
  position: absolute;
  top: 0;
  background-color: var(--color-whitesmoke-100);
  width: 100%;
  height: 892px;
}
.all-payment-solutions-container {
  align-self: stretch;
  position: relative;
  font-size: var(--body-small-main-regular-14-size);
  line-height: 24px;
  color: var(--light-font);
}
.reports-parent {
  gap: var(--gap-xs);
}
.frame-wrapper1,
.reports-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.card-10-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3.65px;
  background-color: var(--white);
  box-shadow: 0 0 6.88px 0.63px rgba(0, 0, 0, 0.07);
  width: 139.4px;
  height: 126.27px;
}
.card-10-item {
  position: absolute;
  top: 26.58px;
  left: 19.16px;
  width: 108.01px;
  height: 77.85px;
}
.k,
.k1,
.k2 {
  font-weight: 500;
}
.k {
  position: absolute;
  top: 77.44px;
  left: 0.41px;
}
.k1,
.k2 {
  left: 0;
}
.k1 {
  position: absolute;
  top: 51.36px;
}
.k2 {
  top: 25.68px;
}
.k-parent,
.k2,
.k3 {
  position: absolute;
}
.k3 {
  top: 0;
  left: 0;
  font-weight: 500;
}
.k-parent {
  top: 22.1px;
  left: 8.97px;
  width: 6.41px;
  height: 83.44px;
}
.card-10,
.card-10-inner {
  position: absolute;
  top: 35.14px;
  left: 25.68px;
  width: 97.41px;
  height: 68.88px;
}
.card-10 {
  top: 92.77px;
  left: 0;
  width: 139.4px;
  height: 126.27px;
  font-family: var(--font-inter);
}
.card-02-icon,
.card-child {
  position: absolute;
  top: -7.5px;
  left: 141.9px;
  width: 156.28px;
  height: 125.02px;
}
.card-child {
  top: 0;
  left: 27.03px;
  border-radius: 2.76px;
  background-color: var(--white);
  backdrop-filter: blur(27.6px);
  width: 64.87px;
  height: 75.22px;
  opacity: 0.2;
}
.card-item,
.rectangle-div {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3.78px;
}
.card-item {
  background-color: var(--white);
  backdrop-filter: blur(37.8px);
  border: 0.6px solid var(--color-whitesmoke-200);
  box-sizing: border-box;
  width: 88.77px;
  height: 61.26px;
}
.rectangle-div {
  background-color: #f6f8ff;
  width: 73.24px;
  height: 44.89px;
}
.div,
.payment {
  position: absolute;
  top: 8.09px;
  left: 21.39px;
  font-weight: 500;
}
.div {
  top: 18.39px;
  left: 16.37px;
  font-size: 14.18px;
  font-weight: 600;
  color: var(--primary);
}
.card,
.card-inner,
.card1,
.group-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 73.24px;
  height: 44.89px;
}
.card,
.card-inner,
.card1 {
  top: 8.72px;
  left: 8.03px;
}
.card,
.card1 {
  top: 3.35px;
  left: 0;
  width: 88.77px;
  height: 61.26px;
}
.card {
  top: 15.65px;
  left: 47.51px;
  width: 91.89px;
  height: 75.22px;
  text-align: center;
  font-size: 6.62px;
  color: #a3a3a3;
}
.group-child1 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3.65px;
  background-color: var(--white);
  border: 0.7px solid var(--color-whitesmoke-200);
  box-sizing: border-box;
  width: 173.45px;
  height: 51.58px;
}
.total-payment {
  position: absolute;
  top: 11.07px;
  left: 67.56px;
  line-height: 12.5px;
}
.group-child2 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2.74px;
  background-color: var(--color-ghostwhite-100);
  width: 47.47px;
  height: 33.32px;
}
.k4 {
  position: absolute;
  top: 5.93px;
  left: 8.22px;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.rectangle-parent2 {
  position: absolute;
  top: 9.13px;
  left: 9.13px;
  width: 47.47px;
  height: 33.32px;
  font-size: 18.26px;
  color: #191124;
  font-family: var(--font-inter);
}
.group-child3,
.group-child4 {
  position: absolute;
  top: 35.15px;
  left: 67.56px;
  border-radius: 5.48px;
  background-color: var(--color-ghostwhite-100);
  width: 61.17px;
  height: 3.65px;
}
.group-child4 {
  top: 27.85px;
  width: 94.94px;
}
.rectangle-parent1 {
  position: absolute;
  top: 121.47px;
  left: 154.22px;
  width: 173.45px;
  height: 51.58px;
  font-size: 7.5px;
  color: #8a8e97;
}
.card-10-parent {
  position: relative;
  width: 327.68px;
  height: 219.04px;
  font-size: 4.56px;
  color: var(--color-darkslategray-100);
}
.frame-parent2 {
  position: absolute;
  top: 48.08px;
  left: 24px;
  width: 327px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-37xl);
}
.rectangle-container {
  position: relative;
  width: 100%;
  height: 892px;
  color: #2c363f;
}
.sub-user-parent {
  position: absolute;
  top: 0;
  left: 0;
  width: 327px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.works-content {
  align-self: stretch;
  position: relative;
  height: 204px;
}
.object-1-icon {
  position: relative;
  width: 327px;
  height: 311.82px;
  overflow: hidden;
  flex-shrink: 0;
}
.works-content-parent {
  width: 327px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-37xl);
}
.group-child5 {
  position: absolute;
  top: 0;
  background-color: var(--color-whitesmoke-100);
  width: 100%;
  height: 1015px;
}
.frame-parent3,
.frame-parent4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent4 {
  align-self: stretch;
  gap: var(--gap-xl);
  font-size: var(--h6-headline-medium-16-size);
}
.frame-parent3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 327px;
  gap: var(--gap-15xl);
}
.works-content1 {
  align-self: stretch;
  position: relative;
  height: 542px;
}
.frame-inner {
  position: relative;
  width: 319.16px;
  height: 317.23px;
}
.works-content-group {
  position: absolute;
  top: 47.71px;
  left: 24px;
  width: 327px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-37xl);
}
.rectangle-parent3 {
  position: relative;
  width: 100%;
  height: 1015px;
}
.works-content2 {
  align-self: stretch;
  position: relative;
  height: 228px;
}
.vector-icon {
  width: 1.69%;
  top: 338.66px;
  right: 54.75%;
  left: 43.57%;
  height: 7.79px;
}
.vector-icon,
.vector-icon1,
.vector-icon2 {
  position: absolute;
  max-width: 100%;
  overflow: hidden;
}
.vector-icon1 {
  width: 106.5%;
  top: 46.29px;
  right: -3.25%;
  left: -3.25%;
  height: 263.28px;
  mix-blend-mode: normal;
}
.vector-icon2 {
  width: 42.4%;
  top: -13.78px;
  right: 28.65%;
  left: 28.95%;
  height: 137.65px;
}
.kwd,
.payment-inovice {
  position: relative;
  line-height: 24.63px;
}
.kwd {
  font-size: 18.35px;
  font-weight: 600;
}
.payment-inovice-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 5.36px;
}
.vector-icon3,
.vector-icon4,
.vector-icon5 {
  position: relative;
  border-radius: 76.57px;
  width: 254.96px;
  height: 9.19px;
  opacity: 0.7;
}
.vector-icon4,
.vector-icon5 {
  width: 211.08px;
  height: 9.36px;
}
.vector-icon5 {
  width: 166.22px;
}
.frame-parent5,
.vector-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vector-container {
  width: 254.96px;
  justify-content: center;
  gap: 9.45px;
}
.frame-parent5 {
  position: absolute;
  top: 127.49px;
  left: 35.18px;
  justify-content: flex-start;
  gap: 16.08px;
}
.vector-icon6 {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  height: 42.06px;
  opacity: 0.88;
  mix-blend-mode: normal;
}
.terms-conditions {
  position: absolute;
  top: 11.88px;
  left: 75.97px;
  line-height: 17.59px;
}
.vector-parent1 {
  position: absolute;
  width: 78.54%;
  top: 298.16px;
  right: 10.73%;
  left: 10.73%;
  height: 42.06px;
  font-size: 10.55px;
  color: var(--font);
}
.group-icon {
  position: absolute;
  width: 15.68%;
  top: 23.1px;
  right: 42.1%;
  left: 42.22%;
  max-width: 100%;
  overflow: hidden;
  height: 58.2px;
}
.vector-group {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  height: 340.22px;
}
.vector-parent {
  position: relative;
  width: 324.67px;
  height: 346.45px;
  font-size: 13.02px;
}
.works-content-container {
  width: 327px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-37xl);
}
.group-parent {
  position: absolute;
  top: 703px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 48px;
  color: var(--color-black);
}
.download-2-icon1 {
  position: relative;
  width: 141px;
  height: 53px;
  object-fit: cover;
}
.download-2-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.accepted-payment-methods {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  width: 265px;
}
.frame-child1 {
  width: 38px;
}
.frame-child1,
.frame-child2,
.frame-child3 {
  position: relative;
  height: 31px;
}
.frame-child2 {
  width: 38px;
  object-fit: cover;
}
.frame-child3 {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
}
.group-wrapper1,
.group-wrapper2 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.group-wrapper1 {
  width: 38px;
  justify-content: center;
}
.group-wrapper2 {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.accepted-payment-methods-parent,
.frame-parent9 {
  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-3xs);
}
.download-3-icon {
  position: relative;
  width: 50.59px;
  height: 34px;
  object-fit: cover;
}
.frame-parent8 {
  width: 265px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xl);
  font-size: var(--body-small-main-regular-14-size);
}
.sales {
  position: relative;
  line-height: 26px;
  font-weight: 500;
}
.saleshesabecom {
  position: relative;
  line-height: 24px;
}
.sales-parent,
.saleshesabecom-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.saleshesabecom-parent {
  gap: var(--gap-5xs);
  font-size: var(--body-small-main-regular-14-size);
  color: var(--light-font1);
}
.sales-parent {
  gap: var(--gap-7xs);
}
.terms-conditions1 {
  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;
}
.appstore-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.frame-child5 {
  align-self: stretch;
  position: relative;
  background-color: var(--color-gainsboro);
  height: 1px;
}
.social-icon {
  position: relative;
  width: 36px;
  height: 36px;
}
.group-parent1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-xs);
}
.frame-parent10 {
  align-self: stretch;
  justify-content: center;
  gap: var(--gap-smi);
}
.for-complaints-inner,
.frame-parent10,
.frame-parent6,
.rectangle-parent4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.rectangle-parent4 {
  align-self: stretch;
  justify-content: center;
  gap: var(--gap-5xl);
  text-align: center;
  font-size: var(--body-small-main-regular-14-size);
  color: var(--light-font1);
}
.for-complaints-inner,
.frame-parent6 {
  justify-content: flex-start;
}
.frame-parent6 {
  align-self: stretch;
  gap: var(--gap-15xl);
}
.for-complaints-inner {
  position: absolute;
  top: 6084px;
  background-color: var(--color-whitesmoke-100);
  width: 100%;
  padding: var(--padding-9xl) var(--padding-5xl);
  box-sizing: border-box;
  font-size: var(--h6-headline-medium-16-size);
  color: var(--font);
}
.for-complaints {
  position: relative;
  background-color: var(--white);
  width: 100%;
  height: 7075px;
  overflow: hidden;
  text-align: left;
  font-size: var(--h4-headline-medium-20-size);
  color: var(--white);
  font-family: var(--h4-headline-medium-20);
}