.overview-content .easy-control-from-anywhere {
  font-size: 16px;
  height: 54.5em;
  margin: 0 auto;
  position: relative;
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/a.jpg) 50% 100% no-repeat;
  background-size: 120em;
  max-width: 120em;
}

.overview-content .easy-control-from-anywhere .w-container {
  width: 85.375em;
  margin: 0 auto;
  position: relative;
}

.overview-content .easy-control-from-anywhere .w-container .text {
  padding: 12em 40em 0 3em;
  text-align: left;
}

.overview-content .easy-control-from-anywhere h2 {
  font-size: 3.75em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .easy-control-from-anywhere h3 {
  font-size: 1.6875em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 1em;
}

.overview-content .easy-control-from-anywhere .icon {
  border-radius: 8px;
  margin-right: 0.5em;
  vertical-align: top;
}

.overview-content .easy-control-from-anywhere .img-icon {
  height: 2em;
  font-size: 1.5em;
}

.overview-content .easy-control-from-anywhere .model {
  font-size: 1.6875em;
  font-weight: 400;
  display: inline-block;
  color: #fff;
  padding: 0.05em 1em;
  border-radius: 1em;
  margin-bottom: 4em;
  background: #005eac;
}

.overview-content .easy-control-from-anywhere video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
}

.overview-content .easy-control-from-anywhere .mb-video {
  display: none;
}

