.overview-content{
  background-color: #000;
  color: #fff;
}
.overview-content .smart-secure-easy {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #1d1d21;
  position: relative;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/a.jpg) 50% 100% no-repeat;
  height: 53.125em;
}


.overview-content .smart-secure-easy .w-container {
  width: 106em;
  margin: 0 auto
}

.overview-content .smart-secure-easy .text {
  padding: 12em 3em 0px 33em;
  color: white;
  text-align: left;
  position: relative;
  z-index: 2;
}

.overview-content .smart-secure-easy h2 {
  font-size: 3.4375em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0.28em
}

.overview-content .smart-secure-easy h3 {
  font-size: 1.875em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 1em
}

.overview-content .smart-secure-easy p {
  font-size: 1.75em;
  font-weight: 300;
  line-height: 1.2;
  padding-bottom: 3em
}

.overview-content .smart-secure-easy .model {
  font-size: 1.75em;
  font-weight: 400;
  display: inline-block;
  color: #fff;
  background-color: #005eac;
  border-radius: 1em;
  padding: 0px 1em;
  vertical-align: middle;
}

.overview-content .smart-secure-easy .matter {
  width: 20.125em;
  vertical-align: middle;
  margin-left: 2em;
}

.overview-content .smart-secure-easy .matter.mobile {
  display: none;
}

.overview-content .smart-secure-easy .a-icon {
  display: block;
  margin-left: auto;
  margin-top: 1em;
}

.overview-content .smart-secure-easy .icons {
  margin-top: 16em;
}

.overview-content .smart-secure-easy .icons img+img {
  margin-left: 1em;

}

.overview-content .smart-secure-easy .product-icon {
  width: 2.4375em;
}

.overview-content .smart-secure-easy .icon {
  height: 3em;
}


