html,
body {
  position: relative;
  height: 100%;
}

a {
  color: #333; text-decoration: none;
}

.brand {
  left: 60px;
  top: 30px;
  z-index: 9999;
}

[dir="rtl"] .brand {
  left: initial;
  right: 60px;
}

.swiper {
  width: 100%;
  height: 100%;
}


.view {
  position: relative; height: 100%; width: 100%;
}

.view-1 {
  background-image: -moz-linear-gradient( 0deg, #AE46D4 0%, #6632DF 100%);
  background-image: -webkit-linear-gradient( 0deg, #AE46D4 0%, #6632DF 100%);
  background-image: -ms-linear-gradient( 0deg, #AE46D4 0%, #6632DF 100%);
  box-sizing: border-box;
  padding-inline-start: 130px;
  padding-inline-end: 40px;
  color: #fff;
}



.lt {
  font-size: 36px; font-weight: 900; line-height: 1.25;
}

.st {
  line-height: 1.2; font-size: 15px; max-width: 330px; margin-top: 1rem;
}

.download {
  gap: 15px; margin-top: 1rem;
}

.download a {
  display: flex; background-color: #000; height: 45px; justify-content: center; align-items: center; border-radius: 45px; color: #fff; padding: 0 26px; font-size: 13px; font-weight: 900;
}
.download a img {
  margin-right: 5px; display: block;
}

.view-2,
.view- {
  background-color: #fff;  box-sizing: border-box; padding: 40px;
}


.w-half {
  flex: 1; width: 50%;
}

.w-half .vc {
  max-width: 300px;
}

.vh {
  font-size: 30px; color: #000; font-weight: 600; margin: 1rem 0;
}
.vt {
  font-size: 13px; color: #161324; line-height: 1.8;
}

.view-3 {
  background-color: #f8f8ff;box-sizing: border-box; padding: 40px;
}

.view {
  position: relative;
}

.ft {
  position: absolute; left: 40px; right: 40px; bottom: 1rem; font-size: 16px; color: #fff;
}
.ft div {
  flex: 1;
}

.fe > span { padding: 0 5px;}
.fe { text-align: end }

.ft a {
  color: #fff;
}

.lang {
  position: absolute; right: 40px; top: 40px;
}


[dir="rtl"] .lang {
  right: inherit; left: 40px;
}


.lang-wrap {
  display: none; position: absolute; left: -15px; top: 0;
}
.lang-select {
  list-style: none; padding: 0; margin: 0; margin-top: 30px;  background-color: #fff;
}

.lang:hover > .lang-wrap {
  display: block; cursor: pointer;
}

.current-lang {
  display: flex; align-items: center; background-color: #AE46D4; height: 24px; border-radius: 24px; color: #fff; padding: 0 12px; font-size: 10px; 
}
[dir="rtl"] .current-lang {
  background-color: #6632DF;
}

.current-lang img {
  margin-inline-end: 3px;
}


.lang-select {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  width: 85px;
}

.lang-select a {
  padding: 9px 12px;
  display: block;
  font-size: 12px;
  text-align: end;
}

.lang-select li:first-child a {
  border-bottom: 1px solid #eee;
}

[dir="rtl"] .swiper-pagination-vertical.swiper-pagination-bullets,
[dir="rtl"] .swiper-vertical > .swiper-pagination-bullets {
  left: 14px; right: inherit;
}