@media (max-width: 1680px) {
  .overview-content .easy-control-from-anywhere {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .easy-control-from-anywhere {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .easy-control-from-anywhere {
    font-size: 10.35px;
    height: 133vw;
    position: relative;
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/a.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .easy-control-from-anywhere .w-container {
    width: auto;
    position: relative;
  }

  .overview-content .easy-control-from-anywhere .w-container .text {
    padding: 10vw 20px 0;
    position: static;
  }

  .overview-content .easy-control-from-anywhere .w-container .model {
    vertical-align: middle;
    padding: 0.25em 1.25em;
    border-radius: 1em;
  }

  .overview-content .easy-control-from-anywhere h2 {
    font-size: 7vw;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 0 0.5em;
  }

  .overview-content .easy-control-from-anywhere h3 {
    font-size: 3.7vw;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 0 1em;
  }

  .overview-content .easy-control-from-anywhere .line {
    margin: 4px 0;
    height: 22px;
  }

  .overview-content .easy-control-from-anywhere .model {
    font-size: 3.75vw;
    font-weight: 400;
    padding: 0.25em 0.75em;
  }

  .overview-content .easy-control-from-anywhere .work-with-amazon,
  .overview-content .easy-control-from-anywhere .tag-hey_google {
    margin-right: 1em;
    border-radius: 6px;
  }

  .overview-content .easy-control-from-anywhere .img-icon {
    display: inline-block;
    margin-top: 0.5em;
    height: 6.5vw;
  }

  .overview-content .easy-control-from-anywhere .icons {
    position: absolute;
    top: 105vw;
  }
  .overview-content .easy-control-from-anywhere .img-icon-wrap {
    width: auto;
  }
  .overview-content .easy-control-from-anywhere .icon {
    margin-right: 0.25em;
    box-sizing: border-box;
  }

  .overview-content .easy-control-from-anywhere .feature-wrap {
    padding: 0 20px;
    margin-bottom: 5em;
  }

  .overview-content .easy-control-from-anywhere .feature-wrap .feature {
    font-size: 1.25em;
  }
}

@media (max-width: 414px) {
  .overview-content .easy-control-from-anywhere {
    font-size: 2.5vw;
  }
}

.overview-content .archer-selling-point {
  font-size: 16px;

  margin: 0 auto;
  max-width: 120em;
}

.overview-content .archer-selling-point .w-container {
  width: 73.125em;
  margin: 0 auto;
}

.overview-content .archer-selling-point .text {
  padding: 12em 0;
}

.overview-content .archer-selling-point .archer-selling-point-box {
  height: 0;
  padding-top: 40em;
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/b.png) 50% 0 no-repeat;
  background-size: 100%;
  position: relative;
}

.overview-content .archer-selling-point .desc {
  position: absolute;
  line-height: 1.3;
  text-align: left;
}

.overview-content .archer-selling-point .desc1 {
  top: 0;
  left: 0;
  width: 23.5%;
  height: 63%;
}

.overview-content .archer-selling-point .desc2 {
  top: 0%;
  left: 24.7%;
  width: 24%;
  height: 63%;
}

.overview-content .archer-selling-point .desc3 {
  top: 65.5%;
  left: 0%;
  width: 48.5%;
  height: 34%;
}

.overview-content .archer-selling-point .desc4 {
  top: 0%;
  left: 50%;
  width: 50%;
  height: 32%;
}

.overview-content .archer-selling-point .desc5 {
  top: 34%;
  left: 50%;
  width: 15.5%;
  height: 25%;
}

.overview-content .archer-selling-point .desc6 {
  top: 34%;
  left: 67%;
  width: 15.5%;
  height: 25%;
}

.overview-content .archer-selling-point .desc7 {
  top: 34%;
  left: 84.2%;
  width: 15.5%;
  height: 25%;
}

.overview-content .archer-selling-point .desc8 {
  top: 62%;
  left: 50%;
  width: 49.5%;
  height: 37%;
}

.overview-content .archer-selling-point .b {
  display: block;
  padding: 1em 1em;
  text-align: left;
}

.overview-content .archer-selling-point .b1 {
  display: block;
  padding: 1em 0 0 2em;
  text-align: left;
}

.overview-content .archer-selling-point .b2 {
  display: block;
  padding: 1em 1em;
  text-align: left;
}

.overview-content .archer-selling-point .b2-1 {
  display: block;
  padding: 0;
  text-align: left;
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  top: 0;
}

.overview-content .archer-selling-point .b3 {
  display: block;
  padding: 1em 17em 0 2em;
  text-align: left;
}

.overview-content .archer-selling-point .b10 {
  font-size: 3.9061em;
  font-weight: 700;
  line-height: 1.1;
  color: #005eac;
}

.overview-content .archer-selling-point .b11 {
  font-size: 1.875em;
  font-weight: 500;
  line-height: 1.25;
}

.overview-content .archer-selling-point .b20 {
  font-size: 1.875em;
  font-weight: 500;
  line-height: 1.25;
}

.overview-content .archer-selling-point .b21 {
  position: absolute;
  top: 89%;
  left: 4%;
  font-size: 1.3125em;
  font-weight: 400;
  line-height: 1.285714;
}

.overview-content .archer-selling-point .b22 {
  position: absolute;
  top: 76%;
  left: 58%;
  font-size: 1.3125em;
  font-weight: 400;
  line-height: 1.285714;
}

.overview-content .archer-selling-point .b30 {
  font-size: 1.875em;
  font-weight: 500;
  line-height: 1.25;
}

.overview-content .archer-selling-point .b40 {
  font-size: 1.875em;
  font-weight: 500;
  line-height: 1.25;
}

.overview-content .archer-selling-point .b50,
.overview-content .archer-selling-point .b60,
.overview-content .archer-selling-point .b70 {
  font-size: 1.3125em;
  font-weight: 400;
  line-height: 1.285714;
}

.overview-content .archer-selling-point .b80 {
  font-size: 3.9061em;
  font-weight: 700;
  line-height: 1.1;
  color: #005eac;
}
.overview-content .archer-selling-point .b81 {
  font-size: 1.875em;
  font-weight: 500;
  line-height: 1.25;
}

.overview-content .archer-selling-point .b4 {
  padding: 1em 22em 0 1em;
}

.overview-content .archer-selling-point .b5,
.overview-content .archer-selling-point .b6,
.overview-content .archer-selling-point .b7 {
  padding: 1em 1em 0;
  text-align: center;
}

.overview-content .archer-selling-point .b8 {
  padding: 0 1em 0;
  text-align: left;
}

@media (max-width: 1680px) {
  .overview-content .archer-selling-point {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .archer-selling-point {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .archer-selling-point {
    font-size: 10.35px;
    padding: 0;
  }

  .overview-content .archer-selling-point .w-container {
    width: auto;
  }

  .overview-content .archer-selling-point .text {
    padding: unset;
  }

  .overview-content .archer-selling-point .archer-selling-point-box {
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/b.jpg) 50% 0 no-repeat;
    background-size: 100%;
    padding-top: 203vw;
  }

  .overview-content .archer-selling-point .desc1 {
    top: 11vw;
    left: 7vw;
    width: 42%;
    height: 30.5%;
  }

  .overview-content .archer-selling-point .desc2 {
    top: 11vw;
    left: 51vw;
    width: 42%;
    height: 30.5%;
  }

  .overview-content .archer-selling-point .desc3 {
    top: 74.5vw;
    left: 7vw;
    width: 86.4%;
    height: 16%;
  }

  .overview-content .archer-selling-point .desc4 {
    top: 108.5vw;
    left: 7vw;
    width: 86.4%;
    height: 15%;
  }

  .overview-content .archer-selling-point .desc5 {
    top: 141vw;
    left: 7vw;
    width: 26.6%;
    height: 12%;
  }

  .overview-content .archer-selling-point .desc6 {
    top: 141vw;
    left: 37vw;
    width: 26.6%;
    height: 12%;
  }

  .overview-content .archer-selling-point .desc7 {
    top: 141vw;
    left: 66vw;
    width: 26.6%;
    height: 12%;
  }

  .overview-content .archer-selling-point .desc8 {
    top: 167vw;
    left: 7vw;
    width: 85.6%;
    height: 17.5%;
  }

  .overview-content .archer-selling-point .b1 {
    text-align: left;
  }

  .overview-content .archer-selling-point .b10 {
    font-size: 7vw;
  }

  .overview-content .archer-selling-point .b11 {
    font-size: 3vw;
    font-weight: 400;
  }

  .overview-content .archer-selling-point .b20 {
    font-size: 4.5vw;
  }

  .overview-content .archer-selling-point .b30 {
    font-size: 4.5vw;
  }
  .overview-content .archer-selling-point .b1 {
    padding: 4vw 4vw;
  }

  .overview-content .archer-selling-point .b2 {
    padding: 4vw 2.5vw;
  }

  .overview-content .archer-selling-point .b3 .content {
    font-size: 3vw;
  }
  .overview-content .archer-selling-point .b3 {
    padding: 2vw 42vw 0 4vw;
    text-align: left;
  }

  .overview-content .archer-selling-point .b4 {
    padding: 2vw 45vw 0 4vw;
  }

  .overview-content .archer-selling-point .b40 {
    font-size: 4.5vw;
  }

  .overview-content .archer-selling-point .b41 {
    font-size: 3vw;
  }

  .overview-content .archer-selling-point .b5,
  .overview-content .archer-selling-point .b6,
  .overview-content .archer-selling-point .b7 {
    padding: 2vw 2vw 0;
  }

  .overview-content .archer-selling-point .b50,
  .overview-content .archer-selling-point .b60,
  .overview-content .archer-selling-point .b70 {
    font-size: 3vw;
  }

  .overview-content .archer-selling-point .b71 {
    font-size: 2.5vw;
  }

  .overview-content .archer-selling-point .b8 {
    padding: 2vw 2vw 0;
  }

  .overview-content .archer-selling-point .b80 {
    font-size: 10vw;
  }
  .overview-content .archer-selling-point .b81 {
    font-size: 4.5vw;
  }
}

@media (max-width: 414px) {
  .overview-content .archer-selling-point {
    font-size: 2.5vw;
  }
}

.overview-content .resolutionAndVision {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto 14.0625em;
}
.overview-content .resolutionAndVision .w-container {
  width: 85.375em;
  margin: 0 auto;
}
.overview-content .resolutionAndVision .text {
  text-align: center;
  padding: 0 2em;
}
.overview-content .resolutionAndVision h2 {
  font-weight: 400;
  font-size: 3.125em;
  line-height: 1.2;
  padding-bottom: 0.25em;
}
.overview-content .resolutionAndVision p {
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.5;
}
.overview-content .resolutionAndVision h3 {
  font-weight: 400;
  font-size: 1.25em;
  line-height: 1.5;
  cursor: pointer;
  border-bottom: 1px solid #fff;
}
.overview-content .resolutionAndVision .active h3 {
  border-bottom: 1px solid currentColor;
  display: inline-block;
}
.overview-content .resolutionAndVision .navi {
  margin: 2em 0;
}
.overview-content .resolutionAndVision .navi li {
  display: inline-block;
  vertical-align: bottom;
  width: 30%;
  color: #a1a1a1;
}
.overview-content .resolutionAndVision .navi li.active {
  color: #000;
}
.overview-content .resolutionAndVision .desc-text {
  margin: 0 auto;
  margin-top: 2.5em;
  width: 85.3125em;
  height: 0;
  padding-bottom: 29%;
  position: relative;
}
.overview-content .resolutionAndVision .desc-text .desc-tag {
  font-size: 1.6875em;
  line-height: 1.2;
  font-weight: 300;
  padding: 0 0.592593em;
  display: inline-block;
  color: #fff;
  position: absolute;
  top: 4%;
  border-radius: 0.722222em;
}
.overview-content .resolutionAndVision .desc-text .desc-tag-1 {
  left: 2%;
  background: #005eac;
}
.overview-content .resolutionAndVision .desc-text .desc-tag-2 {
  left: 52%;
  background: #8e8e8e;
}
.overview-content .resolutionAndVision .content1 .desc-text {
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/c-1.jpg) top / auto 100% no-repeat;
}
.overview-content .resolutionAndVision .content2 .desc-text {
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/c-2.jpg) top / auto 100% no-repeat;
}

@media (max-width: 1680px) {
  .overview-content .resolutionAndVision {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .overview-content .resolutionAndVision {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .overview-content .resolutionAndVision {
    font-size: 10.35px;
    height: auto;
    margin: 0 auto 4em;
  }
  .overview-content .resolutionAndVision .w-container {
    width: auto;
    position: relative;
  }
  .overview-content .resolutionAndVision .text {
    text-align: left;
  }
  .overview-content .resolutionAndVision h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }
  .overview-content .resolutionAndVision h3 {
    font-size: 3vw;
    font-weight: 500;
    padding: 1em 0 0.5em;
    text-align: center;
    line-height: 1.2;
  }
  .overview-content .resolutionAndVision p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }
  .overview-content .resolutionAndVision .navi {
    width: auto;
    text-align: center;
    padding: 0 20px;
  }
  .overview-content .resolutionAndVision .navi li {
    width: fit-content;
    margin: 0 auto;
  }
  .overview-content .resolutionAndVision .navi li + li {
    margin-left: 5vw;
  }
  .overview-content .resolutionAndVision .desc-text {
    width: 100%;
    padding-bottom: 109%;
  }
  .overview-content .resolutionAndVision .content-container .content {
    padding: 0 20px;
  }
  .overview-content .resolutionAndVision .content1 .desc-text {
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/c-1.jpg) top / auto 100% no-repeat;
  }
  .overview-content .resolutionAndVision .content2 .desc-text {
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/c-2.jpg) top / auto 100% no-repeat;
  }
  .overview-content .resolutionAndVision .desc-text .desc-tag-2 {
    left: 2%;
    top: 55%;
  }
}
@media (max-width: 414px) {
  .overview-content .resolutionAndVision {
    font-size: 2.5vw;
  }
}

