@import url("https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Dots:wght@400..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");
@media (max-width: 900px) {
  .sw-06-sync__container-text {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .sw-06-functions__container-text-column {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
@media (min-width: 901px) {
  .sw-06-sync__container-text-item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .sw-06-functions__container-text-column {
    opacity: unset;
    transform: unset;
    transition: unset;
  }
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: unset !important;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.sw-08-landing {
  overflow: hidden;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  z-index: 10;
}
.sw-08-landing h1,
.sw-08-landing h2,
.sw-08-landing h3,
.sw-08-landing h4,
.sw-08-landing h5,
.sw-08-landing h6,
.sw-08-landing ul,
.sw-08-landing ol,
.sw-08-landing p,
.sw-08-landing div,
.sw-08-landing span {
  padding: 0;
  margin: 0;
  line-height: normal;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  border: none;
  background: none;
}
.sw-08-landing h1,
.sw-08-landing h2,
.sw-08-landing h3,
.sw-08-landing h4 {
  font-family: Roboto, sans-serif;
}
.sw-08-landing section {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.sw-08-landing img {
  max-width: 100%;
  pointer-events: none;
}
.sw-08-landing .sw-08-intro {
  position: relative;
  height: 100%;
  display: flex;
  background-image: url("../images/sw-08-intro/sw-08-intro-blue-background.png");
  background-size: contain;
  background-position: 100%;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-intro {
    background-image: url("../images/sw-08-intro/sw-08-intro-blue-background-mb.png");
    background-size: cover;
    background-position: 100% 0%;
  }
}
.sw-08-landing .sw-08-intro__video-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-intro__video-background {
    position: absolute;
    top: -91%;
    left: -30%;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
  }
}
.sw-08-landing .sw-08-intro #myVideo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
}
.sw-08-landing .sw-08-intro__container {
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-left: 4%;
  padding-right: 5%;
  padding-bottom: 39px;
  padding-top: 5%;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-intro__container {
    padding-top: 10%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
  }
}
.sw-08-landing .sw-08-intro .sw-08-space {
  width: 8vw;
  height: 20vh;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-intro .sw-08-space {
    width: 0;
    height: 0;
  }
}
.sw-08-landing .sw-08-intro__container-logo {
  left: 5%;
  top: 19%;
  position: absolute;
  width: 4%;
  transform-origin: center;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-intro__container-logo {
    left: 14%;
    top: 10%;
    width: 3.5%;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-intro__container-logo {
    left: 5%;
    top: 10%;
    width: 5%;
  }
}
@media screen and (max-width: 500px) and (max-width: 400px) {
  .sw-08-landing .sw-08-intro__container-logo {
    top: 11%;
  }
}
.sw-08-landing .sw-08-intro__container-logo .sw-08-logo {
  width: 100%;
  height: auto;
}
.sw-08-landing .sw-08-intro__container-text {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-intro__container-text {
    align-items: flex-start;
  }
}
.sw-08-landing .sw-08-intro h2 {
  font-size: 5vw;
  font-weight: 700;
  color: #c76608;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-intro h2 {
    font-size: 8vw;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-intro h2 {
    font-size: 40px;
  }
}
.sw-08-landing .sw-08-intro h1 {
  font-size: 12vw;
  font-weight: 700;
  color: #0567b3;
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-intro h1 {
    font-size: 80px;
  }
}
.sw-08-landing .sw-08-intro h3 {
  font-size: 3.9vw;
  font-weight: 500;
  color: black;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-intro h3 {
    font-size: 5vw;
    max-width: 100vw;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-intro h3 {
    font-size: 20px;
    max-width: 85vw;
  }
}
.sw-08-landing .sw-08-intro h4 {
  font-size: 3.2vw;
  font-weight: 400;
  margin-top: 30px;
  text-align: left;
}
.sw-08-landing .sw-08-intro__container-text-ds {
  display: block;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-intro__container-text-ds {
    display: none;
  }
}
.sw-08-landing .sw-08-intro__container-text-mb {
  display: none;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-intro__container-text-mb {
    display: block;
    position: relative;
    left: 68px;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-intro__container-text-mb {
    left: 50px;
  }
}
.sw-08-landing .sw-08-intro__container-text-mb h3 {
  text-align: end;
  font-size: 6.2vw;
  font-weight: 500;
  color: #ffffff;
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-intro__container-text-mb h3 {
    font-size: 32px;
  }
}
.sw-08-landing .sw-08-intro__container-text-mb h4 {
  text-align: end;
  font-size: 6vw;
  font-weight: 400;
  margin-top: 30px;
  max-width: 68vw;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-intro__container-text-mb h4 {
    color: #000000;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-intro__container-text-mb h4 {
    font-size: 30px;
  }
}
.sw-08-landing .sw-08-intro__container-watch {
  max-width: 44%;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-intro__container-watch {
    max-width: 90%;
  }
}
.sw-08-landing .sw-08-intro__container-watch .sw-08-watch {
  max-width: 100%;
  height: auto;
}
.sw-08-landing .sw-08-display-info {
  background: linear-gradient(114.05deg, rgba(177, 221, 246, 0.956863) 19.14%, #79c8f5 80.86%);
}
.sw-08-landing .sw-08-display-info__container {
  display: flex;
  align-items: center;
  gap: 8vw;
  justify-content: space-between;
  padding-left: 6%;
  padding-right: 10%;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-display-info__container {
    padding: 10% 0%;
    flex-direction: column;
  }
}
.sw-08-landing .sw-08-display-info__watch {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-display-info__watch {
    width: 70%;
  }
}
.sw-08-landing .sw-08-display-info__watch .sw-08-watch {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-display-info__watch .sw-08-watch {
    display: none;
  }
}
.sw-08-landing .sw-08-display-info__watch .sw-08-watch-mb {
  display: none;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-display-info__watch .sw-08-watch-mb {
    display: block;
    width: 100%;
  }
}
.sw-08-landing .sw-08-display-info__watch .sw-08-circle {
  opacity: 0;
}
.sw-08-landing .sw-08-display-info__watch .first-position {
  position: absolute;
  top: 18%;
  width: 39%;
  left: 60%;
  height: auto;
}
.sw-08-landing .sw-08-display-info__watch .secont-position {
  position: absolute;
  top: 38%;
  width: 39%;
  left: 31%;
  height: auto;
}
.sw-08-landing .sw-08-display-info__watch .third-position {
  position: absolute;
  top: 59%;
  width: 39%;
  left: 2%;
  height: auto;
}
.sw-08-landing .sw-08-display-info__container-text {
  display: flex;
  flex-direction: column;
  text-align: end;
  gap: 3vh;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .sw-08-landing .sw-08-display-info__container-text {
    justify-content: center;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-display-info__container-text {
    align-items: center;
    gap: 8vw;
    text-align: center;
    max-width: 90vw;
  }
}
.sw-08-landing .sw-08-display-info__container-text-item {
  font-weight: 600;
  font-size: 2.7vw;
  color: #3d3d3d;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-display-info__container-text-item {
    font-size: 6vw;
    font-weight: 600;
  }
}
.sw-08-landing .sw-08-display-info__container-text-item span {
  font-size: 2.3vw;
  font-weight: 400;
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-display-info__container-text-item span {
    font-size: 5.5vw;
  }
}
.sw-08-landing .sw-08-health {
  position: relative;
  opacity: 1;
  background-image: url("../images/sw-08-health/sw-08-health-background.png");
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 375px) and (max-width: 768px) {
  .sw-08-landing .sw-08-health {
    background-position: 72%;
  }
}
.sw-08-landing .sw-08-health__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 7% 4%;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-health__container {
    justify-content: center;
  }
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-health__container {
    padding-left: 7%;
    align-items: flex-start;
  }
}
.sw-08-landing .sw-08-health__container-text {
  display: flex;
  flex-direction: column;
  color: #fff;
  gap: 3vh;
}
.sw-08-landing .sw-08-health__container-text-title {
  color: #0567b3;
  font-size: 4.3vw;
  font-weight: 500;
  max-width: 60vw;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-health__container-text-title {
    font-size: 6.5vw;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-health__container-text-title {
    font-size: 40px;
  }
}
.sw-08-landing .sw-08-health__container-text-health {
  font-size: 2.5vw;
  display: flex;
  flex-direction: column;
  gap: 2vh;
  width: 45vw;
  margin-left: 9%;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-health__container-text-health {
    font-size: 4vw;
    width: 70vw;
    gap: 60px;
    margin-bottom: 109px;
    margin-left: 25%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-health__container-text-health {
    font-size: 26px;
    margin-left: 30%;
  }
}
.sw-08-landing .sw-08-health__container-text-health-item {
  color: black;
  position: relative;
  margin-top: 4vh;
}
.sw-08-landing .sw-08-health__container-text-health-item:nth-child(1) {
  max-width: 20vw;
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-health__container-text-health-item:nth-child(1) {
    max-width: 60vw;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-health__container-text-health-item:nth-child(2) {
    max-width: 56vw;
  }
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-health__container-text-health-item:nth-child(3) {
    max-width: 60vw;
  }
}
.sw-08-landing .sw-08-health__container-text-health-item:before {
  content: "";
  position: absolute;
  display: inline-block;
  left: -10%;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  height: 200%;
}
.sw-08-landing .sw-08-health .sw-08-moon::before {
  background-image: url("../images/sw-08-health/sleep.svg");
  left: -36%;
  top: -22%;
  width: 20%;
  max-height: 89px;
  max-width: 86px;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-health .sw-08-moon::before {
    width: 15%;
    max-height: 61px;
    max-width: 63px;
    left: -28%;
    top: -28%;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-health .sw-08-moon::before {
    width: 30%;
    left: -37%;
    top: -50%;
  }
}
.sw-08-landing .sw-08-health .sw-08-o2::before {
  background-image: url("../images/sw-08-health/oxygen.svg");
  top: -20%;
  left: -16%;
  width: 10%;
  max-height: 111px;
  max-width: 110px;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-health .sw-08-o2::before {
    width: 15%;
    max-height: 78px;
    max-width: 78px;
    left: -23%;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-health .sw-08-o2::before {
    width: 30%;
    left: -40%;
    top: 9%;
  }
}
.sw-08-landing .sw-08-health .sw-08-drop::before {
  background-image: url("../images/sw-08-health/pressure.svg");
  top: 8%;
  max-height: 107px;
  left: -17%;
  width: 10%;
  max-width: 97px;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-health .sw-08-drop::before {
    width: 15%;
    max-height: 69px;
    max-width: 76px;
    left: -27%;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-health .sw-08-drop::before {
    width: 30%;
    left: -37%;
    top: 15%;
  }
}
.sw-08-landing .sw-08-health .sw-08-heart::before {
  background-image: url("../images/sw-08-health/pulse.svg");
  max-height: 105px;
  left: -17%;
  width: 10%;
  max-width: 96px;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-health .sw-08-heart::before {
    width: 15%;
    max-height: 68px;
    max-width: 61px;
    left: -23%;
    top: -15%;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-health .sw-08-heart::before {
    width: 30%;
    left: -32%;
    top: -35%;
  }
}
.sw-08-landing .sw-08-function {
  background: black;
  position: relative;
}
.sw-08-landing .sw-08-function .sw-08-function__picture-insertion {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
  transform: translateX(0);
}
.sw-08-landing .sw-08-function .sw-08-function__picture-insertion img {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-function__picture-insertion-ds {
    display: none;
  }
}
.sw-08-landing .sw-08-function__picture-insertion-mb {
  display: none;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-function__picture-insertion-mb {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-function__black-insertion-one, .sw-08-landing .sw-08-function__black-insertion-two {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}
.sw-08-landing .sw-08-function__black-insertion-one {
  background-image: url("../images/sw-08-functions/sw-08-function__black-insertion-one.png");
  left: 0;
}
.sw-08-landing .sw-08-function__black-insertion-two {
  background-image: url("../images/sw-08-functions/sw-08-function__black-insertion-two.png");
  right: 0;
}
.sw-08-landing .sw-08-function__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: end;
  gap: 50px;
  padding-bottom: 60px;
  padding-top: 60px;
  position: absolute;
  top: 0;
  left: 35%;
}
@media screen and (max-width: 1400px) {
  .sw-08-landing .sw-08-function__content {
    padding-top: 20px;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-function__content {
    bottom: 0;
    top: unset;
    gap: 20px;
    padding-bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
    column-gap: 95px;
  }
}
.sw-08-landing .sw-08-function__content p {
  font-size: 2.5vw;
  color: #fff;
  font-style: italic;
  text-align: center;
  transform: skewX(-10deg);
}
@media screen and (max-width: 1800px) {
  .sw-08-landing .sw-08-function__content p {
    font-size: 2vw;
  }
}
@media screen and (max-width: 1400px) {
  .sw-08-landing .sw-08-function__content p {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-function__content p {
    font-size: 4vw;
    transform: unset;
    font-style: unset;
  }
}
.sw-08-landing .sw-08-function__content p:nth-child(2) {
  max-width: 16vw;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-function__content p:nth-child(2) {
    max-width: 36vw;
  }
}
.sw-08-landing .sw-08-function__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: center;
  gap: 36px;
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-function__item {
    gap: 12px;
  }
}
.sw-08-landing .sw-08-function__item:nth-child(1) {
  left: 22%;
}
@media screen and (max-width: 1400px) {
  .sw-08-landing .sw-08-function__item:nth-child(1) {
    max-width: 14vw;
  }
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-function__item:nth-child(1) {
    left: -28%;
  }
}
.sw-08-landing .sw-08-function__item:nth-child(2) {
  left: 175%;
}
@media screen and (max-width: 1400px) {
  .sw-08-landing .sw-08-function__item:nth-child(2) {
    left: 165%;
  }
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-function__item:nth-child(2) {
    left: 0;
  }
}
.sw-08-landing .sw-08-function__item:nth-child(3) {
  left: -3%;
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-function__item:nth-child(3) {
    left: 0;
    max-width: 36vw;
  }
}
.sw-08-landing .sw-08-function__item:nth-child(4) {
  top: -15%;
  left: 175%;
}
@media screen and (max-width: 1400px) {
  .sw-08-landing .sw-08-function__item:nth-child(4) {
    left: 165%;
  }
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-function__item:nth-child(4) {
    left: 0;
  }
}
.sw-08-landing .sw-08-function .sw-08-traning-img {
  width: 10vw;
  height: auto;
  max-width: 185px;
  max-height: 149px;
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-function .sw-08-traning-img {
    max-width: 91.25px;
    max-height: 73.49px;
    width: 30vw;
  }
}
.sw-08-landing .sw-08-function .sw-08-calories-img {
  max-width: 183px;
  width: 10vw;
  height: auto;
  max-height: 138px;
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-function .sw-08-calories-img {
    max-width: 91px;
    max-height: 68px;
    width: 30vw;
  }
}
.sw-08-landing .sw-08-function .sw-08-stopwatch-img {
  max-width: 143px;
  width: 9vw;
  height: auto;
  max-height: 143px;
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-function .sw-08-stopwatch-img {
    max-width: 72px;
    max-height: 72px;
    width: 30vw;
  }
}
.sw-08-landing .sw-08-function .sw-08-pedometer-img {
  max-width: 178px;
  width: 10vw;
  height: auto;
  max-height: 121px;
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-function .sw-08-pedometer-img {
    width: 30vw;
    max-width: 89.16px;
    max-height: 60.61px;
  }
}
.sw-08-landing .sw-08-watch-screen {
  height: 100%;
  background: black;
  overflow: hidden;
}
.sw-08-landing .sw-08-watch-screen__background--blue {
  position: absolute;
  height: 100vh;
  background: #249bf7;
  rotate: -72deg;
  width: 100%;
  top: 0%;
  left: 32%;
}
@media screen and (max-width: 1400px) {
  .sw-08-landing .sw-08-watch-screen__background--blue {
    width: 128%;
    top: 14%;
    left: 66%;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__background--blue {
    opacity: 0;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen {
    background: linear-gradient(180deg, #80c8ff 0%, #249bf7 100%);
  }
}
.sw-08-landing .sw-08-watch-screen__container {
  overflow: hidden;
  display: flex;
  height: 949px;
  flex-direction: row;
  padding: 0%;
  position: relative;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__container {
    flex-direction: column;
  }
}
.sw-08-landing .sw-08-watch-screen__specs-container-text {
  display: flex;
  flex-direction: column;
  gap: 5vh;
  justify-content: space-evenly;
  padding: 0% 0% 0% 13%;
}
@media screen and (max-width: 1400px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text {
    font-size: 2.5vw;
    gap: 58px;
    justify-content: center;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text {
    font-weight: 300;
    padding: 13% 0% 10% 25%;
  }
}
@media screen and (max-height: 700px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text {
    justify-content: flex-start;
    padding: 10% 0% 0% 13%;
  }
}
.sw-08-landing .sw-08-watch-screen__specs-container-text-item {
  position: relative;
  font-size: 2vw;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 1400px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text-item {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text-item {
    color: black;
    font-size: 20px;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text-item {
    font-size: 22px;
  }
}
.sw-08-landing .sw-08-watch-screen__specs-container-text-item:nth-child(1) {
  max-width: 27vw;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text-item:nth-child(1) {
    max-width: 31vw;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text-item:nth-child(1) {
    max-width: 51vw;
  }
}
.sw-08-landing .sw-08-watch-screen__specs-container-text-item:nth-child(2) {
  max-width: 33vw;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text-item:nth-child(2) {
    max-width: 36vw;
  }
}
@media screen and (max-width: 700px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text-item:nth-child(2) {
    max-width: 53vw;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text-item:nth-child(2) {
    max-width: 61vw;
  }
}
.sw-08-landing .sw-08-watch-screen__specs-container-text-item:nth-child(3) {
  max-width: 29vw;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text-item:nth-child(3) {
    max-width: 36vw;
  }
}
@media screen and (max-width: 700px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text-item:nth-child(3) {
    max-width: 40vw;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text-item:nth-child(3) {
    max-width: 61vw;
  }
}
.sw-08-landing .sw-08-watch-screen__specs-container-text-item:before {
  content: "";
  position: absolute;
  display: inline-block;
  left: -10%;
  width: 200%;
  background-repeat: no-repeat;
  height: 200%;
  background-size: contain;
}
.sw-08-landing .sw-08-watch-screen__specs-container-text-item span {
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__specs-container-text-item span {
    font-weight: 500;
  }
}
.sw-08-landing .sw-08-watch-screen .sw-08-watch-screen__choose-faces-container-text {
  position: absolute;
}
@media screen and (min-width: 901px) {
  .sw-08-landing .sw-08-watch-screen .sw-08-watch-screen__choose-faces-container-text {
    max-width: 50vw;
    text-align: center;
    top: 25%;
    rotate: -30deg;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen .sw-08-watch-screen__choose-faces-container-text {
    text-align: end;
    top: 80px;
    right: 18px;
    max-width: 70vw;
  }
}
@media screen and (max-width: 659px) {
  .sw-08-landing .sw-08-watch-screen .sw-08-watch-screen__choose-faces-container-text {
    max-width: 93vw;
  }
}
.sw-08-landing .sw-08-watch-screen .sw-08-watch-screen__choose-faces-title {
  font-weight: 400;
  line-height: 135%;
  font-size: 5vw;
  color: black;
}
@media screen and (min-width: 2001px) {
  .sw-08-landing .sw-08-watch-screen .sw-08-watch-screen__choose-faces-title {
    color: #fff;
    font-size: 90px;
  }
}
@media screen and (max-width: 2000px) {
  .sw-08-landing .sw-08-watch-screen .sw-08-watch-screen__choose-faces-title {
    color: #fff;
    font-size: 5vw;
  }
}
@media screen and (min-width: 760px) and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen .sw-08-watch-screen__choose-faces-title {
    color: black;
    font-size: 60px;
  }
}
@media screen and (min-width: 500px) and (max-width: 759px) {
  .sw-08-landing .sw-08-watch-screen .sw-08-watch-screen__choose-faces-title {
    color: black;
    font-size: 50px;
  }
}
@media screen and (min-width: 50px) and (max-width: 499px) {
  .sw-08-landing .sw-08-watch-screen .sw-08-watch-screen__choose-faces-title {
    font-size: 40px;
    color: black;
  }
}
.sw-08-landing .sw-08-watch-screen .sw-08-watch-screen__choose-faces-title span {
  font-weight: 500;
  text-align: right;
}
@media screen and (min-width: 901px) {
  .sw-08-landing .sw-08-watch-screen .sw-08-watch-screen__choose-faces-title span {
    color: #00ff00;
  }
}
.sw-08-landing .sw-08-watch-screen .sw-06-defense::before {
  background-image: url("../images/sw-08-watch-screen/sw-08-specs-defense.svg");
  left: -23%;
  top: -11%;
  width: 26%;
  height: 123%;
}
@media screen and (max-width: 1400px) {
  .sw-08-landing .sw-08-watch-screen .sw-06-defense::before {
    left: -32%;
  }
}
@media screen and (min-width: 355px) and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen .sw-06-defense::before {
    background-image: url("../images/sw-08-watch-screen/sw-08-specs-defense-mb.svg");
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen .sw-06-defense::before {
    left: -65px;
    top: -36%;
    width: 50px;
    height: 70px;
  }
}
.sw-08-landing .sw-08-watch-screen .sw-06-belt::before {
  background-image: url("../images/sw-08-watch-screen/sw-08-specs-belt.svg");
  left: -19%;
  top: -19%;
  width: 18%;
  height: 154%;
}
@media screen and (max-width: 1400px) {
  .sw-08-landing .sw-08-watch-screen .sw-06-belt::before {
    left: -25%;
  }
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen .sw-06-belt::before {
    background-image: url("../images/sw-08-watch-screen/sw-08-specs-belt-mb.svg");
    left: -59px;
    width: 43.25px;
    height: 82.34px;
  }
}
.sw-08-landing .sw-08-watch-screen .sw-06-battery::before {
  background-image: url("../images/sw-08-watch-screen/sw-08-specs-battery.svg");
  left: -21%;
  top: 0%;
  width: 18%;
  height: 103%;
}
@media screen and (max-width: 1400px) {
  .sw-08-landing .sw-08-watch-screen .sw-06-battery::before {
    left: -27%;
  }
}
@media screen and (min-width: 375px) and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen .sw-06-battery::before {
    background-image: url("../images/sw-08-watch-screen/sw-08-specs-battery-mb.svg");
    width: 46px;
    height: 86px;
    left: -62px;
    top: -5px;
  }
}
.sw-08-landing .sw-08-watch-screen__container-wrap-image {
  position: absolute;
  height: 1200px;
  width: 1300px;
  right: 0;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__container-wrap-image {
    position: absolute;
    height: 1200px;
    width: auto;
    left: 0;
    right: unset;
  }
}
.sw-08-landing .sw-08-watch-screen .watch-2-slide {
  opacity: 0;
  top: -47%;
  rotate: -30deg;
  position: absolute;
  left: 36%;
}
@media (max-width: 1800px) {
  .sw-08-landing .sw-08-watch-screen .watch-2-slide {
    top: -36%;
    width: 30%;
    left: 48%;
  }
}
@media screen and (max-width: 1550px) {
  .sw-08-landing .sw-08-watch-screen .watch-2-slide {
    top: -22%;
    width: 21%;
    rotate: -30deg;
    left: 70%;
  }
}
@media screen and (min-width: 701px) and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen .watch-2-slide {
    top: 18%;
    right: -193px;
    width: 207px;
    rotate: -48deg;
  }
}
@media screen and (max-width: 700px) {
  .sw-08-landing .sw-08-watch-screen .watch-2-slide {
    top: 20%;
    width: 189px;
    rotate: -48deg;
  }
}
.sw-08-landing .sw-08-watch-screen .watch-1-slide {
  top: -47%;
  rotate: -30deg;
  position: relative;
  left: 36%;
}
@media (max-width: 1800px) {
  .sw-08-landing .sw-08-watch-screen .watch-1-slide {
    top: -36%;
    width: 30%;
    left: 48%;
  }
}
@media screen and (max-width: 1550px) {
  .sw-08-landing .sw-08-watch-screen .watch-1-slide {
    top: -22%;
    width: 21%;
    rotate: -30deg;
    left: 70%;
  }
}
@media screen and (min-width: 701px) and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen .watch-1-slide {
    top: 18%;
    right: -193px;
    width: 207px;
    rotate: -48deg;
  }
}
@media screen and (max-width: 700px) {
  .sw-08-landing .sw-08-watch-screen .watch-1-slide {
    top: 20%;
    width: 189px;
    rotate: -48deg;
  }
}
.sw-08-landing .sw-08-watch-screen__choose-faces-screen {
  position: absolute;
  display: flex;
  gap: 60px;
  rotate: -30deg;
  left: calc(4% - 96px);
  top: calc(39% - 61px);
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}
@media screen and (max-width: 1800px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen {
    left: calc(16% - 84px);
    top: calc(37% - 45px);
  }
}
@media screen and (max-width: 1500px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen {
    left: calc(28% - 39px);
    top: calc(37% - 74px);
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen {
    left: calc(5% - 47px);
    top: calc(50% - 65px);
    rotate: -25deg;
  }
}
@media screen and (max-width: 700px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen {
    left: calc(11% - 34px);
    top: calc(47% - 80px);
  }
}
.sw-08-landing .sw-08-watch-screen__choose-faces-screen img {
  position: absolute;
  transition: left 0.5s ease;
  width: 327px;
}
@media screen and (max-width: 1800px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img {
    width: 281px;
  }
}
@media screen and (max-width: 1500px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img {
    width: 196px;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img {
    width: 148px;
  }
}
@media screen and (max-width: 700px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img {
    width: 71%;
  }
}
.sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(1) {
  left: -52%;
  top: 5%;
}
@media screen and (max-width: 1500px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(1) {
    left: 90%;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(1) {
    left: -100%;
  }
}
.sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(2) {
  left: -17%;
  top: 5%;
}
@media screen and (max-width: 1500px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(2) {
    left: -24%;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(2) {
    left: -113%;
  }
}
.sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(3) {
  left: 20%;
  top: 5%;
}
@media screen and (max-width: 1500px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(3) {
    left: -2%;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(3) {
    left: -103%;
  }
}
.sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(4) {
  left: 57%;
  top: 5%;
}
@media screen and (max-width: 1500px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(4) {
    left: 20%;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(4) {
    left: -67%;
  }
}
.sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(5) {
  top: 5%;
  left: 90.5%;
}
@media screen and (max-width: 1500px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(5) {
    left: 43%;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(5) {
    left: 54%;
  }
}
.sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(6) {
  left: 120%;
  top: 5%;
}
@media screen and (max-width: 1500px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(6) {
    left: 66.5%;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(6) {
    left: 185.5%;
  }
}
.sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(7) {
  left: 150%;
  top: 5%;
}
@media screen and (max-width: 1500px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(7) {
    left: 90%;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(7) {
    left: 307%;
  }
}
.sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(8) {
  left: 190%;
  top: 5%;
}
@media screen and (max-width: 1500px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(8) {
    left: 150%;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(8) {
    left: 438%;
  }
}
.sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(9) {
  left: 200%;
  top: -450%;
}
@media screen and (max-width: 1500px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(9) {
    left: 150%;
  }
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(9) {
    left: 638%;
  }
}
.sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(10) {
  display: none;
  top: -450%;
}
@media screen and (max-width: 900px) {
  .sw-08-landing .sw-08-watch-screen__choose-faces-screen img:nth-child(10) {
    display: block;
    left: 540%;
  }
}
.sw-08-landing .sw-08-conclusion {
  background: #ffffff;
}
.sw-08-landing .sw-08-conclusion .sw-08-space {
  width: 100vw;
  height: 250px;
}
@media screen and (min-width: 375px) and (max-width: 899px) {
  .sw-08-landing .sw-08-conclusion .sw-08-space {
    height: 130px;
  }
}
.sw-08-landing .sw-08-conclusion__container {
  display: flex;
  min-height: 100%;
  align-items: center;
  gap: 2vw;
  padding-right: 4%;
  justify-content: flex-end;
}
@media screen and (min-width: 375px) and (max-width: 899px) {
  .sw-08-landing .sw-08-conclusion__container {
    padding-bottom: 120%;
    align-items: center;
  }
}
.sw-08-landing .sw-08-conclusion__container-text {
  color: #303030;
  display: flex;
  flex-direction: column;
  gap: 5vh;
  max-width: 26vw;
}
@media screen and (min-width: 375px) and (max-width: 899px) {
  .sw-08-landing .sw-08-conclusion__container-text {
    left: 21%;
    top: 56%;
    position: absolute;
    max-width: 62vw;
  }
}
@media screen and (min-width: 375px) and (max-width: 599px) {
  .sw-08-landing .sw-08-conclusion__container-text {
    gap: 4vh;
  }
}
.sw-08-landing .sw-08-conclusion__container-text-title {
  color: #303030;
  max-width: 26vw;
}
@media screen and (min-width: 375px) and (max-width: 599px) {
  .sw-08-landing .sw-08-conclusion__container-text-title {
    font-size: 6vw;
  }
}
.sw-08-landing .sw-08-conclusion__container-text-title .sw-08-text {
  position: absolute;
  top: 13%;
  right: 5%;
  font-weight: 400;
  max-width: 56vw;
  font-size: 3.3vw;
  text-align: end;
}
@media screen and (max-width: 899px) {
  .sw-08-landing .sw-08-conclusion__container-text-title .sw-08-text {
    top: 3%;
    max-width: 50vw;
    font-size: 4.4vw;
    font-weight: 400;
    left: 5%;
    text-align: start;
  }
}
@media screen and (max-width: 600px) {
  .sw-08-landing .sw-08-conclusion__container-text-title .sw-08-text {
    font-size: 30px;
    max-width: 68vw;
  }
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-conclusion__container-text-title .sw-08-text {
    font-size: 30px;
    max-width: 88vw;
  }
}
.sw-08-landing .sw-08-conclusion__container-text-title .sw-08-text span {
  font-weight: 700;
  color: #0567b3;
}
@media screen and (max-width: 500px) {
  .sw-08-landing .sw-08-conclusion__container-text-title .sw-08-text span {
    font-size: 36px;
  }
}
.sw-08-landing .sw-08-conclusion__image {
  width: 33%;
  position: relative;
}
@media screen and (min-width: 375px) and (max-width: 899px) {
  .sw-08-landing .sw-08-conclusion__image {
    width: 50%;
  }
}
.sw-08-landing .sw-08-conclusion__image .sw-08-watch {
  max-width: 100%;
  height: auto;
}
.sw-08-landing .sw-08-conclusion__container-text-item {
  font-size: 2vw;
  position: relative;
  font-weight: 500;
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  .sw-08-landing .sw-08-conclusion__container-text-item {
    font-size: 5vw;
  }
}
@media screen and (min-width: 375px) and (max-width: 599px) {
  .sw-08-landing .sw-08-conclusion__container-text-item {
    font-size: 5vw;
  }
}
.sw-08-landing .sw-08-conclusion__container-text-item:before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -18%;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  .sw-08-landing .sw-08-conclusion__container-text-item:before {
    left: -22% !important;
  }
}
.sw-08-landing .sw-08-conclusion__image-phone {
  width: 25%;
  position: relative;
}
@media screen and (min-width: 375px) and (max-width: 899px) {
  .sw-08-landing .sw-08-conclusion__image-phone {
    width: 44%;
  }
}
.sw-08-landing .sw-08-conclusion__image-phone .sw-08-phone {
  opacity: 0;
  max-width: 100%;
  height: auto;
}
.sw-08-landing .sw-08-conclusion .sw-08-phone-screen {
  position: absolute;
  width: 100%;
  height: 100%;
  rotate: 15deg;
  top: 28%;
  left: -5%;
}
@media screen and (min-width: 375px) and (max-width: 899px) {
  .sw-08-landing .sw-08-conclusion .sw-08-phone-screen {
    rotate: -45deg;
    width: 128%;
    height: 128%;
    top: 16%;
    left: 61%;
  }
}
.sw-08-landing .sw-08-conclusion .sw-08-phone-screen img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation-name: screen-carousel;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.sw-08-landing .sw-08-conclusion .sw-08-phone-screen img:nth-child(1) {
  animation-delay: 0s;
}
.sw-08-landing .sw-08-conclusion .sw-08-phone-screen img:nth-child(2) {
  animation-delay: 2s;
}
.sw-08-landing .sw-08-conclusion .sw-08-phone-screen img:nth-child(3) {
  animation-delay: 4s;
}
.sw-08-landing .sw-08-conclusion .sw-08-phone-screen img:nth-child(4) {
  animation-delay: 6s;
}
.sw-08-landing .sw-08-conclusion .sw-08-phone-screen img:nth-child(5) {
  animation-delay: 8s;
}
.sw-08-landing .sw-08-bluetooth::before {
  background-image: url("../images/sw-08-conclusion/sw-08-conclusion-bluetooth.svg");
  width: 15%;
  height: 150%;
  left: -17%;
}
.sw-08-landing .sw-08-media::before {
  background-image: url("../images/sw-08-conclusion/sw-08-conclusion-media.svg");
  width: 15%;
  height: 73%;
}
.sw-08-landing .sw-08-envelope::before {
  width: 15%;
  height: 54%;
  background-image: url("../images/sw-08-conclusion/sw-08-conclusion-envelope.svg");
}
.sw-08-landing .sw-08-microphone::before {
  background-image: url("../images/sw-08-conclusion/sw-08-conclusion-microphone.svg");
  width: 12%;
  height: 165%;
  left: -16%;
}
.sw-08-landing .sw-08-weather::before {
  background-image: url("../images/sw-08-conclusion/sw-08-conclusion-weather.svg");
  width: 15%;
  left: -20%;
  height: 140%;
}
.sw-08-landing .sw-08-gym::before {
  background-image: url("../images/sw-08-conclusion/sw-08-conclusion-gym.svg");
  width: 12%;
  height: 150%;
  left: -18%;
}
@keyframes screen-carousel {
  0%, 20% {
    opacity: 1;
  }
  25%, 100% {
    opacity: 0;
  }
}

/*# sourceMappingURL=style.css.map */