@media(max-width:1680px) {
  .overview-content .smart-secure-easy {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .smart-secure-easy {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .smart-secure-easy {
    font-size: 10.35px;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/a.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 137.65625vw;
  }

  .overview-content .smart-secure-easy .w-container {
    width: auto
  }

  .overview-content .smart-secure-easy .text {
    padding: 0;
    text-align: left;
    color: #fff;
  }

  .overview-content .smart-secure-easy h2 {
    font-size: 7.8125vw;
    line-height: 1.2;
    font-weight: 500;
    padding: 9em 25vw .5em 20px;
  }

  .overview-content .smart-secure-easy h3 {
    font-size: 4.0625vw;
    line-height: 1.2;
    font-weight: 400;
    padding: 0 20px 0.5em
  }

  .overview-content .smart-secure-easy p {
    font-size: 5vw;
    line-height: 1.42857;
    padding: 0 20px 1em;
  }

  .overview-content .smart-secure-easy .model {
    font-weight: 500;
    font-size: 4.0625vw;
    padding: 2px 10px;
    height: 1.5em;
    margin-left: 20px;
  }

  .overview-content .smart-secure-easy .matter {
    width: 12em;
  }

  .overview-content .smart-secure-easy .matter.web {
    display: none;
  }

  .overview-content .smart-secure-easy .matter.mobile {
    display: inline-block;
  }



  .overview-content .smart-secure-easy .a-icon {
    width: 13.4vw;
    margin: 4em 0 0 0;
    height: 13.4vw;
  }


  .overview-content .smart-secure-easy .icon {
    margin: 3vw auto 0;
    text-align: center;
  }

  .overview-content .smart-secure-easy .icons {
    margin-top: 8vw;
    margin-left: 20px;
  }
}

@media(max-width:414px) {
  .overview-content .smart-secure-easy {
    font-size: 2.5vw
  }
}



.overview-content .archer-selling-point {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #000;
}

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

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

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

.overview-content .archer-selling-point .box a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: inherit;
  text-decoration: none;
}

.overview-content .archer-selling-point .desc {
  position: absolute;
  line-height: 1.3;
  text-align: left
}
.overview-content .archer-selling-point .desc0 {
  top: 34%;
  left: 34%;
  width: 15.5%;
  height: 66.2%;
  text-align: center;
}
.overview-content .archer-selling-point .desc1 {
  top: 68%;
  left: 0%;
  width: 33%;
  height: 32.2%;
}
.overview-content .archer-selling-point .desc1 a{
  display: flex;
}
.overview-content .archer-selling-point .desc2{
  top: 33%;
  left: 50.5%;
  width: 33%;
  height: 32%;
}
.overview-content .archer-selling-point .desc3{
  top: 0;
  left: 50.5%;
  width: 49%;
  height: 32%;
}

.overview-content .archer-selling-point .desc4 {
  top: 33.8%;
  left: 84%;
  width: 16%;
  height: 32%;
}
.overview-content .archer-selling-point .desc4 .b{
  padding: 1em 1em;
}
.overview-content .archer-selling-point .desc5 {
  top: 67.8%;
  left: 67%;
  width: 16%;
  height: 32%;
}
.overview-content .archer-selling-point .desc6 {
  top: 67.8%;
  left: 84%;
  width: 16%;
  height: 32%;
}
.overview-content .archer-selling-point .desc7 {
  top: 34%;
  left: 0%;
  width: 33%;
  height: 32.2%;
}

.overview-content .archer-selling-point .desc8 {
  top: 67.8%;
  left: 50.5%;
  width: 16%;
  height: 32%;
}

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

.overview-content .archer-selling-point .b {
  display: block;
  padding: 1em 2em;
  text-align: center;
}
.overview-content .archer-selling-point .b3{
  padding: 2em 20em 2em 2em;
  text-align: left;
}
.overview-content .archer-selling-point .b00,
.overview-content .archer-selling-point .b20,
.overview-content .archer-selling-point .b30{
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
  display: block;
}
.overview-content .archer-selling-point .no-wrap {
  white-space: nowrap
}
.overview-content .archer-selling-point .b1:nth-child(1){
  padding-left: 2em;
}
.overview-content .archer-selling-point .b1 {
  text-align: left;
  padding: 2.5em 0.5em 1em 1em;
}
.overview-content .archer-selling-point .b01,
.overview-content .archer-selling-point .b40,
.overview-content .archer-selling-point .b50,
.overview-content .archer-selling-point .b60,
.overview-content .archer-selling-point .b80 {
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  color: #ffffff;
}
.overview-content .archer-selling-point .b12,
.overview-content .archer-selling-point .b10{
  font-size: 3.5em;
  font-weight: 700;
}
.overview-content .archer-selling-point .b13,
.overview-content .archer-selling-point .b11 {
  font-size: 1.75em;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
  display: block;
}



.overview-content .archer-selling-point .b2 {
  padding: 2em 2em 0 1.5em;
text-align: left;
}

.overview-content .archer-selling-point .b20 {
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1.1;
}

.overview-content .archer-selling-point .b5 {
  padding: 1em;

}

.overview-content .archer-selling-point .b6 {
  padding: 3em 1em;

}



.overview-content .archer-selling-point .b7 {
  padding: 2em 0 2em 2em;
  text-align: left;

}

.overview-content .archer-selling-point .b70 {
  font-size: 4.1875em;
  font-weight: 700;
  line-height: 1.2;
  color: #f6c284;
  background: linear-gradient(90deg, #f6c284 0%, #e2decd 50%, #7aa4fc 100%), -webkit-gradient(linear, left top, right top, from(#f6c284), to(#7aa4fc)) no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.overview-content .archer-selling-point .b71 {
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
  display: block
}

.overview-content .archer-selling-point .b9 {
  padding: 2em 2em;
text-align: left;
}

.overview-content .archer-selling-point .b90 {
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
  display: block
}

.overview-content .archer-selling-point .b91 {
  font-size: 4.1875em;
  font-weight: 700;
  line-height: 1.2;
  color: #2b242f;
  background: linear-gradient(-90deg, rgb(120, 47, 219) 0%, rgb(120, 47, 219) 10%, rgb(30, 100, 228) 34%, rgb(101, 192, 224) 50%, rgb(255, 216, 0) 64%, rgb(255, 168, 0) 75%, rgb(246, 74, 74) 94%, rgba(246, 74, 74) 100%), -webkit-gradient(linear, left top, right top, from(red), to(purple)) no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@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: 0 0;
  }

  .overview-content .archer-selling-point .box {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/b.jpg) 50% 0 no-repeat;
    background-size: 100%;
    padding-top: 193.90625%;
  }
  .overview-content .archer-selling-point .desc0{
    top: 37vw;
    left: 65vw;
    width: 29.4%;
    height: 28.5%;
  }
  .overview-content .archer-selling-point .desc0 .b{
    padding: 3vw 0;
  }
  .overview-content .archer-selling-point .desc1 {
    top: 65vw;
    left: 5vw;
    width: 59.4%;
    height: 16.5%;
  }

  .overview-content .archer-selling-point .desc2 {
    top: 138vw;
    left: 7vw;
    width: 57.4%;
    height: 16.5%;
  }

  .overview-content .archer-selling-point .desc3 {
    top: 94vw;
    left: 6vw;
    width: 88.4%;
    height: 22%;
  }

  .overview-content .archer-selling-point .desc4 {
    top: 138vw;
    left: 66vw;
    width: 28.4%;
    height: 14%;
  }

  .overview-content .archer-selling-point .desc5 {
    top: 166vw;
    left: 35vw;
    width: 29.4%;
    height: 15%;
  }
  .overview-content .archer-selling-point .desc5 .b{
    padding: 3vw 0 0;
  }
  .overview-content .archer-selling-point .desc6 {
    top: 166vw;
    left: 66vw;
    width: 27.4%;
    height: 14%;
  }

  .overview-content .archer-selling-point .desc7 {
    top: 36vw;
    left: 5vw;
    width: 59.4%;
    height: 14%;
  }

  .overview-content .archer-selling-point .desc8 {
    top: 166vw;
    left: 7vw;
    width: 27.4%;
    height: 15%;
  }

  .overview-content .archer-selling-point .desc9 {
    top: 5%;
    left: 5%;
    width: 89%;
    height: 17%;
  }

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

  .overview-content .archer-selling-point .b11,
  .overview-content .archer-selling-point .b13
  {
    font-size: 3.5vw;
    padding-right: 0.25em;
  }

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


  .overview-content .archer-selling-point .b20 {
    font-size: 4vw;
  }
  .overview-content .archer-selling-point .b3 {
    padding: 2em 3em 2em;
    text-align: center;
}
  .overview-content .archer-selling-point .b30{
    font-size: 4.5vw;
  }
  .overview-content .archer-selling-point .b60,
  .overview-content .archer-selling-point .b40,
  .overview-content .archer-selling-point .b50 {
    font-size: 3vw;
  }



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

  .overview-content .archer-selling-point .b70 {
    font-size: 8vw;

    font-weight: 500;
  }

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

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

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

  .overview-content .archer-selling-point .b91 {
    font-size: 9vw;
    font-weight: 500;
  }

  .overview-content .archer-selling-point .desc1 .b {
    padding: 6vw 1vw 0 3vw;
  }

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

  .overview-content .archer-selling-point .desc6 .b {
    padding: 3vw 5vw 0;
  }

  .overview-content .archer-selling-point .desc7 .b {
    padding: 6vw 0 0 2em;
  }

  .overview-content .archer-selling-point .desc8 .b {
    padding: 3vw 0 0;
  }
}

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



.overview-content .explore-endless-lighting-possibilities {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
}

.overview-content .explore-endless-lighting-possibilities h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  padding: 1em 0;
}

.overview-content .explore-endless-lighting-possibilities .menu {
  padding: 2em 0 0;
  text-align: center;
}

.overview-content .explore-endless-lighting-possibilities .menu li {
  display: inline-block;
  min-width: 16%;
  margin: 0 2%;
  position: relative;
}

.overview-content .explore-endless-lighting-possibilities .menu li span {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: 300;
  cursor: pointer;
  vertical-align: middle;
  padding-left: 1em;
}