.overview-content .see-everything-in-live {
  font-size: 16px;
  margin: 0 auto;
  position: relative;
  max-width: 120em;
  margin-bottom: 13.125em;
}

.overview-content .see-everything-in-live .w-container {
  width: auto;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  padding: 0 0 1em;
  overflow: hidden;
}
.overview-content .see-everything-in-live .w-container .text {
  text-align: center;
}
.overview-content .see-everything-in-live .w-container .slide1 .bg {
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/d-1.jpg) 50% 100%/120em no-repeat;
  padding-bottom: 45em;
}
.overview-content .see-everything-in-live .w-container .slide2 .bg {
  width: 85.3125em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/d-2.jpg) 50% 100%/100% no-repeat;
  padding-bottom: 37.5em;
}

.overview-content .see-everything-in-live h2 {
  font-weight: 400;
  font-size: 3.125em;
  line-height: 1.2;
  padding-bottom: 0.25em;
}

.overview-content .see-everything-in-live .text p {
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .see-everything-in-live .btn-prev {
  width: 3em;
  height: 3em;
  display: block;
  position: absolute;
  color: transparent;
  bottom: 40%;
  left: 50%;
  z-index: 500;
  border: unset;
  border-radius: 100%;
  transform: translate(-40em, -50%);
  background: url('https://static-product.tp-link.com/tapo-c530ws_v2/img/button-left.png') center/3em no-repeat;
}

.overview-content .see-everything-in-live .btn-next {
  width: 3em;
  height: 3em;
  display: block;
  position: absolute;
  color: transparent;
  bottom: 40%;
  right: 50%;
  z-index: 500;
  border: unset;
  border-radius: 100%;
  transform: translate(40em, -50%);
  background: url('https://static-product.tp-link.com/tapo-c530ws_v2/img/button-right.png') center/3em no-repeat;
}

@media (max-width: 1680px) {
  .overview-content .see-everything-in-live {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .see-everything-in-live {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .see-everything-in-live {
    font-size: 10.35px;
    position: relative;
    margin-bottom: unset;
  }

  .overview-content .see-everything-in-live .w-container {
    width: auto;
  }

  .overview-content .see-everything-in-live .w-container .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .see-everything-in-live .w-container .model {
    border-radius: 0.5em;
    vertical-align: middle;
  }

  .overview-content .see-everything-in-live h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .see-everything-in-live .text p {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 20px;
  }
  .overview-content .see-everything-in-live .btn-prev {
    width: 4.6875vw;
    height: 4.6875vw;
    bottom: 23vw;
    transform: translate(-43vw, -50%);
  }
  .overview-content .see-everything-in-live .btn-next {
    width: 4.6875vw;
    height: 4.6875vw;
    bottom: 23vw;
    transform: translate(43vw, -50%);
  }
  .overview-content .see-everything-in-live .w-container .slide1 .bg {
    width: auto;
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/d-1.jpg) 50% 100%/100% no-repeat;
    padding-bottom: 47.5%;
  }
  .overview-content .see-everything-in-live .w-container .slide2 .bg {
    width: auto;
    margin: 0 auto;
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/d-2.jpg) 50% 100%/100% no-repeat;
    padding-bottom: 47.5%;
  }
}

@media (max-width: 414px) {
  .overview-content .see-everything-in-live {
    font-size: 2.5vw;
  }
}

.overview-content .AIDection {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  padding: 0 0 14.0625em;
  background-color: #fff;
}
.overview-content .AIDection .w-container {
  width: 85.375em;
  margin: 0 auto;
  max-width: 100%;
}
.overview-content .AIDection .text {
  text-align: center;
  padding: 0 8em 1em;
}
.overview-content .AIDection h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}
.overview-content .AIDection p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
}
.overview-content .AIDection .box {
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/e.jpg) bottom/100% auto no-repeat;
  width: 91.3125em;
  height: 38em;
  position: relative;
  margin-top: 2em;
}
.overview-content .AIDection .box > * {
  position: absolute;
}
.overview-content .AIDection .box ul {
  left: 33%;
  bottom: 75%;
  right: 12%;
  display: flex;
  justify-content: space-between;
}
.overview-content .AIDection .box ul li {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  padding: 0 3%;
  width: 10em;
}
.overview-content .AIDection .box ul li .icon {
  width: 2.5em;
  height: 2.5em;
  display: block;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.overview-content .AIDection .box ul li p {
  /* font-size: 1.25em;
  font-weight: 400;
  line-height: 1.2; */
  font-size: 1.1em;
  line-height: 1.1;
  font-weight: 300;
  margin-top: 0.5em;
}
.overview-content .AIDection .box ul .li1 .icon {
  background-image: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/e-icon1.png);
}
.overview-content .AIDection .box ul .li2 .icon {
  background-image: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/e-icon2.png);
}
.overview-content .AIDection .box ul .li3 .icon {
  background-image: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/e-icon3.png);
}
.overview-content .AIDection .box ul .li4 .icon {
  background-image: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/e-icon4.png);
  transform: scale(1.25);
}
.overview-content .AIDection .box ul .li5 .icon {
  background-image: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/e-icon5.png);
}
.overview-content .AIDection .box .card {
  background: #fff;
  top: 62%;
  left: 12%;
  border-radius: 1em;
  padding: 1.5em;
  width: 25em;
  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.overview-content .AIDection .box .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.overview-content .AIDection .box .title {
  font-weight: 700;
  margin: 0.5em 0;
}
.overview-content .AIDection .box .now,
.overview-content .AIDection .box .info {
  color: #6c6c6c;
  font-size: 1em;
}

.overview-content .AIDection .box .tgt p {
  background: #005eac;
  color: #fff;
  display: inline-block;
  padding: 0.25em 0.75em;
}
.overview-content .AIDection .box .tgt:after {
  content: '';
  display: block;
  border: 2px solid #005eac;
}
.overview-content .AIDection .box .t1 {
  top: 64%;
  left: 38%;
}
.overview-content .AIDection .box .t1:after {
  width: 7em;
  height: 15em;
  margin-top: -0.1em;
}
.overview-content .AIDection .box .t2 {
  top: 74%;
  left: 60.75%;
}
.overview-content .AIDection .box .t2:after {
  width: 16em;
  height: 9em;
  margin-top: -0.1em;
}
.overview-content .AIDection .box .t3 {
  top: 70%;
  left: 86%;
}
.overview-content .AIDection .box .t3:after {
  width: 4em;
  height: 6em;
  margin-top: -0.1em;
}

.overview-content .AIDection .box .card,
.overview-content .AIDection .box .tgt {
  transition: all 1s;
  transform: translate(-50%, -50%) scale(1);
}
.overview-content .AIDection .box .origin {
  transform: translate(-50%, -50%) scale(0.000001);
}
@media (max-width: 1680px) {
  .overview-content .AIDection {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .overview-content .AIDection {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .overview-content .AIDection {
    font-size: 10px;
  }
}
@media (max-width: 736px) {
  .overview-content .AIDection {
    font-size: 10.35px;
    padding: 0;
  }
  .overview-content .AIDection .w-container {
    width: auto;
    max-width: 100%;
  }
  .overview-content .AIDection .text {
    padding: 0;
    text-align: left;
  }
  .overview-content .AIDection h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }
  .overview-content .AIDection p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
  }
  .overview-content .AIDection .box {
    width: 100%;
    margin: 0 auto;
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/e.jpg) bottom/100% no-repeat;
    height: auto;
    padding: 0;
  }
  .overview-content .AIDection .box ul {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    padding: 5vw 20px 42vw;
  }
  .overview-content .AIDection .box ul li {
    width: 20vw;
    padding: 0 0.5vw;
  }
  .overview-content .AIDection .box ul li .icon {
    width: 8vw;
    height: 8vw;
  }
  .overview-content .AIDection .box ul li p {
    padding: 0;
    font-size: 2.5vw;
  }
  .overview-content .AIDection .box .card {
    width: 29vw;
    top: 76%;
    left: 18%;
    padding: 1vw;
  }
  .overview-content .AIDection .box .card img {
    height: 2vw;
  }
  .overview-content .AIDection .box .card .now {
    font-size: 2vw;
    line-height: 1.2;
  }
  .overview-content .AIDection .box .card p {
    padding: unset;
  }
  .overview-content .AIDection .box .card .title {
    font-size: 2vw;
  }
  .overview-content .AIDection .box .card .info {
    font-size: 1.75vw;
  }
  .overview-content .AIDection .box .tgt p {
    font-size: 2vw;
  }
  .overview-content .AIDection .box .t1 {
    top: 75%;
    left: 39%;
  }
  .overview-content .AIDection .box .t1:after {
    width: 8vw;
    height: 16vw;
  }
  .overview-content .AIDection .box .t2 {
    top: 81%;
    left: 61%;
  }
  .overview-content .AIDection .box .t2:after {
    width: 18vw;
    height: 10vw;
  }
  .overview-content .AIDection .box .t3 {
    top: 79%;
    left: 86%;
  }
  .overview-content .AIDection .box .t3:after {
    width: 5vw;
    height: 8vw;
  }
}
@media (max-width: 414px) {
  .overview-content .AIDection {
    font-size: 2.5vw;
  }
}

