.bg,
.blue-bg-icon {
  position: absolute;
  top: 96px;
  left: 0;
  width: 1440px;
  height: 605px;
}
.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(--body-main-regular-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;
}
.home {
  color: var(--light-font1);
}
.about,
.home,
.services {
  position: relative;
  line-height: 26px;
  font-weight: 500;
}
.services {
  color: var(--color-darkslategray-100);
}
.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(--primary1);
  padding: var(--padding-smi) var(--padding-7xl);
  font-size: var(--body-sm-semibold-size);
  color: var(--white);
}
.frame-parent {
  position: absolute;
  top: 16px;
  left: calc(50% - 620px);
  gap: 450px;
  text-align: left;
  font-size: var(--body-main-regular-16-size);
  color: var(--primary1);
}
.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;
}
.logo-icon {
  position: relative;
  width: 128px;
  height: 32px;
  overflow: hidden;
  flex-shrink: 0;
}
.label {
  position: relative;
  line-height: 20px;
  font-weight: 600;
}
.left-nav,
.nav-group,
.nav-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.nav-item {
  padding: var(--padding-9xs) var(--padding-5xs);
}
.left-nav,
.nav-group {
  overflow: hidden;
  gap: var(--gap-5xs);
}
.left-nav {
  position: absolute;
  top: calc(50% - 16px);
  left: 112px;
  gap: var(--gap-13xl);
}
.store-badge-icon {
  position: relative;
  width: 135px;
  height: 40px;
  overflow: hidden;
  flex-shrink: 0;
}
.app-badges {
  position: absolute;
  top: 30px;
  left: 100.66px;
  gap: 240px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.navbar1 {
  position: absolute;
  top: 374px;
  left: 19px;
  width: 1440px;
  height: 80px;
  display: none;
  color: var(--neutral-900);
  font-family: var(--body-sm-semibold);
}
.email {
  position: relative;
  line-height: 34px;
  font-weight: 500;
}
.saleshesabecom-supporthesab {
  align-self: stretch;
  position: relative;
  font-size: var(--body-main-regular-16-size);
  line-height: 28px;
  color: var(--light-font);
  text-align: center;
}
.div1,
.text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.text {
  align-self: stretch;
  justify-content: center;
  gap: var(--gap-9xs);
}
.div1 {
  position: absolute;
  height: 60.13%;
  width: 100%;
  top: 27.45%;
  right: 0;
  bottom: 12.42%;
  left: 0;
  border-radius: var(--br-10xs);
  background-color: var(--white);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
  justify-content: flex-start;
  padding: var(--padding-39xl) var(--padding-7xl) var(--padding-13xl);
  box-sizing: border-box;
}
.svgexport-10-83-icon {
  position: relative;
  width: 52px;
  height: 52px;
  overflow: hidden;
  flex-shrink: 0;
}
.svgexport-10-83-wrapper {
  position: absolute;
  top: calc(50% - 120px);
  left: calc(50% - 48.13px);
  border-radius: var(--br-81xl);
  background-color: var(--white);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.19);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xl);
}
.parent {
  flex: 1;
  position: relative;
  height: 306px;
}
.p {
  margin: 0;
}
.svgexport-10-85-icon {
  position: relative;
  width: 53px;
  height: 53px;
  overflow: hidden;
  flex-shrink: 0;
}
.svgexport-10-85-wrapper {
  position: absolute;
  top: calc(50% - 120.5px);
  left: calc(50% - 48.63px);
  border-radius: var(--br-81xl);
  background-color: var(--white);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.19);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xl);
}
.container {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.frame-container {
  position: absolute;
  top: 298px;
  left: calc(50% - 520px);
  width: 1040px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
  font-size: var(--font-size-5xl);
  color: var(--primary1);
}
.contact-us1 {
  position: relative;
  line-height: 42px;
  font-weight: 600;
}
.get-in-touch-container {
  position: relative;
  font-size: var(--body-main-regular-16-size);
  line-height: 26px;
}
.contact-us-parent {
  position: absolute;
  top: 176px;
  left: calc(50% - 345px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  text-align: center;
  font-size: var(--h2-size);
  color: var(--white);
}
.smart-jackpots-that {
  position: relative;
  line-height: 32px;
  font-weight: 600;
}
.smart-jackpots-that1 {
  position: relative;
  font-size: var(--body-large-main-regular-18-size);
  line-height: 28px;
  color: var(--light-font-color);
}
.frame-wrapper2,
.smart-jackpots-that-you-may-lo-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.smart-jackpots-that-you-may-lo-parent {
  gap: var(--gap-7xs);
}
.frame-wrapper2 {
  width: 345.69px;
}
.name,
.title {
  position: relative;
  line-height: 24px;
}
.name {
  line-height: 22px;
  opacity: 0;
}
.bxsup-arrow-icon,
.eye-icon1 {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.eye-icon1 {
  width: 16px;
  height: 16px;
  opacity: 0;
}
.bxsup-arrow-icon {
  width: 7px;
  height: 7px;
}
.bxsup-arrow-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-wrapper3 {
  border-radius: var(--br-11xs);
  background-color: var(--color-whitesmoke-200);
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10xs) var(--padding-9xs);
}
.ic-chevrondown-icon {
  position: relative;
  width: 15px;
  height: 15px;
  display: none;
}
.inputdefault,
.name-parent {
  align-self: stretch;
  display: flex;
}
.name-parent {
  border-radius: var(--br-9xs);
  background-color: var(--white);
  border: 1px solid var(--color-gray-200);
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-base) var(--padding-smi)
    var(--padding-5xl);
  color: var(--color-gray-100);
}
.inputdefault {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.ic-chevrondown-icon5 {
  position: relative;
  width: 15px;
  height: 15px;
}
.name-parent5 {
  align-self: stretch;
  border-radius: var(--br-9xs);
  background-color: var(--white);
  border: 1px solid var(--color-gray-200);
  box-sizing: border-box;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-base) var(--padding-smi)
    var(--padding-5xl);
  color: var(--color-gray-100);
}
.choose-file {
  position: relative;
  line-height: 22px;
}
.choose-file-parent,
.frame-parent3 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.choose-file-parent {
  background-color: var(--gray);
  border-right: 1px solid var(--color-gray-200);
  justify-content: flex-start;
  padding: var(--padding-smi) var(--padding-base) var(--padding-smi)
    var(--padding-5xl);
  gap: 291px;
}
.frame-parent3 {
  justify-content: center;
  gap: 17px;
  color: var(--font);
}
.inputdefault-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.eye-icon9,
.iconsarrow-right-41,
.plus-icon1 {
  position: relative;
  width: 19px;
  height: 19px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.iconsarrow-right-41,
.plus-icon1 {
  width: 24px;
  height: 24px;
}
.plus-icon1 {
  width: 20px;
  height: 20px;
}
.primarymediumbuttoncomponen {
  flex: 1;
  background-color: var(--primary1);
  box-shadow: 0 2px 4px rgba(51, 51, 51, 0.16);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-mini) var(--padding-13xl);
  gap: var(--gap-9xs);
}
.primarymediumbuttoncomponen-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-wrapper12,
.instance-wrapper {
  align-self: stretch;
  justify-content: center;
}
.instance-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.frame-wrapper12 {
  text-align: center;
  font-size: var(--body-main-regular-16-size);
  color: var(--white);
}
.frame-parent1,
.frame-parent2,
.frame-wrapper12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.frame-parent2 {
  align-self: stretch;
  justify-content: flex-start;
  gap: var(--gap-13xl);
  font-size: var(--body-sm-semibold-size);
  color: var(--light-font);
}
.frame-parent1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 556px;
  justify-content: center;
  gap: var(--gap-5xl);
}
.frame-wrapper {
  position: relative;
  width: 556px;
  height: 1026px;
}
.frame-child {
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: auto;
  height: 906px;
}
.group-parent {
  width: 1170px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 80px;
}
.careers {
  position: relative;
  line-height: 48px;
  font-weight: 600;
}
.be-part-of {
  position: relative;
  font-size: var(--body-sm-semibold-size);
  line-height: 24px;
  display: inline-block;
  width: 875px;
}
.careers-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.label4 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  color: inherit;
  text-decoration: none;
}
.button,
.frame-parent4 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button {
  background-color: var(--white);
  flex-direction: row;
  padding: var(--padding-base) var(--padding-13xl);
  font-size: var(--body-main-regular-16-size);
  color: #1c213d;
}
.frame-parent4 {
  position: absolute;
  top: 71px;
  left: calc(50% - 296px);
  width: 591.83px;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.cta-section {
  position: absolute;
  top: 0;
  left: calc(50% - 620px);
  width: 1170px;
  height: 330px;
}
.cta-section-wrapper {
  position: relative;
  width: 1170px;
  height: 330px;
  text-align: center;
  font-size: var(--h2-headline-medium-40-size);
  color: var(--white);
}
.frame-div {
  position: absolute;
  top: 724px;
  left: 135px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 120px;
  font-size: 21px;
  color: var(--font-color);
}
.accepted-payment-methods {
  position: relative;
  line-height: 26px;
  font-weight: 500;
  display: inline-block;
  width: 265px;
}
.frame-item {
  width: 38px;
}
.frame-inner,
.frame-item,
.group-icon {
  position: relative;
  height: 31px;
}
.frame-inner {
  width: 38px;
  object-fit: cover;
}
.group-icon {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
}
.group-frame,
.group-wrapper1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.group-frame {
  width: 38px;
  justify-content: center;
}
.group-wrapper1 {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.accepted-payment-methods-parent,
.frame-parent8 {
  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-parent7 {
  width: 265px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xl);
  font-size: var(--body-main-regular-16-size);
}
.sales {
  position: relative;
  line-height: 28px;
  font-weight: 500;
}
.saleshesabecom-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
  font-size: var(--body-sm-semibold-size);
  color: var(--light-font1);
}
.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-parent6 {
  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-parent1,
.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-parent {
  gap: var(--gap-5xl);
  text-align: center;
  font-size: var(--body-sm-semibold-size);
  color: var(--light-font1);
}
.contact-us-inner,
.frame-parent5,
.rectangle-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent5 {
  gap: var(--gap-5xl);
}
.contact-us-inner {
  position: absolute;
  top: 2300px;
  left: calc(50% - 720px);
  background-color: var(--color-whitesmoke-100);
  padding: var(--padding-21xl) var(--padding-116xl) var(--padding-13xl);
  font-size: var(--body-large-main-regular-18-size);
  color: var(--font);
}
.contact-us {
  position: relative;
  background-color: var(--white);
  width: 100%;
  height: 2735px;
  overflow: hidden;
  text-align: left;
  font-size: var(--body-sm-semibold-size);
  color: var(--font1);
  font-family: var(--h2-headline-medium-40);
}