body,
body>.page-content-wrapper
html {overflow:visible !important;}
.tp-color {
  color: #005564;
}

.smb-color {
  color: #36444b;
}

.grey-color {
  color: #656565;
}

.white {
  color: #fff;
}

.no-wrap{
  white-space: nowrap;
}

.m-show {
  display: none;
}

a:hover {
  color: #4acbd6;
}
.overview-content{
  overflow: hidden;
}
@media (max-width: 736px) {
  .m-hide {
    display: none;
  }

  .m-show {
    display: block;
  }
}

.vigi-vms-banner {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/img/a.jpg?2) 50% 0 no-repeat;
  background-size: 75em;
  height: 35.45em;
  color: #fff;
}

.vigi-vms-banner .w-container {
  width: 60em;
  margin: 0 auto;
}

.vigi-vms-banner .text {
  padding: 8.9em 33em 0 0;
  color: #fff;
  text-align: left;
}

.vigi-vms-banner h2 {
  font-size: 2.34375em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 1.1em;
}

.vigi-vms-banner p {
  font-size: 1.125em;
  line-height: 1.33333333;
  font-weight: 400;
}

.vigi-vms-banner .link {
  margin-top: 1em;
}

.vigi-vms-banner .link a {
  display: inline-block;
  font-size: 1.125em;
  font-weight: 400;
  color: inherit;
  text-decoration: none;
  border-bottom: 0.1em solid;
}

.vigi-vms-banner .icons {
  padding-bottom: 1em;
}

.vigi-vms-banner .icons img {
  height: 3em;
}

.vigi-vms-banner .m-show {
  display: none;
}