.overview-content .connectionsAndNetworking {
  font-size: 16px;
  margin: 0 auto;
  background-color: #fff;
  padding: 0 0 14.0625em;
  position: relative;
  max-width: 120em;
}
.overview-content .connectionsAndNetworking .text p {
  font-size: 1.315em;
  line-height: 1.5;
  padding-bottom: 1em;
}
.overview-content .connectionsAndNetworking .w-container {
  width: 87.5em;
  margin: 0 auto;
  position: relative;
}
.overview-content .connectionsAndNetworking .text {
  text-align: center;
  padding: 2em 13% 0;
}
.overview-content .connectionsAndNetworking h2 {
  font-size: 2.578125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}
.overview-content .connectionsAndNetworking .bg {
  position: relative;
  width: 87.5em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/f.jpg) 50% 100%/100% no-repeat;
  padding-bottom: 34.5em;
}
.overview-content .connectionsAndNetworking .bg .desc {
  position: absolute;
  right: 3em;
  bottom: 3em;
}
.overview-content .connectionsAndNetworking .bg .desc span {
  font-size: 1.618125em;
  color: #fff;
  font-weight: 500;
  line-height: 1.158749;
}
.overview-content .connectionsAndNetworking .bg .desc span.large {
  font-size: 3.46875em;
  font-weight: 700;
  line-height: 1;
}

