:root {
  --blue: #009fe2;
}

.tabler-icon-arrow {
  background-image: url("tabler-icon-arrow-down-right-3.971d4bde.svg");
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
}

.frame {
  background-color: #fff;
  border: 1px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.frame .div {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: center;
  gap: 23px;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame .image {
  width: 510px;
  height: 591px;
  position: absolute;
  top: 2365px;
  left: 5384px;
}

.frame .vector {
  width: 350px;
  height: 338px;
  position: absolute;
  top: 3494px;
  left: 6159px;
}

.frame .img {
  width: 204px;
  height: 345px;
  position: absolute;
  top: 385px;
  left: 275px;
}

.frame .vector-2 {
  width: 246px;
  height: 237px;
  position: absolute;
  top: 2115px;
  left: 5723px;
}

.frame .div-2 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: center;
  gap: 23px;
  width: 100%;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.frame .frame-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 390px;
  height: 98px;
  display: flex;
  position: relative;
}

.frame .img-2 {
  width: 288px;
  height: 35px;
  position: relative;
}

.frame .div-3 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  width: 100%;
  display: flex;
  position: relative;
}

.frame .text-wrapper {
  color: #292929;
  letter-spacing: 0;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Proxima Nova-Bold, Helvetica;
  font-size: 32px;
  font-weight: 700;
  line-height: 41.6px;
  position: relative;
}

.frame .div-4 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  display: flex;
  position: relative;
}

.frame .button {
  background: linear-gradient(to bottom right, #3b7bd2 0%, #d01ea7 100%);
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 18px 10px 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame .text-wrapper-2 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Proxima Nova-Semibold, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  position: relative;
}

.frame .tabler-icon-arrow-down-right {
  background-image: url("tabler-icon-arrow-down-right-2.ce19a9f1.svg") !important;
  width: 18px !important;
  height: 18px !important;
  position: relative !important;
}

.frame .button-2 {
  background-color: #fff;
  border: 2px solid #7855c1;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 85px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame .tabler-icon {
  width: 18px !important;
  height: 18px !important;
  position: relative !important;
}

.frame .text-wrapper-3 {
  -webkit-text-fill-color: transparent;
  color: #0000;
  letter-spacing: 0;
  text-fill-color: transparent;
  white-space: nowrap;
  background: linear-gradient(#3b7bd2 0%, #d01ea7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -2px;
  font-family: Proxima Nova-Semibold, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  position: relative;
  -webkit-background-clip: text !important;
}

.frame .div-5 {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  width: 100%;
  height: 524px;
  padding: 15px 0;
  display: flex;
  position: relative;
}

.frame .div-6 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin-bottom: -2px;
  padding: 10px 0;
  display: flex;
  position: relative;
}

.frame .p {
  color: #393434;
  letter-spacing: 0;
  text-align: center;
  width: 315px;
  margin-top: 16px;
  font-family: Proxima Nova-Regular, Helvetica;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.frame .group-wrapper {
  background-color: #2ea6da;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 98px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame .group {
  width: 98px;
  height: 26px;
  position: relative;
}

.frame .img-3 {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 4px;
  left: 0;
}

.frame .text-wrapper-4 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  height: 26px;
  font-family: Proxima Nova-Semibold, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  position: absolute;
  top: 0;
  left: 30px;
}

.frame .div-wrapper {
  background-color: #00c307;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 98px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame .group-2 {
  width: 107px;
  height: 26px;
  position: relative;
}

.frame .button-3 {
  background-color: #282b2c;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px 98px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame .group-3 {
  width: 103px;
  height: 22px;
  position: relative;
}

.frame .img-4 {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 2px;
  left: 0;
}

.frame .text-wrapper-5 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  height: 22px;
  font-family: Object Sans-Regular, Helvetica;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  position: absolute;
  top: 0;
  left: 28px;
}

.frame .div-7 {
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 425px;
  height: 279px;
  display: flex;
  position: relative;
}

.frame .rectangle {
  background: linear-gradient(#7874cd 0%, #b231b0 100%);
  width: 2077px;
  height: 279px;
  margin-left: -826px;
  margin-right: -826px;
  position: relative;
}

.frame .div-8 {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  display: inline-flex;
  position: absolute;
  top: 38px;
  left: 64px;
}

.frame .div-9 {
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 2px;
  display: inline-flex;
  position: relative;
}

.frame .text-wrapper-6 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Proxima Nova-Regular, Helvetica;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
}

.frame .text-wrapper-7 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  font-family: Proxima Nova-Bold, Helvetica;
  font-size: 32px;
  font-weight: 700;
  line-height: 41.6px;
  position: relative;
}

.frame .div-10 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  gap: 16px;
  display: inline-flex;
  position: relative;
}