@media (max-width: 1024px) {
  .overview-content .vigi-vms-banner {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .vigi-vms-banner {
    font-size: 10.35px;
    max-width: 88.75vw;
    background: #2a3b42 url(https://static-product.tp-link.com/vigi-project-design-tool_v1/m/a.jpg?2) 50% 0 no-repeat;
    background-size: 100%;
    height: auto;
  }

  .vigi-vms-banner .w-container {
    width: auto;
  }

  .vigi-vms-banner .text {
    padding: 16.875vw 20px 65vw;
    text-align: center;
  }

  .vigi-vms-banner h2 {
    font-size: 5.625vw;
    padding: 0 0 6.6vw;
  }

  .vigi-vms-banner p {
    font-size: 3.75vw;
    line-height: 1.5;
    padding: 0;
  }

  .vigi-vms-banner .link {
    margin-top: 2.4vw;
  }

  .vigi-vms-banner .link a {
    font-size: 3.75vw;
  }

  .vigi-vms-banner .icons {
    padding-bottom: 4vw;
  }

  .vigi-vms-banner .icons img {
    height: 10vw;
  }

  .vigi-vms-banner .m-hide {
    display: none;
  }

  .vigi-vms-banner .m-show {
    display: block;
  }
}

@media (max-width: 414px) {
  .vigi-vms-banner {
    font-size: 2.5vw;
  }
}



.overview-content .vigi-vms-overview {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.overview-content .vigi-vms-overview .w-container {
  width: 66em;
  margin: 0 auto;
}

.overview-content .vigi-vms-overview .text {
  padding: 6.875em 0 0;
  text-align: center;
}

.overview-content .vigi-vms-overview h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .vigi-vms-overview p {
  font-size: 1.125em;
  line-height: 1.33333;
  font-weight: 300;
}

.overview-content .vigi-vms-overview .link {
  margin-top: 1em;
  text-align: center;
}

.overview-content .vigi-vms-overview ul{
  display: flex
  ;
  justify-content: space-evenly;
  padding-top: 2.4em;
  width: 48em;
  margin: 0 auto;
  
}
.overview-content .vigi-vms-overview ul li{
  list-style-type: unset;
  font-size: 1.125em;
    line-height: 1.33333;
    font-weight: 300;
}
.overview-content .vigi-vms-overview ul li:first-child{
  list-style-type: none;
}
.overview-content .vigi-vms-overview .link a {
  display: inline-block;
  font-size: 1.125em;
  font-weight: 300;
  color: #004d5a;
  margin: 0 3em;
  text-decoration: none;
  border-bottom: 0.1em solid;
}

@media (max-width: 1024px) {
  .overview-content .vigi-vms-overview {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .vigi-vms-overview {
    font-size: 10.35px;
    max-width: 88.75vw;
  }
  .overview-content .vigi-vms-overview ul{
    font-size: 3.75vw;
    line-height: 1.5;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .overview-content .vigi-vms-overview ul li:last-child{
    margin-left: 6vw;
  }
  .overview-content .vigi-vms-overview .w-container {
    width: auto;
  }

  .overview-content .vigi-vms-overview .text {
    padding: 15vw 0 0;
    text-align: left;
  }

  .overview-content .vigi-vms-overview h2 {
    font-size: 5.625vw;
    padding: 0 0 0.5em;
  }

  .overview-content .vigi-vms-overview p {
    font-size: 3.75vw;
    line-height: 1.5;
  }

  .overview-content .vigi-vms-overview .link {
    margin-top: 1em;
    text-align: left;
  }
  
  .overview-content .vigi-vms-overview .link a {
    font-size: 3.75vw;
    margin: 0;
  }
}

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



.overview-content .vigi-vms-keybenifits {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.overview-content .vigi-vms-keybenifits .box-container .box{
  width: 60.125em;
  margin: 3em auto 0;
  /* overflow: hidden; */
  position: relative;
}
.overview-content .vigi-vms-keybenifits .box-container .box .arrow{
cursor: pointer;
}
.overview-content .vigi-vms-keybenifits .box-container .box .arrow-left{
  left: -6em;
  z-index: 1;
  position: absolute;
  top: 30em;
}
.overview-content .vigi-vms-keybenifits .box-container .box .arrow-right{
  right: -6em;
  
  z-index: 1;
  position: absolute;
  top: 30em;
}
.overview-content .vigi-vms-keybenifits .box-container .box .arrow-right img{
  transform: rotate(180deg)
}
.overview-content .vigi-vms-keybenifits .box-container .box .arrow img{
  width: 2em;
  height: 2em;
}
.overview-content .vigi-vms-keybenifits .box-container .box .swiper-pagination{
  position: relative;
  padding-top: 3em;
  z-index: 0;
}

.overview-content .vigi-vms-keybenifits .box-container .box .swiper-pagination-bullet{
  width: 3.375em;
  height: 0.4em;
  border-radius: 0;
  background-color: #dadada;
  opacity: 1;
  margin: 0 0.4375em;
}
.overview-content .vigi-vms-keybenifits .box-container .box .swiper-pagination-bullet-active{
  background-color: #36444b;
}
.overview-content .vigi-vms-keybenifits .swiper-slide .img{
  display: flex;
  justify-content: center;
  padding-bottom: 3.1875em;
}
.overview-content .vigi-vms-keybenifits .swiper-slide .img img{
  width: 56.34375em;
  margin: 0 auto;
}
.overview-content .vigi-vms-keybenifits .swiper-slide .img video{
  width: 56.34375em;
  margin: 0 auto;
}
.overview-content .vigi-vms-keybenifits .w-container {
  width: auto;
  margin: 0 auto;
}

.overview-content .vigi-vms-keybenifits .text {
  padding: 7em 0 2em;
  text-align: center;
}
.overview-content .vigi-vms-keybenifits .box1 h2{
  margin-top: 1.8em;
}
.overview-content .vigi-vms-keybenifits h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
  margin-top: 2em;
  text-align: center;
}

.overview-content .vigi-vms-keybenifits h3 {
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .vigi-vms-keybenifits p {
  font-size: 1.125em;
  line-height: 1.33333;
  font-weight: 300;
  text-align: center;
}

.overview-content .vigi-vms-keybenifits .txt{
  min-height: 10.6875em;
}
.overview-content .vigi-vms-keybenifits .link {
  margin-top: 1em;
  text-align: center;
}

.overview-content .vigi-vms-keybenifits .link a {
  display: inline-block;
  font-size: 1.125em;
  font-weight: 300;
  color: #004d5a;
  margin: 0 3em;
  text-decoration: none;
  border-bottom: 0.1em solid;
}

.overview-content .vigi-vms-keybenifits .fixed {
  position: fixed;
  z-index: 99;
  width: 100%;
  max-width: 1920px;
  background-color: #f9fafa;
}
.overview-content .vigi-vms-keybenifits .sticky-box{
  position: -webkit-sticky;
  position: sticky; 
  width: 100%;
  top: 60px; 
  z-index: 2; 
  background-color: #fff; 
}
.overview-content .vigi-vms-keybenifits .ul-menu {
  width: 75em;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.overview-content .vigi-vms-keybenifits .ul-menu li {
  width: 33.333%;
  text-align: center;
  cursor: pointer;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.2;
  color: #727171;
  padding: 0.6em 0.5em;
  border-bottom: 0.2em solid #dcdddd;
  box-sizing: border-box;
  cursor: pointer;
}

.overview-content .vigi-vms-keybenifits .ul-menu li.active {
  color: #000;
  border-bottom: 0.2em solid #005564;
}

.overview-content .vigi-vms-keybenifits .ul-menu li a {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 0.6em 0.5em;
}

.overview-content .vigi-vms-keybenifits .ul-features {
  width: 57em;
  margin: 1.5em auto 0;
  display: flex;
  flex-wrap: wrap;
}

.overview-content .vigi-vms-keybenifits .ul-features li {
  width: 30%;
  padding: 1em 0;
  text-align: left;
}

.overview-content .vigi-vms-keybenifits .ul-features .li-1,
.overview-content .vigi-vms-keybenifits .ul-features .li-4 {
  width: 35%;
}

.overview-content .vigi-vms-keybenifits .ul-features .li-2,
.overview-content .vigi-vms-keybenifits .ul-features .li-5 {
  width: 35%;
}

.overview-content .vigi-vms-keybenifits .ul-features li .icon {
  display: inline-block;
  vertical-align: middle;
  width: 3.125em;
  height: 3.125em;
  margin-right: 0.5em;
}

.overview-content .vigi-vms-keybenifits .ul-features li .word {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.125em;
  font-weight: 300;
  width: calc(100% - 4em);
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img {
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5em;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img .txt {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 50%;
  box-sizing: border-box;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img .txt.left {
  padding-right: 2em;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img .txt.right {
  padding-left: 4em;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img .img {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  position: relative;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block1 .img {
  width: 34.6875em;
  height: 21.6875em;
  background: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/img/c-1-img-1.jpg) 50% / 100% no-repeat;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block3 .img {
  width: 36.875em;
  height: 23.875em;
  background: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/img/c-2-img-1.jpg) 50% / 100% no-repeat;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block4 .img {
  width: 36.875em;
  height: 23.875em;
  background: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/img/c-2-img-2.jpg) 50% / 100% no-repeat;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block5 .img {
  width: 30.6875em;
  height: 15.125em;
  background: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/img/c-3-img-2.jpg) 50% / 100% no-repeat;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block6 .img {
  width: 34.6875em;
  height: 21.6875em;
  background: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/img/c-3-img-3.jpg) 50% / 100% no-repeat;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block7 .img {
  width: 37.5em;
  height: 20.375em;
  background: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/img/c-4-img-1.jpg) 50% / 100% no-repeat;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-slide {
  height: 24.25em;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-slide-1 {
  background-image: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/img/c-2-feature-1.jpg?2);
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-slide-2 {
  background-image: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/img/c-2-feature-2.jpg?2);
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-slide-3 {
  background-image: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/img/c-2-feature-3.jpg?2);
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-slide-4 {
  background-image: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/img/c-2-feature-4.jpg?2);
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-pagination {
  position: relative;
  width: auto;
  margin: 0.5em auto 0;
  text-align: center;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-pagination .swiper-pagination-bullet {
  width: 0.5em;
  height: 0.5em;
  opacity: 1;
  background-color: #a9b1b5;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 0.5em;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #36444b;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block3 .point {
  position: relative;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block3 .point+.point {
  margin-top: 1.5em;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block3 .point::before {
  content: '';
  width: 0.25em;
  height: 0.25em;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  left: -1em;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block3 .point-1::before {
  top: 1.25em;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block3 .point-2::before {
  top: 0.55em;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img .desc {
  position: absolute;
  text-align: center;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img .desc-b {
  display: block;
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1.2;
  color: #36444b;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img .desc-s {
  display: block;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .vigi-vms-keybenifits .left-txt-right-img.block7 .desc-1 {
  top: 11em;
  left: 10.8em;
  width: 16em;
  text-align: center;
}
.overview-content .vigi-vms-keybenifits .box-container .box.box3{
  width: 75em;

  /* padding-bottom: 18em; */
}
.overview-content .vigi-vms-keybenifits .box3 .txt-block {
  /* padding-top: 5em; */
  text-align: center;
  width: 60.125em;
  margin: 0 auto;
}

.overview-content .vigi-vms-keybenifits .box3 .img-1 {
  margin: 0 auto;
  position: relative;
  padding-top: 5em;
  height: 21.53125em;
  background: url('https://static-product.tp-link.com/vigi-project-design-tool_v1/img/3-1_20250827054919e.png') center/ 100% no-repeat;
}
.overview-content .vigi-vms-keybenifits .box3 .img-1 .desc{
  position: absolute;
  text-align: center;
}
.overview-content .vigi-vms-keybenifits .box3 .img-1 .desc.desc1{
  top: 22.5em;
  left: 0.75em;
  width: 10.1em;
}
.overview-content .vigi-vms-keybenifits .box3 .img-1 .desc.desc2{
  top: 22.5em;
  left: 13.125em;
  width: 7em;
}
.overview-content .vigi-vms-keybenifits .box3 .img-1 .desc.desc3{
  top: 22.5em;
  left: 21.75em;
  width: 21.1em;
}
.overview-content .vigi-vms-keybenifits .box3 .img-1 .desc.desc4{
  top: 22.5em;
  left: 43.125em;
  width: 20.25em;
}
.overview-content .vigi-vms-keybenifits .box3 .img-1 .desc.desc5{
  top: 22.5em;
  left: 63.75em;
  width: 11.1em;
}
.overview-content .vigi-vms-keybenifits .license {
  display: inline-block;
  width: fit-content;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  background-color: #36444b;
  border-radius: 0.25em;
  padding: 0.25em 1em;
}
.overview-content .vigi-vms-keybenifits .box-container .box.box1 .swiper-slide-1{
  background: url('https://static-product.tp-link.com/vigi-project-design-tool_v1/img/1-1_20250825062337o.png') 50% bottom / 50.6em no-repeat;
  padding-bottom: 31em;
}
.overview-content .vigi-vms-keybenifits .box-container .box.box1 .swiper-slide-2{
  background: url('https://static-product.tp-link.com/vigi-project-design-tool_v1/img/1-2_20250827054804d.png') 50% bottom / 50.6em no-repeat;
  padding-bottom: 31em;
}
.overview-content .vigi-vms-keybenifits .box-container .box.box1 .swiper-slide-3{
  background: url('https://static-product.tp-link.com/vigi-project-design-tool_v1/img/1-3.png') 50% bottom / 50.6em no-repeat;
  padding-bottom: 31em;
}
.overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-1{
  background: url('https://static-product.tp-link.com/vigi-project-design-tool_v1/img/2-1(2_20250910084032q.png') 50% bottom / 50.6em no-repeat;
  padding-bottom: 31em;
}
.overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-2{
  background: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/img/b2-2.png) 50% bottom / 50.6em no-repeat;
  padding-bottom: 31em;
}
.overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-3{
  background: url('https://static-product.tp-link.com/vigi-project-design-tool_v1/img/2-3_20250909104111q.png') 50% bottom / 50.6em no-repeat;
  padding-bottom: 31em;
  position: relative;
}

.overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-3 .descs .desc{
  position: absolute;

}
.overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-3 .descs .desc1{
  position: absolute;
  left: 8em;
  top: 29.5em;
  width: 16em;
  text-align: center;
}
.overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-3 .descs .desc2{
  position: absolute;
  left: 29.5em;
  top: 36em;
  width: 16em;
  text-align: center;
}
.overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-3 .descs .desc span{
  font-size: 1.68em;
  color: #fff;
  font-weight: 500;
}

.overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-4{
  background: url('https://static-product.tp-link.com/vigi-project-design-tool_v1/img/2-4(2_20250909104339e.png') 50% bottom / 50.6em no-repeat;
  padding-bottom: 31em;
}
.overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-3 video,
.overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-4 video{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-5{
  background: url('https://static-product.tp-link.com/vigi-project-design-tool_v1/img/2-5_20250827054851n.png') 50% bottom / 50.6em no-repeat;
  padding-bottom: 31em;
}
.overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-6{
  background: url('https://static-product.tp-link.com/vigi-project-design-tool_v1/img/2-6.png') 50% bottom / 50.6em no-repeat;
  padding-bottom: 31em;
}
@media (max-width: 1024px) {
  .overview-content .vigi-vms-keybenifits {
    font-size: 10px;
  }

  .overview-content .vigi-vms-keybenifits .sticky-box{
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 736px) {
  .overview-content .vigi-vms-keybenifits .box-container .box .arrow{
    display: none;
    }
  .overview-content .vigi-vms-keybenifits {
    font-size: 10.35px;
    max-width: 88.75vw;
  }

  .overview-content .vigi-vms-keybenifits .w-container {
    width: auto;
  }
  .overview-content .vigi-vms-keybenifits .sticky-box{
    display: block;
  }
  .overview-content .vigi-vms-keybenifits .text {
    padding: 13.67vw 0 6.25vw;
    margin-bottom: 0;
    text-align: left;
  }

  .overview-content .vigi-vms-keybenifits h2 {
    font-size: 5.625vw;
    padding: 0;
    margin-top: 0;
    text-align: left;
  }

  .overview-content .vigi-vms-keybenifits p {
    font-size: 3.75vw;
    padding-top: 4.6875vw;
    line-height: 1.5;
    text-align: left;
  }

  .overview-content .vigi-vms-keybenifits .link {
    margin-top: 1em;
    text-align: center;
  }
  .overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-3 .descs .desc span{
    font-size: 3vw;
    font-weight: 400;
  }
  .overview-content .vigi-vms-keybenifits .link a {
    font-size: 1.5em;
  }

  .overview-content .vigi-vms-keybenifits .ul-menu {
    /* display: none; */
    width: 88.75vw;
  }
  
  .overview-content .vigi-vms-keybenifits .ul-features {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-3 .descs .desc1{
    left: 9vw;
    top: 87vw;
    width: 30vw;
  }
  .overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide-3 .descs .desc2{
    left: 51vw;
    top: 100vw;
    width: 30vw;
  }
  .overview-content .vigi-vms-keybenifits .ul-menu li{
    font-size: 2.8125vw;
    padding: 0 0 0.5em;
  }
  .overview-content .vigi-vms-keybenifits .box1 h2{
    margin-top: 11.75vw;
  }
  .overview-content .vigi-vms-keybenifits .box-container .box{
    width: 100%;
  }
  .overview-content .vigi-vms-keybenifits .box-container .box.box1 .swiper-slide-1{
    background:url('https://static-product.tp-link.com/vigi-project-design-tool_v1/img/1-1_20250825062337o.png') 50% bottom / 88.75vw no-repeat;
    padding-bottom: 55vw;
  }
  .overview-content .vigi-vms-keybenifits .box-container .box.box1 .swiper-slide-2{
    background: url('https://static-product.tp-link.com/vigi-project-design-tool_v1/img/1-2_20250827054804d.png') 50% bottom / 88.75vw no-repeat;
    padding-bottom: 55vw;
  }
  .overview-content .vigi-vms-keybenifits .box-container .box.box2 .swiper-slide{
    padding-bottom: 55vw;
    background-size: 88.75vw;
  }
  .overview-content .vigi-vms-keybenifits .box-container .box.box3{
    width: auto;
    padding-bottom: 30vw;
  }
  .overview-content .vigi-vms-keybenifits .swiper-slide .img img,
  .overview-content .vigi-vms-keybenifits .swiper-slide .img video{
    width: 100%;
  }
  .overview-content .vigi-vms-keybenifits .ul-features li {
    width: 48%;
    padding: 1em 0;
    text-align: left;
    display: inline-block;

  }
  
  .overview-content .vigi-vms-keybenifits .ul-features .li-1,
  .overview-content .vigi-vms-keybenifits .ul-features .li-4 {
    width: 48%;
  }
  
  .overview-content .vigi-vms-keybenifits .ul-features .li-2,
  .overview-content .vigi-vms-keybenifits .ul-features .li-5 {
    width: 48%;
  }
  
  .overview-content .vigi-vms-keybenifits .ul-features li .icon {
    width: 10vw;
    height: 10vw;
    margin-right: 0vw;
  }
  .overview-content .vigi-vms-keybenifits .txt{
    min-height: unset;
    padding-bottom: 10vw;
  }
  .overview-content .vigi-vms-keybenifits .box2 .txt{
    padding-top: 14.375vw;

  }
  .overview-content .vigi-vms-keybenifits .ul-features li .word {
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 13vw);
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img {
    flex-direction: column;
    padding-top: 0;
  }

  .overview-content .vigi-vms-keybenifits .left-txt-right-img.reverse {
    flex-direction: column-reverse;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img .txt {
    display: block;
    width: auto;
    padding-bottom: 4vw;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img .txt.left {
    padding-right: 0;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img .txt.right {
    padding-left: 0;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img .img {
    display: block;
    width: 100%;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block1 .img {
    width: 88.75vw;
    height: 56vw;
    margin: 0 auto;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block3 .img {
    width: 88.75vw;
    height: 56vw;
    margin: 0 auto;
  }

  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block4 .img {
    width: 88.75vw;
    height: 56vw;
    margin: 0 auto;
  }

  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block5 .img {
    width: 88.75vw;
    height: 44vw;
    margin: 0 auto;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block6 .img {
    width: 88.75vw;
    height: 56vw;
    margin: 0 auto;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block7 .img {
    width: 88.75vw;
    height: 72vw;
    margin: 0 auto;
    background: url(https://static-product.tp-link.com/vigi-project-design-tool_v1/m/c-4-img-1.jpg) bottom / 100% no-repeat;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-slide {
    height: 58vw;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .overview-content .vigi-vms-keybenifits .box3 .img-1 .desc span{
    font-size: 3.75vw;
  }
  .overview-content .vigi-vms-keybenifits .box3 .img-1 .desc.desc1 {
    top: 43.5vw;
    left: 1.75vw;
    width: 22.1vw;
}
.overview-content .vigi-vms-keybenifits .box3 .img-1 .desc.desc2 {
  top: 43.5vw;
  left: 23.75vw;
  width: 22.1vw;
}
.overview-content .vigi-vms-keybenifits .box3 .img-1 .desc.desc3 {
  top: 43.5vw;
  left: 49.75vw;
  width: 35.1vw;
}
.overview-content .vigi-vms-keybenifits .box3 .img-1 .desc.desc4 {
  top: 98.5vw;
  left: 1.75vw;
  width: 50.1vw;
}
.overview-content .vigi-vms-keybenifits .box3 .img-1 .desc.desc5 {
  top: 98.5vw;
  left: 53.75vw;
  width: 25.1vw;
}
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-pagination {
    position: relative;
    width: auto;
    margin: 3vw auto 0;
    text-align: center;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-pagination .swiper-pagination-bullet {
    width: 0.5em;
    height: 0.5em;
    opacity: 1;
    background-color: #a9b1b5;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 0.5em;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block2 .img .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #36444b;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block3 .point+.point {
    margin-top: 4vw;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block3 .point::before {
    content: '';
    width: 0.75vw;
    height: 0.75vw;
    left: -3vw;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block3 .point-1::before {
    top: 2vw;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block3 .point-2::before {
    top: 2vw;
  }

  .overview-content .vigi-vms-keybenifits .box3 .txt-block {
    padding-top: 14.375vw;
    text-align: left;
    width: auto;
  }
  
  .overview-content .vigi-vms-keybenifits .box3 .img-1 {
    padding-top: 0;
    width: 88.75vw;
    height: 95vw;
    background: url('https://static-product.tp-link.com/vigi-project-design-tool_v1/img/3-2_20250827054902c.png') bottom / 100% no-repeat;
  }

  .overview-content .vigi-vms-keybenifits .left-txt-right-img .desc-b {
    font-size: 5.625vw;
  }
  
  .overview-content .vigi-vms-topology .desc-m {
    font-size: 4vw;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img .desc-s {
    font-size: 3.25vw;
  }
  
  .overview-content .vigi-vms-keybenifits .left-txt-right-img.block7 .desc-1 {
    top: 40vw;
    left: 20.5vw;
    width: 48vw;
  }

  .overview-content .vigi-vms-keybenifits .license {
    font-size: 3.75vw;
  }
}

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