@media (max-width: 1680px) {
  .overview-content .connectionsAndNetworking {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .overview-content .connectionsAndNetworking {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .overview-content .connectionsAndNetworking {
    font-size: 10px;
  }
}
@media (max-width: 736px) {
  .overview-content .connectionsAndNetworking {
    font-size: 10.35px;
    padding: 0;
  }
  .overview-content .connectionsAndNetworking .w-container {
    width: auto;
    max-width: 100%;
  }
  .overview-content .connectionsAndNetworking .text {
    padding: 0;
    text-align: left;
  }
  .overview-content .connectionsAndNetworking h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }
  .overview-content .connectionsAndNetworking p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }
  .overview-content .connectionsAndNetworking .bg {
    width: auto;
    background: url('https://static-product.tp-link.com/tapo-c530ws_v2/m/f.jpg') 50% 100%/100% no-repeat;
    padding-bottom: 54vw;
    margin: 0 20px;
  }
  .overview-content .connectionsAndNetworking .bg .desc {
    /* left: 7vw;
    top: 1vw; */
  }
  .overview-content .connectionsAndNetworking .bg .desc span {
    font-size: 2.5vw;
  }
  .overview-content .connectionsAndNetworking .bg .desc span.large {
    font-size: 5vw;
  }
}
@media (max-width: 414px) {
  .overview-content .connectionsAndNetworking {
    font-size: 2.5vw;
  }
}

.overview-content .built-to-withstand {
  font-size: 16px;
  margin: 0 auto;
  position: relative;
}

.overview-content .built-to-withstand .text p {
  font-size: 1.315em;
  line-height: 1.5;
}

.overview-content .built-to-withstand .w-container {
  width: 87.5em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/g.jpg?v=202410081404) 50% 100%/100% no-repeat;
  padding-bottom: 28em;
  margin-bottom: 14em;
}

.overview-content .built-to-withstand .text {
  text-align: center;
  padding: 3em 8em 2em;
}

.overview-content .built-to-withstand h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .built-to-withstand .img-container {
  position: relative;
  width: 21.84375em;
}

.overview-content .built-to-withstand .img-container img {
  width: 100%;
}

.overview-content .built-to-withstand .img-container .desc {
  position: absolute;
  font-size: 1.3125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .built-to-withstand .img-container .desc1 {
  left: -1em;
  top: 2em;
}

.overview-content .built-to-withstand .img-container .desc2 {
  right: -2em;
  top: 2em;
}

.overview-content .built-to-withstand .img-container .mobile-icon {
  display: none;
}

@media (max-width: 1680px) {
  .overview-content .built-to-withstand {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .built-to-withstand {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .built-to-withstand {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/g.jpg?v=202410081404) 50% 100% no-repeat;
    background-size: 100%;
    height: auto;
    padding-bottom: 231vw;
  }

  .overview-content .built-to-withstand .w-container {
    width: auto;
    position: relative;
    background: unset;
    padding-bottom: unset;
    margin-bottom: unset;
  }

  .overview-content .built-to-withstand .text {
    padding: 0px 0 1.5em;
    text-align: left;
    color: #000;
  }

  .overview-content .built-to-withstand h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .built-to-withstand .text p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .overview-content .built-to-withstand .img-container {
    width: 63vw;
    margin: 2em auto;
  }

  .overview-content .built-to-withstand .img-container .web-icon {
    display: none;
  }

  .overview-content .built-to-withstand .img-container .mobile-icon {
    display: block;
  }

  .overview-content .built-to-withstand .img-container .desc1 {
    top: 8vw;
    left: -4vw;
  }

  .overview-content .built-to-withstand .img-container .desc2 {
    top: 8vw;
    right: -4vw;
  }

  .overview-content .crisp-clear-details .img-container {
    display: none;
  }
}

@media (max-width: 414px) {
  .overview-content .built-to-withstand {
    font-size: 2.5vw;
  }
}

.overview-content .sound-and-lightAlarm {
  font-size: 16px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 11.25em;
}

.overview-content .sound-and-lightAlarm .text p {
  font-size: 1.315em;
  line-height: 1.5;
}

.overview-content .sound-and-lightAlarm .w-container {
  width: 87.5em;
  height: 38.5em;
  margin: 0 auto;
  position: relative;
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/h.jpg) 50% 100%/100% no-repeat;
}

.overview-content .sound-and-lightAlarm .text {
  text-align: left;
  padding: 7em 37em 0em 10.25em;
  color: #fff;
}

.overview-content .sound-and-lightAlarm h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding: 0 0em 0.5em 0;
}