.overview-content .explore-endless-lighting-possibilities .menu li .li-icon {
  vertical-align: middle;
  width: 4.6875em;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: 39em;
  position: relative
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide .icon-container1{
  left: 6em;

}
.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide .icon-container2{
  left: 46em;
  
}
.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide .icon-container2 .desc31,
.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide .icon-container2 .desc32
{
  color:#fffdec;
}
.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide .icon-container3 .desc31,
.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide .icon-container3 .desc32
{
  color:#c1e4ff;
}
.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide .icon-container3{
  left: 86em;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide-1 {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/e-1-1.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 39em;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .text {
  padding: 12em 53em 0 0em;
  color: #fff;
}
.overview-content .explore-endless-lighting-possibilities .content .d1 .text .text-container{
  border-radius: 1em;
  background: rgb(0 0 0 / 28%);
  padding: 1em 2em 2em;
}
.overview-content .explore-endless-lighting-possibilities .content .d1 h3 {
  font-size: 1.75em;
  font-weight: 400;
  padding-bottom: 1em;
  line-height: 1.2;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide .icon-container{
  padding: 1em 1.5em;
  border-radius: 1em;
  position: absolute;
  top: 34em;
  display: flex
;
  width: 25em;
  justify-content: center;
  text-align: center;
}
.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide .mobile-display{
  display: none;
}
.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide-1 p.desc31 {
  color: #ffd544;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide-1 p.desc32 {
  color: #ffd544;
  font-weight: 400;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide-1 p.desc33 {
  width: 13em;
  padding-left: 1em;
  line-height: 1.2;
}



.overview-content .explore-endless-lighting-possibilities .img-container {
  display: inline-block;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-button-next {
  right: 2em;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-button-prev {
  left: 2em;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-pagination-bullet-active {
  background: #fff;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .icon-container img {
  width: 1.75em;
}
@media(max-width: 736px) {

  .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide .mobile-display{
    display: block;
  }
      .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide-1 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/e-1.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 110vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide-2 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/e-3-2.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 90vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide-3 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/e-3-3.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 90vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .w-container {
    width: auto;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3{
    height: 110vw;
  }
  .overview-content .explore-endless-lighting-possibilities .content .d1 .text {
    padding: 0vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 h3 {
    font-size: 5vw;
    font-weight: 400;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 p {
    font-size: 3vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide-1 p.desc31 {
    font-size: 5vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide .icon-container {
    width: 100vw;
    display: flex;
    padding: 0;
    top: 100vw;
  }
  .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide .web-display{
    display: none;
  }
  .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-slide-1 p.desc33{
    padding: 0;
    flex: 1;
  }


  .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-pagination-bullet {
    width: 1em;
    height: 1em;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-button-next,
  .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-button-prev {
    top: 50%;
    opacity: 0.5;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-button-next {
    right: 1em;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .swiper-button-prev {
    left: 1em;
  }
}
.overview-content .explore-endless-lighting-possibilities .content .d2 .w-container{
  position: relative;
}
.overview-content .explore-endless-lighting-possibilities .content .w-container {
  width: 85.375em;
  margin: 0 auto;
  /* position: relative; */
  z-index: 5;
}
.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide .icon-container1{
  left: 6em;
}
.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide .icon-container2{
  left: 46em;
  
}
.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide .icon-container2 .desc31,
.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide .icon-container2 .desc32
{
  color:#fffdec;
}
.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide .icon-container3 .desc31,
.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide .icon-container3 .desc32
{
  color:#c1e4ff;
}
.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide .icon-container3{
  left: 86em;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .img,
.overview-content .explore-endless-lighting-possibilities .content .d2 .img .img0 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}



.overview-content .explore-endless-lighting-possibilities .content .d2 {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: 39em;
  display: none;
  position: relative;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .img .img21 {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/e-2-2.jpg) 50% 100% no-repeat;
  background-size: 120em;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .img .img22 {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/e-2-3.jpg) 50% 100% no-repeat;
  background-size: 120em;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar {
  padding-top: 1em;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  width: auto;
  position: absolute;
  display: table;
  left: 50%;
  transform: translate(-50%);
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar .td {
  vertical-align: middle;
  display: table-cell;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar .progress {
  padding: 0 0.5em;
  width: 12.875em
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar .progress .inner {
  position: relative;
  height: .5em;
  width: 100%
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e9e9e9;
  border-radius: 5em;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar .line .percent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #fdf1b1;
  border-radius: 5em;
}


.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar .pointer {
  cursor: pointer;
  touch-action: none;
  position: absolute;
  left: -.9375em;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fdf1b1;
  width: 1.15em;
  height: 1.15em;
  border-radius: 50%;
  box-shadow: 0 0 13px rgba(22, 22, 22, .22)
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-start {
  width: 1.3125em
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-start .inner {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/e-2-icon-1.png) 50% 100% no-repeat;
  padding-top: -6%
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-end {
  width: 1.875em
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-end .inner {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/e-2-icon-2.png) 50% 100% no-repeat;
  padding-top: 40%
}



.overview-content .explore-endless-lighting-possibilities .content .d2 .text {
  padding: 2em 3em 0;
  text-align: center;
  color: #fff;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .explore-endless-lighting-possibilities .content .d2 h3 {
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .explore-endless-lighting-possibilities .content .d2 p {
  font-size: 1.25em;
  line-height: 1.5
}

.overview-content .explore-endless-lighting-possibilities .content .d3 {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  display: none;
  position: relative;

}


.overview-content .explore-endless-lighting-possibilities img.arrow {
  width: 1.8125em;
  display: block;
  margin-left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}

.overview-content .explore-endless-lighting-possibilities li.active img.arrow {
  opacity: 1;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/e-3.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 39em;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .text {
  padding: 10em 53em 0 0em;
  color: #fff;
}
.overview-content .explore-endless-lighting-possibilities .content .d3 .text .text-container{
  border-radius: 1em;
  background: rgb(0 0 0 / 28%);
  padding: 1em 2em 2em;
}
.overview-content .explore-endless-lighting-possibilities .content .d3 h3 {
  font-size: 1.75em;
  font-weight: 400;
  padding-bottom: 1em;
  line-height: 1.2;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide .icon-container {
  padding: 1em 1.5em;
  border-radius: 1em;
  position: absolute;
  top: 31em;
  display: flex;
  align-items: center;
  width: 25em;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 p.desc31 {
  color: #ffd544;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 p.desc32 {
  color: #ffd544;
  font-weight: 400;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 p.desc33 {
  width: 13em;
  padding-left: 1em;
  line-height: 1.2;
}



.overview-content .explore-endless-lighting-possibilities .img-container {
  display: inline-block;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-button-next {
  right: 2em;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-button-prev {
  left: 2em;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-pagination-bullet-active {
  background: #fff;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .icon-container img {
  width: 1.75em;
}

@media(max-width: 1680px) {
  .overview-content .explore-endless-lighting-possibilities {
    font-size: 14px
  }
  .overview-content .explore-endless-lighting-possibilities .content .d1,
  .overview-content .explore-endless-lighting-possibilities .content .d2,
  .overview-content .explore-endless-lighting-possibilities .content .d3{
    font-size: 14px;
  }
}

@media(max-width: 1440px) {
  .overview-content .explore-endless-lighting-possibilities {
    font-size: 12px
  }
  .overview-content .explore-endless-lighting-possibilities .content .d1,
  .overview-content .explore-endless-lighting-possibilities .content .d2,
  .overview-content .explore-endless-lighting-possibilities .content .d3{
    font-size: 12px;
  }
  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide .icon-container{
    padding: 0;
  }
}

@media(max-width: 736px) {
  .overview-content .explore-endless-lighting-possibilities .content .d2 .web-display{
    display: none;
  }
  .overview-content .explore-endless-lighting-possibilities .content .d3 .text .text-container{
    padding-top: 3em;
    background: none;
  }
  .overview-content .explore-endless-lighting-possibilities,
  .overview-content .explore-endless-lighting-possibilities .content .d0 {
    font-size: 10.35px;

  }
  .overview-content .explore-endless-lighting-possibilities .content .d2 h3{
    font-size: 5vw;
        font-weight: 400;
  }
  .overview-content .explore-endless-lighting-possibilities .content .d2 p{
    font-size: 3vw;
  }
  .overview-content .explore-endless-lighting-possibilities .content .d0{
    height: auto;
  }
  .overview-content .explore-endless-lighting-possibilities .content .d2,
  .overview-content .explore-endless-lighting-possibilities .content .d3{
    display: block;
    height: 120vw;
  }
  .overview-content .explore-endless-lighting-possibilities .menu li span {
    padding: 0;
    margin-top: 1em;
    margin-bottom: 2em;
    display: block;
  }

  .overview-content .explore-endless-lighting-possibilities h2 {
    font-size: 6vw;
    font-weight: 400;
    line-height: 1.5;
    padding: 1.5em 20px 0.5em;
    text-align: left;
  }

  .overview-content .explore-endless-lighting-possibilities .menu li {
    width: 24%;
  }

 

  .overview-content .explore-endless-lighting-possibilities img.arrow {
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 50%;
  }

 


  .overview-content .explore-endless-lighting-possibilities .content .d2 .text {
    padding: 3em 2em 2em;
    text-align: left;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d2 .img .img21 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/e-2.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d2 .img .img22 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/e-2-2.png) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-end {
    width: 4.8vw;
    height: 4.8vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-end .inner {
    padding: 0;
    height: 100%;
    background-size: 100%;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-start .inner {
    padding: 0;
    height: 100%;
    background-size: 100%;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/e-3-1.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 124vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-2 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/e-3-2.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 124vw;
  }
  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide p.desc32{
    font-weight: 400;
    width: 20vw;
  }
  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-3 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/e-3-3.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 124vw;
  }
  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 p.desc33{
    padding-left: 0;
  }
  .overview-content .explore-endless-lighting-possibilities .content .w-container {
    width: auto;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .text {
    padding: 0;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 h3 {
    font-size: 5vw;
    font-weight: 400;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 p {
    font-size: 3vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide p.desc31 {
    font-size: 5vw;
    font-weight: 700;
    line-height: 1;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide .icon-container {
    width: 80vw;
    top: 107vw;
    left: 5vw;

    padding: 0;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide p.desc33 {
    width: 55vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-pagination-bullet {
    width: 1em;
    height: 1em;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-button-next,
  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-button-prev {
    top: 50%;
    opacity: 0.5;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-pagination{
    bottom: -6vw;

  }

  
  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    
  }
  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-pagination-bullet-active {
    background: #005eac;
  }
  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-container{
    overflow: visible;
  }
}

@media(max-width: 414px) {
  .overview-content .explore-endless-lighting-possibilities .content .a {
    font-size: 2.5vw
  }
}



.overview-content .cri-rating {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #1d1d21;
  position: relative;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/f.jpg) 50% 100% no-repeat;
  height: 53.125em;
  background-size: 100%;
}

.overview-content .cri-rating .w-container {
  width: auto;

}



.overview-content .cri-rating .text {
  padding: 6% 14% 0 55%;
}
.overview-content .cri-rating .bg{
  position: absolute;
  left: 0;
  top: 0;
}
.overview-content .cri-rating .bg .desc{
  position: absolute;
}
.overview-content .cri-rating .bg .desc1{
  left: 9em;
  top: 8em;
  font-size: 1.25em;
  line-height: 1.5;
}
.overview-content .cri-rating .bg .desc2{
  left: 28em;
  top: 8em;
  font-size: 1.25em;
  line-height: 1.5;
}
.overview-content .cri-rating .bg .desc3{
  left: 75.5em;
  top: 18em;
  font-size: 1.25em;
  line-height: 1.5;
}
.overview-content .cri-rating h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
  padding-right: 0;
}

.overview-content .cri-rating p {
  font-size: 1.25em;
  line-height: 1.5;
}






.overview-content .cri-rating p .strong {
  font-weight: 700;
}

.overview-content .cri-rating .desc .number {
  font-size: 2em;
  line-height: 1.2;
  font-weight: 700;
  display: block;
}

.overview-content .cri-rating .desc .title {
  display: block;
  font-weight: 700;
}


@media(max-width: 1680px) {
  .overview-content .cri-rating {
    font-size: 14px
  }
}

@media(max-width: 1440px) {
  .overview-content .cri-rating {
    font-size: 12px
  }
}

@media(max-width: 736px) {
  .overview-content .cri-rating .bg{
    position: relative;
    left: 0;
    top: 0;
  }
  .overview-content .cri-rating {
    font-size: 10.35px;
    margin: 0 auto;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/f.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 136vw;
    display: block;
    height: unset;
  }

  .overview-content .cri-rating .image-container {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/f.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 74vw;
    display: block;
    width: 100%;
  }

  .overview-content .cri-rating .w-container {
    width: auto;
  }

  .overview-content .cri-rating .text {
    padding: 0 0 1.5em;
  }


  .overview-content .cri-rating .desc .unit {
    font-size: 11vw;
  }
  .overview-content .cri-rating .bg .desc1{
    top: 53vw;
    left: 9vw;
    width: 28vw;
    font-size: 3vw;
  }
  .overview-content .cri-rating .bg .desc2{

    top: 53vw;
    left: 54vw;
    font-size: 3vw;
  }
  .overview-content .cri-rating .bg .desc3{
    top: 9vw;
    left: 73vw;
    font-size: 3vw;
  }
  .overview-content .cri-rating h2 {
    font-size: 6vw;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
  }

  .overview-content .cri-rating p {
    font-size: 5vw;
    font-size: 3vw;
    line-height: 1.42857;
    padding: 0 20px;
  }

  .overview-content .cri-rating .desc3 {
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
  }

  .overview-content .cri-rating .desc4 {
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }

  .overview-content .cri-rating .desc .title {
    font-size: 3.125vw;
  }

  .overview-content .cri-rating .desc .number {
    font-size: 6.25vw;
  }
}


@media(max-width: 414px) {
  .overview-content .cri-rating {
    font-size: 2.5vw
  }
}


.overview-content .robust-parental-controls {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
  height: 49.9em;
  position: relative;
  background: #c1c1c1;
  color: black;
}

.overview-content .robust-parental-controls .w-container {
  width: 85.374em;
  margin: 0 auto;
  position: relative;
}

.overview-content .robust-parental-controls .radio {
  position: fixed;
  top: -9999px;
}

.overview-content .robust-parental-controls .text h2 {
  font-weight: 400;
  font-size: 3.125em;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .robust-parental-controls .text p {
  font-size: 1.25em;
  line-height: 1.5
}

.overview-content .robust-parental-controls .imgs-wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.overview-content .robust-parental-controls .text-wrapper {
  z-index: 3;
}

.overview-content .robust-parental-controls .regular {
  font-weight: 400;
}

.overview-content .robust-parental-controls .imgs {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.overview-content .robust-parental-controls .imgs .screen {

  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.overview-content .robust-parental-controls .imgs .screen1 {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/h-1.jpg) 50% 50%/120em no-repeat;
  background-size: 100%;
}

.overview-content .robust-parental-controls .imgs .screen2 {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/h-2.jpg) 50% 50%/120em no-repeat;
  background-size: 100%;
}



.overview-content .robust-parental-controls .screen1 span {
  font-size: 2.125em;
  font-weight: 500;
  line-height: 1.5;
  position: absolute;
  left: 2%;
  top: 4%;
  width: 22%;
  border-radius: 1em;
  color: #fff;
  padding: 0.5em 1em;
  background: rgba(173, 144, 119, 0.5);
}

.overview-content .robust-parental-controls .screen1 span::after {
  content: '';
  position: absolute;
  border: 10px solid transparent;
  border-right: 10px solid rgba(173, 144, 119, 0.6);
  border-top: 10px solid rgba(173, 144, 119, 0.6);
  opacity: 0.5;
  right: 1em;
  bottom: -0.5em;
  z-index: 10;
}

.overview-content .robust-parental-controls #h-radio-1:checked~.imgs-wrapper .imgs .screen1,
.overview-content .robust-parental-controls #h-radio-2:checked~.imgs-wrapper .imgs .screen2,
.overview-content .robust-parental-controls #h-radio-3:checked~.imgs-wrapper .imgs .screen3,
.overview-content .robust-parental-controls #h-radio-4:checked~.imgs-wrapper .imgs .screen4,
.overview-content .robust-parental-controls #h-radio-5:checked~.imgs-wrapper .imgs .screen5 {
  opacity: 1;
}



.overview-content .robust-parental-controls .text {
  padding: 6em 0 0 50em;
  width: 40em;
}

.overview-content .robust-parental-controls .text ul {
  margin-top: 5em;
  margin-right: 2em;
}

.overview-content .robust-parental-controls .text ul li {
  margin-bottom: 1.625em;
}

.overview-content .robust-parental-controls .text ul li label {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/h-arrow.png) 100% 50% no-repeat;
  cursor: pointer;
  display: block;
  font-size: 1.5em;
  line-height: 1.2;
  color: #000;
}

.overview-content .robust-parental-controls .text ul li p {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 3.2em 3.2em;
  display: none;
  font-size: 1.25em;
  line-height: 1.5;
  min-height: 3.75em;
  margin-top: 0.25em;
  transition: all 300ms ease-out;
}

.overview-content .robust-parental-controls .text ul li span {
  font-size: 0.8em;
}

.overview-content .robust-parental-controls #h-radio-1:checked~.w-container .text ul .li1 label,
.overview-content .robust-parental-controls #h-radio-2:checked~.w-container .text ul .li2 label,
.overview-content .robust-parental-controls #h-radio-3:checked~.w-container .text ul .li3 label,
.overview-content .robust-parental-controls #h-radio-4:checked~.w-container .text ul .li4 label,
.overview-content .robust-parental-controls #h-radio-5:checked~.w-container .text ul .li5 label {
  background-image: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/h-arrow-down.png);
  color: #005eac;
  text-decoration: none;
  font-size: 1.7em;
}

.overview-content .robust-parental-controls #h-radio-1:checked~.w-container .text ul .li1 p,
.overview-content .robust-parental-controls #h-radio-2:checked~.w-container .text ul .li2 p,
.overview-content .robust-parental-controls #h-radio-3:checked~.w-container .text ul .li3 p,
.overview-content .robust-parental-controls #h-radio-4:checked~.w-container .text ul .li4 p,
.overview-content .robust-parental-controls #h-radio-5:checked~.w-container .text ul .li5 p {
  display: block;
  padding-bottom: 1em;
  /* border-bottom: 1px solid #d8d8d8; */
}

@media (max-width:1680px) {
  .overview-content .robust-parental-controls {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .overview-content .robust-parental-controls {
    font-size: 12px;
  }
}

@media (max-width:1024px) {
  .overview-content .robust-parental-controls {
    font-size: 10px;
  }
}

@media (max-width:736px) {
  .overview-content .robust-parental-controls {
    height: auto;
    padding: 5vw 0 10vw;
  }

  .overview-content .robust-parental-controls .w-container {
    width: auto
  }
  .overview-content .robust-parental-controls .w-container .mobile-display h3{
    font-size: 5vw;
    font-weight: 500;
    line-height: 1.2;
    padding: 0em 20px .5em;
  }
  .overview-content .robust-parental-controls .text {
    padding: 0;
    text-align: left;
    width: auto;
  }
  .overview-content .robust-parental-controls img{
    width: 90vw;

    padding: 5vw;
  }
  .overview-content .robust-parental-controls .text h2 {
    font-size: 6vw;
    font-weight: 400;
    line-height: 1.5;
    padding: 1.5em 20px 0.5em;
    text-align: left;
  }
  .overview-content .robust-parental-controls .text h2:first-child{
    padding-top: 2.5em;
  }
  .overview-content .robust-parental-controls .text p {
    font-size: 1.5em;
    padding: 0 20px;
    font-weight: 300;
    line-height: 1.4;
    font-size: 3vw;
  }

  .overview-content .robust-parental-controls .text ul li p {
    margin: 0;
    font-size: 5vw;
  }



  .overview-content .robust-parental-controls .text ul {
    margin: 0 6% 2em;
    text-align: left;
  }

  .overview-content .robust-parental-controls .text ul li {
    margin-bottom: 2em;
  }

  .overview-content .robust-parental-controls .text ul li label {
    font-size: 3vw;
    padding-left: 0;
    padding-bottom: 0.25em;
    background-size: 0.75em;
    color: #acacac;
  }

  .overview-content .robust-parental-controls #h-radio-1:checked~.w-container .text ul .li1 label,
  .overview-content .robust-parental-controls #h-radio-2:checked~.w-container .text ul .li2 label,
  .overview-content .robust-parental-controls #h-radio-3:checked~.w-container .text ul .li3 label,
  .overview-content .robust-parental-controls #h-radio-4:checked~.w-container .text ul .li4 label,
  .overview-content .robust-parental-controls #h-radio-5:checked~.w-container .text ul .li5 label {
    background-size: 0.75em;
    font-size: 5vw;
  }

  .overview-content .robust-parental-controls .bg {
    display: none;
  }

  .overview-content .robust-parental-controls .imgs-wrapper {
    height: 100vw;
    padding: 0;
    position: relative;
  }

  .overview-content .robust-parental-controls .imgs .screen1 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/h-1.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .robust-parental-controls .imgs .screen2 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/h-2.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .robust-parental-controls .imgs .screen3 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/h-3.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .robust-parental-controls .imgs .screen4 {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/h-4.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }
}

@media (max-width:414px) {
  .overview-content .robust-parental-controls {
    font-size: 2.5vw;
  }
}

@keyframes circle-active {
  from {
    transform: scale(0);
    opacity: 1
  }

  to {
    transform: scale(1);
    opacity: 0
  }
}


@media (max-width:736px) {


  .overview-content .robust-parental-controls .screen1 span {
    width: 60%;
  }

  .overview-content .robust-parental-controls .screen1 span::after {
    bottom: -0.9em;
  }


}




.overview-content .group-scenes {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  padding: 6.25em 0 7em;
  background: #e0e1e4;
  color: #000;
}

.overview-content .group-scenes .w-container {
  width: 101.7em;
  margin: 0 auto;
  max-width: 95%;
}

.overview-content .group-scenes .text {
  text-align: center;
}


.overview-content .group-scenes .feature ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.overview-content .group-scenes .feature li {
  width: 24%;
  text-align: center;
  border-radius: 0.5em;
  box-sizing: border-box;
  margin: 0 0 3em;
}

.overview-content .group-scenes .feature li img {
  width: 61.5%;
}

.overview-content .group-scenes .feature ul h2 {
  font-size: 2.25em;
  line-height: 1.2;
  font-weight: 400;
  padding: 1em 0 0.7em;
}

.overview-content .group-scenes .feature ul p {
  padding: 0;
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
}

.overview-content .group-scenes .feature ul .img-container {
  position: relative;
}

.overview-content .group-scenes .feature ul .desc {
  position: absolute;
}

.overview-content .group-scenes .feature ul .li-2 .desc {
  top: 88%;
  width: 20%;
  font-size: 0.875em;
  font-weight: 300;
  line-height: 1;
  color: #fff;
}

.overview-content .group-scenes .feature ul .li-2 .desc1 {
  left: 4%;
}

.overview-content .group-scenes .feature ul .li-2 .desc2 {
  left: 28%;
}

.overview-content .group-scenes .feature ul .li-2 .desc3 {
  left: 52%;
}

.overview-content .group-scenes .feature ul .li-2 .desc4 {
  left: 78%;
}

.overview-content .group-scenes .feature ul .li-3 .desc {
  top: 88%;
  width: 20%;
  font-size: 0.875em;
  font-weight: 300;
  line-height: 1;
  color: #fff;
}

.overview-content .group-scenes .feature ul .li-3 .desc1 {
  left: 11%;
}

.overview-content .group-scenes .feature ul .li-3 .desc2 {
  left: 41.5%;
}

.overview-content .group-scenes .feature ul .li-3 .desc3 {
  left: 69.5%;
}

@media (max-width: 1680px) {
  .overview-content .group-scenes {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .group-scenes {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .group-scenes {
    font-size: 10.35px;
    background-size: 100%;
    padding: 0 0 4em;
  }

  .overview-content .group-scenes .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .group-scenes .feature ul h2 {
    font-size: 6vw;
    line-height: 1.2;
    padding: 1.5em 0 0.5em;
    font-weight: 500;
  }

  .overview-content .group-scenes .feature .text-container {
    padding: 0 0 1.5em;
  }

  .overview-content .group-scenes .feature ul {
    padding: 0;
    flex-wrap: wrap;
    margin: 0 20px;
  }



  .overview-content .group-scenes .feature li {
    width: 100%;
    display: flex;
    margin: 0 0 3em;
    flex-direction: column-reverse;
  }

  .overview-content .group-scenes .feature .li-1 {
    margin: 5em 0 3em;
  }

  .overview-content .group-scenes .feature ul .li-2 .desc {
    font-size: 3vw;
  }

  .overview-content .group-scenes .feature ul .li-3 .desc {
    font-size: 3vw;
  }


  .overview-content .group-scenes .feature ul p {
    font-size: 5vw;
    padding: 0;
    width: auto;
  }

  .overview-content .group-scenes .feature li img {
    width: 55%;
    margin: 0 auto;
  }
}

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


.overview-content .dimming-for-light {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/d.png) 50% 100% no-repeat;
  background-size: 60em;
  padding-bottom: 36.3em;
  background-color: #1e1e1e;
}

.overview-content .dimming-for-light .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .dimming-for-light .text {
  padding: 6.875em 8em 3em;
}


.overview-content .dimming-for-light h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em;
  text-align: center
}

.overview-content .dimming-for-light p {
  font-size: 1.4375em;
  line-height: 1.5;
  text-align: center;
}

.overview-content .dimming-for-light .bg {
  position: absolute;
  left: 0;
  right: 0;
}

.overview-content .dimming-for-light .desc {
  position: absolute;
  top: 31em;
  text-align: center;
  width: 31.25em;
}

.overview-content .dimming-for-light .desc1 {

  left: 9em;

}

.overview-content .dimming-for-light .desc2 {

  left: 24.25em;
}

.overview-content .dimming-for-light .desc3 {

  left: 39.5em;
}
.overview-content .dimming-for-light .desc4 {

  left: 55em;
}
.overview-content .dimming-for-light .desc span {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
}

@media(max-width:1680px) {
  .overview-content .dimming-for-light {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .dimming-for-light {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .dimming-for-light {
    font-size: 10.35px;
    padding: 0;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/d.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 162vw;
    background-color: #1e1e1e;
  }

  .overview-content .dimming-for-light .w-container {
    width: auto;

  }

  .overview-content .dimming-for-light .text {
    padding: 0 0 1.5em;
  }

  .overview-content .dimming-for-light h2 {
    font-size: 6vw;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
    text-align: left
  }

  .overview-content .dimming-for-light p {
    font-size: 5vw;
    font-size: 3vw;
    line-height: 1.42857;
    padding: 0 20px;
    text-align: left;
  }

  .overview-content .dimming-for-light .bg {
    position: relative;
  }

  .overview-content .dimming-for-light .desc {
    width: 30vw;

  }

  .overview-content .dimming-for-light .desc1 {
    left: 12vw;
    top: 110vw;
  }

  .overview-content .dimming-for-light .desc2 {
    top: 110vw;
    left: 58vw;
  }

  .overview-content .dimming-for-light .desc3 {
    left: 12vw;
    top: 148vw;
  }
  .overview-content .dimming-for-light .desc4 {
    left: 58vw;
    top: 148vw;
  }
  .overview-content .dimming-for-light .desc span {
    font-size: 4vw;
  }
}

@media(max-width:414px) {
  .overview-content .dimming-for-light {
    font-size: 2.5vw
  }
}


.overview-content .visual-coverage {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 4em 0 0;
  background: #1e1e1e;
}

.overview-content .visual-coverage .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .visual-coverage .text {
  padding: 2em 0 0;
}

.overview-content .visual-coverage .tapo-tab-panel {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  cursor: pointer;
  list-style: none;
}

.overview-content .visual-coverage .tapo-tab-panel .tapo-tab {
  min-width: 29%;
  text-align: center;
}

.overview-content .visual-coverage .tapo-tab-panel .tapo-tab span {
  font-size: 1.875em;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  width: 8em;

  padding: 0.125em 0;
}

.overview-content .visual-coverage .desc-1 .w-container .text {
  padding: 0 15em 3em;
}

.overview-content .visual-coverage .desc-2 .w-container .text {
  padding: 0 15em 3em;
}

.overview-content .visual-coverage .desc-3 .w-container .text {
  padding: 0 15em 3em;
}
.overview-content .visual-coverage .desc-4 .w-container .text {
  padding: 0 15em 3em;
}
.overview-content .visual-coverage .tapo-tab-panel .tapo-tab.active span {
  color: #005eac;
  text-decoration: underline;

}


.overview-content .visual-coverage .desc-wrap .desc {
  display: none
}

.overview-content .visual-coverage .desc-wrap .desc.active {

  display: block
}

.overview-content .visual-coverage h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em;
  text-align: center
}

.overview-content .visual-coverage p {
  font-size: 1.4375em;
  line-height: 1.5;
  text-align: center;
  padding: 0 13em 2em;
}

.overview-content .visual-coverage .desc-wrap {
  margin-top: 2em;
}
.overview-content .visual-coverage .sub-desc{
  position: absolute;
}
.overview-content .visual-coverage .desc-1 .sub-desc2{
  font-size: 1.2em;
  line-height: 1.5;
  text-align: left;
  font-weight: 600;
  color: #000;
  padding: 0.5em 2em;
  background-color: #fff;
  border-radius: 2em;
  top: 13em;
  left: 23em;
}
.overview-content .visual-coverage .desc-1 .desc-point{
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute;
  left: 26em;
  top: 3em;
  background-color: #ffffff;
}
.overview-content .visual-coverage .desc-1 .sub-desc1{
  top: 23em;
  left: 20em;
  width: 38em;
}
.overview-content .visual-coverage .desc-2 .sub-desc1{
  top: 5em;
  left: 20em;
  width: 35em;
  color: #000;
}
.overview-content .visual-coverage .desc-3 .sub-desc1{
  top: 18em;
  left: 18em;
  width: 27em;
  background: #00000077;
  padding: 0em 2em 1em;
  border-radius: 1em;
}
.overview-content .visual-coverage .desc-4 .sub-desc1{
  top: 21em;
  left: 68em;
  width: 27em;

}
.overview-content .visual-coverage .sub-desc1 h4
{
  font-size: 1.875em;
  font-weight: 400;
  text-align: left;
  display: block;
  width: 8em;
  padding: 0.125em 0;
}
.overview-content .visual-coverage .sub-desc1 p{
  font-size: 1.2em;
  line-height: 1.5;
  text-align: left;
  padding: 0;
}
.overview-content .visual-coverage .desc-1 {
  background-image: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/c1.jpg?2);
  padding-bottom: 41.0625em;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  position: relative;
}

.overview-content .visual-coverage .desc-2 {
  background-image: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/c2.jpg?2);
  padding-bottom: 41.0625em;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  position: relative
}

.overview-content .visual-coverage .desc-3 {

  padding-bottom: 41.0625em;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  position: relative
}
.overview-content .visual-coverage .desc-3 .sub-desc1 p{
  line-height: 1.25;
}
.overview-content .visual-coverage .desc-3 {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/c3-1.jpg) center/120em no-repeat;
  transition: background 1s ease-out;
}
.overview-content .visual-coverage .desc-3 .sub-desc2{
  color: #000;
  left: 57.75em;
  top: 7.5em;
  font-weight: 500;
  font-size: 1.375em;
}
.overview-content .visual-coverage .changed  {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/c3-2.jpg) center/120em no-repeat;
}

.overview-content .visual-coverage .desc-4 {
  background-image: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/img/c4.jpg?2);
  padding-bottom: 41.0625em;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  position: relative
}
.overview-content .visual-coverage.active .mobile-bg {
  display: none
}
@media(max-width:1900px) {
  .overview-content .visual-coverage .desc-3 .sub-desc2{
    left: 57em;
  }
}
@media(max-width:1680px) {
  .overview-content .visual-coverage {
    font-size: 14px
  }
  .overview-content .visual-coverage .desc-3 .sub-desc2{
    left: 55.5em;
  }
}

@media(max-width:1440px) {
  .overview-content .visual-coverage {
    font-size: 12px
  }
  .overview-content .visual-coverage .desc-3 .sub-desc2{
    left: 58em;
  }
}
@media(max-width:1100px) {
  .overview-content .visual-coverage {
    font-size: 10px
  }
  .overview-content .visual-coverage .desc-3 .sub-desc2{
    left: 52em;
  }
}
.mobile-display{
  display: none
}
@media(max-width:736px) {
  .web-display{
    display: none
  }
  .mobile-display{
    display: block
  }
  .overview-content .visual-coverage {
    font-size: 10.35px;
    padding: 0;
    background: #171717;
    overflow: hidden;
  }

  .overview-content .visual-coverage .w-container {
    width: auto;

  }

  .overview-content .visual-coverage .text {
    padding: 0 0 .5em;
  }

  .overview-content .visual-coverage h2 {
    font-size: 6vw;
    line-height: 1.2;
    padding: 2.5em 32px .5em 20px;
    text-align: left
  }


  .overview-content .visual-coverage .mobile-display .text {
    padding: 0;
    text-align: left;
    width: auto;
  }
  .overview-content .visual-coverage .mobile-display .bg-container{
    position: relative;
  }
  .overview-content .visual-coverage .mobile-display img{
    width: 100vw;
    padding: 5vw 0;
    position: relative;
  }
  .overview-content .visual-coverage .mobile-display .desc{
    position: absolute;
  }
  .overview-content .visual-coverage .sub-container1 .desc1{

    top: 32vw;
    left: 4vw;
    background-color: #fff;
    color: #000;
    font-size: 3.5vw;
    font-weight: 600;
    padding: 0.3em 2em;
    border-radius: 3em;
    width: 46vw;
    line-height: 1.3;
  }
  .overview-content .visual-coverage .sub-container1 .desc2{
    top: 42vw;
    left: 65vw;
    background-color: #fff;
    font-size: 3.5vw;
    font-weight: 600;
    border-radius: 3em;
    width: 3vw;
    height: 3vw;
    line-height: 1.3;
  }
  .overview-content .visual-coverage .sub-container3 .desc1{
    top: 23.5vw;
    left: 22vw;
    color: #000;
    font-size: 3.5vw;
    font-weight: 300;
    padding: 0.3em 2em;
    border-radius: 3em;
    width: 20vw;
    line-height: 1.3;
  }
  .overview-content .visual-coverage .sub-container3 .desc2{
    top: 23.5vw;
    left: 72vw;
    color: #000;
    font-size: 3.5vw;
    font-weight: 300;
    padding: 0.3em 2em;
    border-radius: 3em;
    width: 20vw;
    line-height: 1.3;
  }
  .overview-content .visual-coverage .mobile-display .text h2 {
    font-size: 6vw;
    font-weight: 400;
    line-height: 1.5;
    padding: 1.5em 20px 0em;
    text-align: left;
  }
  .overview-content .visual-coverage .mobile-display h3 {
    font-size: 5vw;
    font-weight: 500;
    line-height: 1.2;
    padding: 1em 20px .5em;
}
  .overview-content .visual-coverage .mobile-display .text p {
    font-size: 1.5em;
    padding: 0 20px;
    font-weight: 300;

    line-height: 1.4;
  }

  .overview-content .visual-coverage p {
    font-size: 5vw;
    font-size: 3vw;
    line-height: 1.42857;
    padding: 0 20px 1em;
    text-align: left
  }

  .overview-content .visual-coverage .tapo-tab-panel,
  .overview-content .visual-coverage .desc-wrap {
    display: none;
  }

  .overview-content .visual-coverage.active .mobile-bg {
    display: block;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-l430c_v1/m/c.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 320vw;
    position: relative;
  }

  /* .overview-content .visual-coverage .desc {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  } */

  /* .overview-content .visual-coverage .desc span {
    font-size: 5vw;
    font-weight: 300;
    line-height: 1.2;
    background: #005eac;
    padding: .5em 1.25em;
    border-radius: 3em;
    color: #fff;
  } */

  /* .overview-content .visual-coverage .desc1 {
    top: 0vw;
  }

  .overview-content .visual-coverage .desc2 {
    top: 104vw;
  }

  .overview-content .visual-coverage .desc3 {
    top: 210vw;
  }
  .overview-content .visual-coverage .desc3 {
    top: 310vw;
  } */
}

@media(max-width:414px) {
  .overview-content .visual-coverage {
    font-size: 2.5vw
  }
}