.frame .button-4 {
  background-color: #fff;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 298px;
  padding: 10px 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame .text-wrapper-8 {
  -webkit-text-fill-color: transparent;
  color: #0000;
  letter-spacing: 0;
  text-fill-color: transparent;
  white-space: nowrap;
  background: linear-gradient(#009fe2 0%, #f09 100%);
  -webkit-background-clip: text;
  background-clip: text;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -2px;
  font-family: Proxima Nova-Semibold, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  position: relative;
  -webkit-background-clip: text !important;
}

.frame .tabler-icon-arrow-instance {
  background-image: url("tabler-icon-arrow-down-right-1.1ce34242.svg") !important;
  width: 18px !important;
  height: 18px !important;
  position: relative !important;
}

.frame .button-5 {
  border: 2px solid #fff;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 298px;
  padding: 10px 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame .text-wrapper-9 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -2px;
  font-family: Proxima Nova-Semibold, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  position: relative;
}

.frame .div-11 {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  width: 100%;
  height: 1231px;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.frame .text-wrapper-10 {
  color: #292929;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Proxima Nova-Bold, Helvetica;
  font-size: 32px;
  font-weight: 700;
  line-height: 41.6px;
  position: relative;
}

.frame .div-12 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  display: flex;
  position: relative;
}

.frame .element {
  background-color: #fff;
  border-radius: 18px;
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: flex-start;
  gap: 54px;
  width: 100%;
  padding: 24px;
  display: flex;
  position: relative;
  box-shadow: 0 .25px 3.27px #9407d009, 0 .6px 7.85px #9407d00b, 0 1.13px 14.78px #9407d00d, 0 2.01px 26.36px #9407d00e, 0 3.76px 49.3px #9407d010, 0 9px 118px #9407d014;
}

.frame .div-13 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  gap: 24px;
  display: inline-flex;
  position: relative;
}

.frame .APPOMART-BELGRADE {
  width: 146.61px;
  height: 51.66px;
  position: relative;
}

.frame .div-14 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  gap: 10px;
  display: inline-flex;
  position: relative;
}

.frame .text-wrapper-11 {
  color: var(--blue);
  letter-spacing: 0;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Proxima Nova-Regular, Helvetica;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
  position: relative;
}