.overview-content .sound-and-lightAlarm .bg {
  position: absolute;
  top: 0;
}

.overview-content .sound-and-lightAlarm .bg .desc {
  right: -56em;
  top: 27em;
  position: absolute;
  max-width: 25em;
}

.overview-content .sound-and-lightAlarm .bg span {
  font-size: 1.3125em;
  font-weight: 300;
  line-height: 1.25;
  padding: 0.5em 1em;
  background: #005eac;
  color: #fff;
  border-radius: 2em;
  display: block;
  position: relative;
}

.overview-content .sound-and-lightAlarm .bg span.tail::after {
  content: ' ';
  position: absolute;
  width: 1em;
  height: 1em;
  background: #005eac;
  border-radius: 50%;
  top: -1em;
  right: -1em;
}

@media (max-width: 1680px) {
  .overview-content .sound-and-lightAlarm {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .sound-and-lightAlarm {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .sound-and-lightAlarm {
    font-size: 10.35px;
    height: auto;
    padding-bottom: unset;
  }

  .overview-content .sound-and-lightAlarm .w-container {
    width: auto;
    height: auto;
    position: relative;
    background: unset;
  }

  .overview-content .sound-and-lightAlarm .text {
    padding: 0 0 1.5em;
    text-align: left;
    color: #000;
  }

  .overview-content .sound-and-lightAlarm h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .sound-and-lightAlarm .bg {
    display: block;
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/h.jpg) 50% 100%/100% no-repeat;
    padding: 31.5vw 0;
    margin: 0 6vw;
  }

  .overview-content .sound-and-lightAlarm .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .sound-and-lightAlarm .note {
    font-size: 2.5vw;
    top: 45em;
    width: 38em;
  }

  .overview-content .sound-and-lightAlarm .content img {
    width: 32px;
    height: 18px;
  }

  .overview-content .sound-and-lightAlarm- .content p {
    font-size: 12px;
  }

  .overview-content .sound-and-lightAlarm .bg {
    position: relative;
  }

  .overview-content .sound-and-lightAlarm .bg .desc {
    right: 18vw;
    bottom: 7vw;
    top: unset;
    max-width: 50vw;
  }

  .overview-content .sound-and-lightAlarm .bg span {
    font-size: 3vw;
  }
}

@media (max-width: 414px) {
  .overview-content .sound-and-lightAlarm {
    font-size: 2.5vw;
  }
}

.overview-content .local-and-cloud-storage {
  font-size: 16px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 8em;
  max-width: 120em;
}
.overview-content .local-and-cloud-storage .text p {
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: 1em;
}
.overview-content .local-and-cloud-storage .w-container {
  width: 87.5em;
  margin: 0 auto;
}
.overview-content .local-and-cloud-storage .mobile-content {
  display: none;
}
.overview-content .local-and-cloud-storage .text {
  text-align: center;
  padding: 5em 8em 2em;
}
.overview-content .local-and-cloud-storage h2 {
  font-weight: 400;
  font-size: 3.125em;
  line-height: 1.2;
  padding-bottom: 0.25em;
}
.overview-content .local-and-cloud-storage ul {
  margin-right: 3.75em;
}
.overview-content .local-and-cloud-storage ul li {
  margin-bottom: 1.25em;
  padding-bottom: 0.6em;
  width: 36em;
}
.overview-content .local-and-cloud-storage ul li label {
  cursor: pointer;
  display: block;
  font-size: 1.875em;
  color: #000;
  font-weight: 400;
  padding-bottom: 0.3em;
  position: relative;
}
.overview-content .local-and-cloud-storage ul li label::after {
  content: '';
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/right-button-icon.png) 50% 100% no-repeat;
  background-size: 100%;
  display: block;
  width: 0.4em;
  height: 1.125em;
  position: absolute;
  right: 0;
  top: 0.25em;
}
.overview-content .local-and-cloud-storage ul li.active label::after {
  text-decoration: none;
  transform: rotate(90deg);
}
.overview-content .local-and-cloud-storage li .desc-padding {
  overflow: hidden;
  transition: height 0.5s ease, opacity 0.2s linear;
  opacity: 0;
  padding-bottom: 0;
}
.overview-content .local-and-cloud-storage ul li p {
  display: none;
  color: #9fa0a0;
  letter-spacing: 0;
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.5;
  width: auto;
}
.overview-content .local-and-cloud-storage ul li .content {
  display: none;
}
.overview-content .local-and-cloud-storage ul li.active .content {
  display: block;
}
.overview-content .local-and-cloud-storage ul .li3 {
  border-bottom: none;
}
.overview-content .local-and-cloud-storage ul li.active p {
  display: block;
}
.overview-content .local-and-cloud-storage ul li.active p a {
  color: #005eac;
}
.overview-content .local-and-cloud-storage ul li.active .desc-padding {
  opacity: 1;
  height: 0;
  transition: opacity 0.5s linear, height 0.5s ease;
}
.overview-content .local-and-cloud-storage .imgs-wrapper {
  display: table-cell;
  width: 45em;
  position: relative;
}
.overview-content .local-and-cloud-storage .imgs {
  width: 100%;
  position: absolute;
}
.overview-content .local-and-cloud-storage .text-container {
  display: table-cell;
  padding-top: 5em;
}
.overview-content .local-and-cloud-storage .imgs .screen {
  height: 34em;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.overview-content .local-and-cloud-storage .imgs .screen1 {
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/g-1.jpg) 50% 100% / 100% no-repeat;
}
.overview-content .local-and-cloud-storage .imgs .screen2 {
  background: url(https://static-product.tp-link.com/tapo-c530ws_v2/img/g-2.jpg) 50% 100% / 100% no-repeat;
}

.overview-content .local-and-cloud-storage .text-wrapper {
  margin: 0 auto;
  height: 37.5em;
  width: 87.5em;
}
.overview-content .local-and-cloud-storage .imgs .screen.active {
  opacity: 1;
}
.overview-content .local-and-cloud-storage .flex-content {
  display: flex;
  justify-content: space-between;
  width: 20em;
  margin-top: 1em;
}
.overview-content .local-and-cloud-storage .desc-padding p.link {
  margin-top: 1em;
}
.overview-content .local-and-cloud-storage .li-content {
  text-align: center;
}
.overview-content .local-and-cloud-storage ul li p.desc {
  width: auto;
}
.overview-content .local-and-cloud-storage .img-container {
  position: relative;
}
.overview-content .local-and-cloud-storage .img-container span {
  position: absolute;
  font-size: 1em;
  left: 0.25em;
  line-height: 1;
  width: 4em;
  top: 1em;
  color: #9fa0a0;
  text-align: center;
}
.overview-content .local-and-cloud-storage ul .icon {
  width: 4.359375em;
  height: 4.359375em;
}
.overview-content .local-and-cloud-storage .imgs .desc {
  position: absolute;
  left: -13em;
  top: 25em;
  text-align: center;
  width: 59em;
}
.overview-content .local-and-cloud-storage .imgs .desc span {
  font-size: 1.05em;
  line-height: 1.2;
  font-weight: 400;
  color: #9fa0a0;
}
@media (min-width: 1920px) {
  .overview-content .local-and-cloud-storage {
    font-size: 0.83vw;
  }
}
@media (max-width: 1680px) {
  .overview-content .local-and-cloud-storage {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .overview-content .local-and-cloud-storage {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .overview-content .local-and-cloud-storage {
    font-size: 10.35px;
  }
  .overview-content .local-and-cloud-storage .w-container {
    width: auto;
    position: relative;
  }
  .overview-content .local-and-cloud-storage .mobile-content {
    display: block;
  }
  .overview-content .local-and-cloud-storage .text-container {
    display: block;
    padding-top: unset;
  }

  .overview-content .local-and-cloud-storage .text {
    padding: 0 0 1.5em;
    text-align: left;
  }
  .overview-content .local-and-cloud-storage h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }
  .overview-content .local-and-cloud-storage .text-wrapper {
    width: auto;
    height: auto;
    padding: 0;
  }
  .overview-content .local-and-cloud-storage ul {
    margin-right: unset;
  }
  .overview-content .local-and-cloud-storage ul li {
    width: auto;
  }

  .overview-content .local-and-cloud-storage ul li label {
    font-weight: 500;
    font-size: 1.75em;
    line-height: 1.5;
    margin: 0 20px;
  }
  .overview-content .local-and-cloud-storage ul li p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    margin: 0 20px;
  }
  .overview-content .local-and-cloud-storage ul .icon {
    width: 15vw;
    height: 15vw;
  }

  .overview-content .local-and-cloud-storage h3 {
    font-size: 2em;
    line-height: 1.5;
    font-weight: 500;
    padding: 1em 20px 0.25em;
    text-align: center;
  }
  .overview-content .local-and-cloud-storage .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }
  .overview-content .local-and-cloud-storage p.desc-p {
    font-size: 1.5em;
    line-height: 1.5;
    padding: 0 20px 1em;
    text-align: center;
  }
  .overview-content .local-and-cloud-storage .flex-content {
    width: auto;
    text-align: center;
    margin: 2.5vw 20px;
    justify-content: space-around;
  }
  .overview-content .local-and-cloud-storage p.desc {
    font-size: 3vw;
  }
  .overview-content .local-and-cloud-storage .img-container span {
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    font-size: 3vw;
  }
  .overview-content .local-and-cloud-storage .imgs-wrapper {
    display: block;
    width: auto;
  }
  .overview-content .local-and-cloud-storage .imgs {
    position: static;
  }
  .overview-content .local-and-cloud-storage .imgs .screen {
    position: static;
    box-sizing: border-box;
    /* margin: 2vw 20px; */
  }
  .overview-content .local-and-cloud-storage .imgs .screen {
    height: unset;
    display: none;
  }
  .overview-content .local-and-cloud-storage .imgs .screen.active {
    display: block;
    height: 72vw;
    width: auto;
    margin: 0 20px;
  }
}
@media (max-width: 414px) {
  .overview-content .local-and-cloud-storage {
    font-size: 2.5vw;
  }
}

.overview-content .total-control-one-app {
  font-size: 16px;
  margin: 0 auto;
  position: relative;
  background: #fafafa;
  max-width: 120em;

}

.overview-content .total-control-one-app .scroll-box.fixed {
  position: fixed;
  top: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 120em;
}

.overview-content .total-control-one-app .scroll-box.absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.overview-content .total-control-one-app .text p {
  font-size: 1.125em;
  line-height: 1.5;
  padding-bottom: 1em;
}

.overview-content .total-control-one-app .w-container {
  width: 87.5em;
  margin: 0 auto;
  position: relative;
}

.overview-content .total-control-one-app .text {
  padding: 23em 38em 0 7em;
}

.overview-content .total-control-one-app .text .text-container {
  display: flex;
}

.overview-content .total-control-one-app h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
  padding-left: 0.72em;
}

.overview-content .total-control-one-app h3 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.25em;
}

.overview-content .total-control-one-app .img {
  height: 100vh;
  position: relative;
  margin: 0 auto;
}

.overview-content .total-control-one-app .bg {
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity linear 500ms;
  -webkit-transition: opacity linear 500ms;
  -moz-transition: opacity linear 500ms;
}

.overview-content .total-control-one-app .bg.active {
  opacity: 1;
}

.overview-content .total-control-one-app img.icon {
  width: 1em;
  height: 7.78125em;
  display: block;
}

.overview-content .total-control-one-app .content {
  width: 28em;
  margin-left: 1em;
}

.overview-content .total-control-one-app img.phone {
  width: 19.5em;
  position: absolute;
  top: 10em;
  right: 14em;
}

.overview-content .total-control-one-app h2.mobile-text {
  display: none;
}

.overview-content .total-control-one-app .nav-button {
  display: none;
}