.frame .text-wrapper-12 {
  color: #696969;
  letter-spacing: 0;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  font-family: Proxima Nova-Regular, Helvetica;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.frame .div-15 {
  flex: none;
  align-items: flex-start;
  gap: 24px;
  display: inline-flex;
  position: relative;
}

.frame .image-2 {
  width: 31px;
  height: 24px;
  position: relative;
}

.frame .rectangle-2 {
  object-fit: cover;
  width: 31px;
  height: 24px;
  position: relative;
}

.frame .APPOMART-SINGAPORE {
  width: 150.48px;
  height: 51.66px;
  position: relative;
}

.frame .text-wrapper-13 {
  color: #696969;
  letter-spacing: 0;
  width: -moz-fit-content;
  width: fit-content;
  font-family: Proxima Nova-Regular, Helvetica;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.frame .APPOMART-SAINT {
  width: 250.55px;
  height: 51.66px;
  position: relative;
}

.frame .APPOMART-TEL-AVIV {
  width: 146.61px;
  height: 51.31px;
  position: relative;
}

.vladimir {
  border: 1px;
  flex-direction: column;
  align-items: center;
  height: 1389px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vladimir .rectangle {
  background-color: #160d26;
  width: 1781px;
  height: 332px;
  position: absolute;
  top: 676px;
  left: -365px;
}

.vladimir .ellipse {
  filter: blur(125px);
  background-color: #766394;
  border-radius: 75.5px;
  width: 151px;
  height: 151px;
  position: absolute;
  top: 727px;
  left: 66px;
}

.vladimir .div {
  background-color: #160d26;
  width: 1966px;
  height: 229px;
  margin-left: -788px;
  margin-right: -788px;
  position: relative;
}

.vladimir .frame-1-1 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: center;
  gap: 43px;
  width: 100%;
  margin-bottom: 40px;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.vladimir .welcome-to-my {
  color: #160d26;
  letter-spacing: 0;
  text-align: center;
  width: 348px;
  margin-top: -1px;
  font-family: Object Sans-Regular, Helvetica, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  position: relative;
}

.vladimir .frame-2 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
  position: relative;
}

.vladimir .button {
  background-color: #282b2c;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px 98px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vladimir .img2 {
  width: 18px;
  height: 18px;
  position: relative;
}

.vladimir .text-wrapper {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Object Sans-Regular, Helvetica;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  position: relative;
}

.vladimir .button-2-1 {
  background-color: #2ea6da;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px 98px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vladimir .img-2 {
  width: 20px;
  height: 20px;
  position: relative;
}

.vladimir .button-3 {
  background-color: #00c307;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px 98px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vladimir .frame-3-1 {
  flex-direction: column;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  width: 100%;
  height: 140px;
  margin-bottom: 40px;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.vladimir .text-wrapper-2-1 {
  color: #98ebad;
  letter-spacing: 0;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 24px;
  font-family: Object Sans-Heavy, Helvetica;
  font-size: 28px;
  font-weight: 800;
  line-height: 36.4px;
  position: relative;
}

.vladimir .button-4 {
  border: 1px solid #98ebad;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vladimir .text-wrapper-3-1 {
  color: #fff;
  letter-spacing: 0;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Object Sans-Heavy, Helvetica;
  font-size: 14px;
  font-weight: 800;
  line-height: 22.4px;
  position: relative;
}

.vladimir .frame-4-1 {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 127px;
  margin-bottom: 50px;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.vladimir .button-5 {
  background-color: #fff;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px #53545e33;
}

.vladimir .image {
  width: 26px;
  height: 20px;
  position: relative;
}

.vladimir .text-wrapper-4 {
  color: #000;
  letter-spacing: 0;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -2px;
  font-family: Object Sans-Regular, Helvetica;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-decoration: underline;
  position: relative;
}

.vladimir .rectangle-2 {
  object-fit: cover;
  width: 26px;
  height: 20px;
  position: relative;
}

.vladimir .frame-5-1 {
  background-color: #f0f2f8;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  width: 100%;
  height: 450px;
  padding: 30px 0;
  display: flex;
  position: relative;
}

.vladimir .frame-6 {
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 8px;
  display: inline-flex;
  position: relative;
}

.vladimir .text-wrapper-5-1 {
  color: #160d26;
  letter-spacing: 0;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  font-family: Object Sans-Heavy, Helvetica;
  font-size: 28px;
  font-weight: 800;
  line-height: 36.4px;
  position: relative;
}

.vladimir .p {
  color: #160d26;
  letter-spacing: 0;
  text-align: center;
  width: 315px;
  font-family: Object Sans-Regular, Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  position: relative;
}

.vladimir .frame-7 {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin-bottom: -18px;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.vladimir .text-wrapper-6 {
  color: #000;
  letter-spacing: 0;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -2px;
  font-family: Object Sans-Regular, Helvetica;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  position: relative;
}

.vladimir .button-6 {
  border: 2px solid #98ebad;
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px 84px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px #53545e33;
}

.vladimir .mask-group {
  width: 390px;
  height: 229px;
  position: absolute;
  top: 0;
  left: 0;
}

.vladimir .ellipse-2 {
  object-fit: cover;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 46px;
  left: 145px;
}

.vladimir .text-wrapper-7 {
  color: #98ebad;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  height: 29px;
  font-family: Object Sans-Heavy, Helvetica;
  font-size: 28px;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  top: 169px;
  left: 77px;
}

.vladimir .vector {
  width: 31px;
  height: 33px;
  position: absolute;
  top: 800px;
  left: 314px;
}

.vladimir .mask-group1 {
  background-size: cover;
  margin: auto;
  position: relative;
}

.vladimir .div1 {
  background-color: #160d26;
  width: 100%;
  height: 229px;
  margin-bottom: 40px;
  position: relative;
}

.vladimir .image-background1 {
  background-image: url("Ellipse 45.37d9ff07.png");
  background-size: cover;
  width: 400px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -100px;
}

.vladimir .ellipse-2-1 {
  z-index: 2;
  width: 100px;
  height: 100px;
  margin: auto;
  display: block;
  position: relative;
  top: 146px;
}

.vladimir .text-wrapper-7-1 {
  color: #98ebad;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  height: 29px;
  font-family: Object Sans-Heavy, Helvetica;
  font-size: 28px;
  font-weight: 800;
  line-height: normal;
  display: block;
  position: absolute;
  top: 169px;
}

#app {
  height: 100%;
}

.frame {
  background-color: #fff;
  border: none;
  align-items: center;
  height: 100%;
}

.center {
  width: 85%;
  max-width: 700px;
  margin: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.center img {
  width: 100%;
}

.loading-container {
  max-width: 400px;
  margin: auto;
  left: 0;
  right: 0;
}

.loading {
  box-sizing: border-box;
  width: 25%;
  margin: -8% auto auto;
  padding: 12.5%;
  display: block;
  position: relative;
  top: 1em;
  left: 0;
  right: 0;
}

.loading-center {
  filter: contrast(20);
  background: #fff;
  width: 100%;
  height: 35%;
  margin: auto;
  padding-top: .1%;
  padding-bottom: .1%;
  position: absolute;
  left: 0;
  right: 0;
}

.loading-center .dot-container {
  width: 100%;
  height: 100%;
}

.loading-center .dot {
  filter: blur(.2rem);
  background: #000;
  border-radius: 50%;
  width: 11%;
  height: 31.4%;
  margin-left: 10%;
  animation: 2.8s infinite dot;
  position: absolute;
  transform: translateX(0);
}

.loading-center .dots {
  height: 31.5%;
  margin-top: 10%;
  margin-left: 20%;
  animation: 2.8s infinite dots;
  position: relative;
  transform: translateX(0);
}

.loading-center .dots span {
  float: left;
  filter: blur(.2rem);
  background: #000;
  border-radius: 50%;
  width: 13.7%;
  height: 100%;
  margin-left: 15%;
  display: block;
}

@keyframes dot {
  50% {
    transform: translateX(650%);
  }
}

@keyframes dots {
  50% {
    transform: translateX(-25%);
  }
}

/*# sourceMappingURL=index.7e392595.css.map */