@media (max-width: 1680px) {
  .overview-content .total-control-one-app {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .total-control-one-app {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .total-control-one-app {
    font-size: 10.35px;
    background: #fff;
    height: auto;
  }

  .overview-content .total-control-one-app .w-container {
    width: auto;
    position: relative;
  }

  .overview-content .total-control-one-app .text {
    padding: 0 0 1.5em;
    text-align: center;
  }

  .overview-content .total-control-one-app .text .text-container {
    display: block;
  }

  .overview-content .total-control-one-app .img {
    height: auto;
    width: calc(100vw - 40px);
    margin: 0 20px;
    overflow: hidden;
  }

  .overview-content .total-control-one-app h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
    position: relative;
    top: auto;
    left: auto;
    text-align: left;
  }

  .overview-content .total-control-one-app h3 {
    font-size: 2em;
    font-weight: 400;
    padding: 0 0 0.25em;
    line-height: 1.2;
  }

  .overview-content .total-control-one-app .text p {
    font-size: 1.5em;
    font-weight: 300;
    padding: 0;
    line-height: 1.2;
  }

  .overview-content .total-control-one-app img.icon {
    display: none;
  }

  .overview-content .total-control-one-app h2.web-text {
    /* display: none; */
    padding: 1.5em 0 0.5em;
  }

  .overview-content .total-control-one-app h2.mobile-text {
    display: block;
  }

  .overview-content .total-control-one-app .content {
    width: auto;
    margin: 0;
    text-align: left;
  }

  .overview-content .total-control-one-app .swiper {
    position: relative;
    padding-bottom: 0;
  }

  .overview-content .total-control-one-app .swiper-slide {
    width: 88vw;
  }

  .overview-content .total-control-one-app .bg {
    padding-bottom: 100vw;
  }

  .overview-content .total-control-one-app .bg1 {
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/j-1.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .total-control-one-app .bg2 {
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/j-2.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .total-control-one-app .bg3 {
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/j-3.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .total-control-one-app .bg {
    position: relative;
    border-radius: 2em;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    opacity: 1;
  }

  .overview-content .total-control-one-app img.phone {
    display: none;
  }

  .overview-content .total-control-one-app br {
    display: none;
  }

  .overview-content .total-control-one-app .nav-button {
    display: block;
    position: absolute;
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/true-button.png) 50% 100% no-repeat;
    background-size: 100%;
    width: 8.3vw;
    height: 8.3vw;
    bottom: 50vw;
    z-index: 5;
  }

  .overview-content .total-control-one-app .nav-button.swiper-button-disabled {
    background: url(https://static-product.tp-link.com/tapo-c530ws_v2/m/nav-button.png) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .total-control-one-app .right-nav {
    right: 50vw;
    transform: translate(48vw, -50%);
  }

  .overview-content .total-control-one-app .left-nav {
    left: 50vw;
    transform: translate(-45vw, -50%) rotate(180deg);
  }
  .overview-content .total-control-one-app .left-nav:after,
  .overview-content .total-control-one-app .right-nav:after {
    display: none;
  }
}

@media (max-width: 414px) {
  .overview-content .total-control-one-app {
    font-size: 2.5vw;
  }
}

.overview-content .tapo-camera-sell-point {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
}

.overview-content .tapo-camera-sell-point .w-container {
  width: 90em;
  margin: 0 auto;
}

.overview-content .tapo-camera-sell-point .text {
  padding: 5em 0 7em;
}

.overview-content .tapo-camera-sell-point ul {
  text-align: center;
}

.overview-content .tapo-camera-sell-point li {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  margin: 0 0.5%;
  text-align: center;
}

.overview-content .tapo-camera-sell-point li img {
  max-width: 100%;
  margin-bottom: 1.5em;
}

.overview-content .tapo-camera-sell-point h2 {
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .tapo-camera-sell-point p {
  font-size: 1.03em;
  font-weight: 400;
  line-height: 1.4;
}

.overview-content .tapo-camera-sell-point .img {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.overview-content .tapo-camera-sell-point .content {
  padding: 3em 0 7em;
}

.overview-content .tapo-camera-sell-point .content p {
  text-align: left;
}

.overview-content .tapo-camera-sell-point .text-container {
  text-align: left;
}

@media (max-width: 1680px) {
  .overview-content .tapo-camera-sell-point {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .tapo-camera-sell-point {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .overview-content .tapo-camera-sell-point {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .tapo-camera-sell-point {
    font-size: 10.35px;
  }

  .overview-content .tapo-camera-sell-point li img {
    width: 100%;
  }

  .overview-content .tapo-camera-sell-point .w-container {
    width: auto;
  }

  .overview-content .tapo-camera-sell-point .text {
    padding: 5em 0 0;
  }

  .overview-content .tapo-camera-sell-point li {
    display: block;
    width: auto;
    margin: 0 20px 1em;
    text-align: left;
  }

  .overview-content .tapo-camera-sell-point .box {
    display: flex;
    flex-direction: column-reverse;
  }

  .overview-content .tapo-camera-sell-point li:last-child {
    margin-bottom: 0;
  }

  .overview-content .tapo-camera-sell-point h2 {
    font-size: 2.25em;
    line-height: 1.2;
    padding: 0 0 0.25em;
  }

  .overview-content .tapo-camera-sell-point p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 0 1em;
  }

  .overview-content .tapo-camera-sell-point .desc {
    font-size: 3vw;
  }

  .overview-content .tapo-camera-sell-point .desc6 {
    top: 23vw;
    left: 70vw;
  }

  .overview-content .tapo-camera-sell-point .desc1 {
    left: 71vw;
    top: 18vw;
  }

  .overview-content .tapo-camera-sell-point .desc2 {
    top: 19vw;
    left: 50vw;
  }

  .overview-content .tapo-camera-sell-point .desc3 {
    top: 19vw;
    left: 69vw;
  }

  .overview-content .tapo-camera-sell-point ul .desc4 {
    left: 25vw;
    top: 40vw;
    width: 34vw;
    font-size: 3vw;
  }

  .overview-content .tapo-camera-sell-point ul .desc5 {
    right: 28vw;
    left: auto;
    top: 20vw;
    font-size: 3vw;
  }
}

@media (max-width: 414px) {
  .overview-content .tapo-camera-sell-point {
    font-size: 2.5vw;
  }
}