@charset "utf-8";
.tp-table-cell,
.vTop {
  vertical-align: top;
}
.product-info .specifications table,
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.icon-home,
.nowrap,
.page-position li,
.sibling-menu-list li,
.tp-btn {
  white-space: nowrap;
}
blockquote,
body,
button,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
table {
  font: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}
fieldset,
img {
  border: 0;
}
li {
  list-style: none;
}
a,
input:focus {
  outline: 0;
}
address,
caption,
cite,
code,
dfn,
em,
optgroup,
strong,
th,
var {
  font-style: inherit;
  font-weight: inherit;
}
caption,
th {
  text-align: left;
}
legend {
  color: #000;
}
button,
input,
optgroup,
option,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
button,
input,
select,
textarea {
  *font-size: 100%;
  font:
    99% arial,
    helvetica,
    sans-serif;
}
button {
  cursor: pointer;
}
article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}
@font-face {
  font-family: AktivGrotesk-Arabic;
  src: url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Lt.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Lt.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF2/AktivGrotesk_WArbc_Lt.woff2)
      format("woff2"),
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF/AktivGrotesk_WArbc_Lt.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/TTF/AktivGrotesk_WArbc_Lt.ttf)
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk-Arabic;
  src: url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Rg.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Rg.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF2/AktivGrotesk_WArbc_Rg.woff2)
      format("woff2"),
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF/AktivGrotesk_WArbc_Rg.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/TTF/AktivGrotesk_WArbc_Rg.ttf)
      format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk-Arabic;
  src: url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Md.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Md.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF2/AktivGrotesk_WArbc_Md.woff2)
      format("woff2"),
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF/AktivGrotesk_WArbc_Md.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/TTF/AktivGrotesk_WArbc_Md.ttf)
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk-Arabic;
  src: url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Bd.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/EOT/AktivGrotesk_WArbc_Bd.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF2/AktivGrotesk_WArbc_Bd.woff2)
      format("woff2"),
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/WOFF/AktivGrotesk_WArbc_Bd.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/subset/arabic/TTF/AktivGrotesk_WArbc_Bd.ttf)
      format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk-Hebrew;
  src: url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Lt.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Lt.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF2/AktivGrotesk_WHebr_Lt.woff2)
      format("woff2"),
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF/AktivGrotesk_WHebr_Lt.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/TTF/AktivGrotesk_WHebr_Lt.ttf)
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk-Hebrew;
  src: url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Rg.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Rg.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF2/AktivGrotesk_WHebr_Rg.woff2)
      format("woff2"),
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF/AktivGrotesk_WHebr_Rg.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/TTF/AktivGrotesk_WHebr_Rg.ttf)
      format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk-Hebrew;
  src: url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Md.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Md.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF2/AktivGrotesk_WHebr_Md.woff2)
      format("woff2"),
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF/AktivGrotesk_WHebr_Md.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/TTF/AktivGrotesk_WHebr_Md.ttf)
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk-Hebrew;
  src: url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Bd.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/EOT/AktivGrotesk_WHebr_Bd.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF2/AktivGrotesk_WHebr_Bd.woff2)
      format("woff2"),
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/WOFF/AktivGrotesk_WHebr_Bd.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/subset/hebrew/TTF/AktivGrotesk_WHebr_Bd.ttf)
      format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk-Corp;
  src: url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Lt.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Lt.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF2/AktivGrotesk_WCorp_Lt.woff2)
      format("woff2"),
    url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF/AktivGrotesk_WCorp_Lt.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/subset/corp/TTF/AktivGrotesk_WCorp_Lt.ttf)
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk-Corp;
  src: url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Rg.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Rg.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF2/AktivGrotesk_WCorp_Rg.woff2)
      format("woff2"),
    url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF/AktivGrotesk_WCorp_Rg.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/subset/corp/TTF/AktivGrotesk_WCorp_Rg.ttf)
      format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk-Corp;
  src: url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Md.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Md.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF2/AktivGrotesk_WCorp_Md.woff2)
      format("woff2"),
    url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF/AktivGrotesk_WCorp_Md.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/subset/corp/TTF/AktivGrotesk_WCorp_Md.ttf)
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk-Corp;
  src: url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Bd.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/subset/corp/EOT/AktivGrotesk_WCorp_Bd.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF2/AktivGrotesk_WCorp_Bd.woff2)
      format("woff2"),
    url(https://static.tp-link.com/res/style/fonts/subset/corp/WOFF/AktivGrotesk_WCorp_Bd.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/subset/corp/TTF/AktivGrotesk_WCorp_Bd.ttf)
      format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk;
  src: url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-light/AktivGrotesk_W_Lt.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-light/AktivGrotesk_W_Lt.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-light/AktivGrotesk_W_Lt.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-light/AktivGrotesk_W_Lt.ttf)
      format("truetype"),
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-light/AktivGrotesk_W_Lt.svg#AktivGrotesk-Light)
      format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk;
  src: url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-regular/AktivGrotesk_W_Rg.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-regular/AktivGrotesk_W_Rg.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-regular/AktivGrotesk_W_Rg.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-regular/AktivGrotesk_W_Rg.ttf)
      format("truetype"),
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-regular/AktivGrotesk_W_Rg.svg#AktivGrotesk-Regular)
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk;
  src: url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-medium/AktivGrotesk_W_Md.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-medium/AktivGrotesk_W_Md.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-medium/AktivGrotesk_W_Md.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-medium/AktivGrotesk_W_Md.ttf)
      format("truetype"),
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-medium/AktivGrotesk_W_Md.svg#AktivGrotesk-Medium)
      format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AktivGrotesk;
  src: url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-bold/AktivGrotesk_W_Bd.eot);
  src:
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-bold/AktivGrotesk_W_Bd.eot?#iefix)
      format("embedded-opentype"),
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-bold/AktivGrotesk_W_Bd.woff)
      format("woff"),
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-bold/AktivGrotesk_W_Bd.ttf)
      format("truetype"),
    url(https://static.tp-link.com/res/style/fonts/aktivgrotesk-bold/AktivGrotesk_W_Bd.svg#AktivGrotesk-Bold)
      format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body,
body > .page-content-wrapper,
html {
  position: relative;
  width: 100%;
  min-width: 1000px;
  height: auto;
  overflow: auto;
}
body {
  font:
    300 13px/1.6 AktivGrotesk-Corp,
    Helvetica,
    sans-serif;
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
  background-color: #fff;
}
.bold,
.strong,
strong {
  font-weight: 700;
}
[lang|="ar"] body,
[lang|="fa"] body,
[lang|="ku"] {
  font-family: AktivGrotesk-Arabic, Helvetica, sans-serif;
}
[lang|="he"] body,
[lang|="yi"] {
  font-family: AktivGrotesk-Hebrew, Helvetica, sans-serif;
}
input::-ms-clear {
  display: none;
}
sup {
  font-size: smaller;
}
.blue-color,
.blueColor,
.logo-blue,
a:hover {
  color: #4acbd6;
}
.clearFloat:after,
.clearFloat:before,
.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.row:after,
.row:before {
  content: " ";
  display: table;
  height: 0;
  visibility: hidden;
}
.clearFloat:after,
.clearfix:after,
.container:after,
.row:after {
  clear: both;
}
.clearFloat,
.clearfix,
.container,
.row {
  *zoom: 1;
}
.col {
  float: left;
}
.col,
.row {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.logo {
  display: block;
  width: 105px;
  height: 40px;
  overflow: hidden;
  text-indent: 100px;
  line-height: 100px;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202810126_tp-link_logo-new.png) no-repeat;
}
.no-border {
  border: none;
}
.underline {
  text-decoration: underline !important;
}
.shadow {
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=2)";
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=2);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.loading {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202810146_loading.gif) 50% 50% no-repeat;
}
.hidden {
  display: none;
}
.container,
.lightbox-gallery.edm .contentBox table,
.wrapper {
  display: block;
  margin: 0 auto;
}
.outdated-browser-tip {
  position: relative;
  z-index: 30;
  padding: 2px 1em;
  background-color: #fff;
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(Opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.body,
.footer,
.header,
.spotlight-box,
.sub-nav,
body > .wrapperBox {
  width: 100%;
}
.container,
.wrapper {
  position: relative;
  max-width: 1366px;
  min-width: 1024px;
  text-align: left;
}
.page-position,
.page-position .bg {
  position: absolute;
  width: 100%;
  left: 0;
}
.page-position {
  top: 60px;
  z-index: 30;
  height: 30px;
  margin: 0 auto;
  color: #ccc;
}
.page-position .bg {
  top: 0;
  height: 100%;
  background-color: #000208;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(Opacity=30);
}
.page-position .container {
  position: relative;
  z-index: 1;
  padding: 8px 0;
}
.page-position li {
  position: relative;
  float: left;
  padding: 0 14px;
  line-height: 1;
  font-size: 13px;
  border-left: 1px solid #a0a2a8;
}
.page-position li a {
  color: #c8cad0 !important;
  text-decoration: none;
}
.page-position li a:hover {
  text-decoration: underline;
}
.page-position .first {
  padding-left: 6px;
  border: none;
}
.lightbox-gallery.edm .contentBox {
  font-size: 18px;
  background: 0 0;
}
.lightbox-gallery.edm .contentBox .content .inner-box {
  padding: 20px;
}
.lightbox-gallery.edm .contentBox .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.lightbox-gallery.edm .contentBox .utils {
  z-index: 2;
}
.lightbox-gallery.edm .contentBox .content {
  position: relative;
  z-index: 1;
}
.lightbox-gallery.edm .contentBox table td {
  text-align: right;
}
.page-nav,
.page-nav span,
.text-align-center {
  text-align: center;
}
.lightbox-gallery.edm .contentBox select {
  width: 210px;
  padding: 5px;
  margin-left: 7px;
}
.lightbox-gallery.edm .contentBox button {
  margin-top: 10px;
}
.lightbox-gallery.loading .inner-box table {
  display: none;
}
.lightbox-gallery.loading .contentBox .bg {
  background-image: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202810146_loading.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.page-nav {
  float: none;
  display: block;
  height: auto;
  width: auto;
  margin: 0 auto;
  line-height: 1;
}
.icon-play,
.icon-play i,
.icon-play u,
.icon-play-small {
  width: 100%;
  height: 100%;
}
.page-nav span {
  display: inline-block;
  padding: 3px;
  color: #ccc;
  background: 0 0;
}
.page-nav a,
.page-nav i {
  display: inline-block;
  margin: 0 2px 6px auto;
  padding: 5px;
  line-height: 1;
  border: 1px solid #dcdee4;
  font-style: normal;
  background-color: #63666b;
}
.page-nav a {
  text-decoration: none;
  color: #fff !important;
  background-color: #c8cad0;
}
.page-nav a:hover {
  text-decoration: none !important;
  color: #fff !important;
  background-color: #4acbd6;
}
.page-nav .a a,
.page-nav .a i {
  background: 0 0;
  border: none;
}
.page-nav .a a {
  color: #aaa !important;
}
.page-nav .a a:hover {
  color: #4acbd6 !important;
  background-color: none;
}
.slider .default-content-box {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  height: 100%;
}
.awards .slider .default-content-box {
  background-position: 50% 50%;
}
.home-network,
.light-gray-color-bg,
.network-expansion {
  background-color: #eff1f8;
}
.icon-play {
  display: block;
}
.icon-play i {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
  display: none;
}
.icon-play u,
.icon-play:hover i {
  display: block;
}
.icon-play u {
  position: relative;
  z-index: 1;
  background: url(https://www.tp-link.com/res/style/images/icon-play.png) 50%
    50% no-repeat;
}
.home .icon-play u {
  background-image: none;
  background-image: none\9;
}
.icon-play-small {
  display: block;
  background: url(https://www.tp-link.com/res/style/images/icon-play-small.png)
    50% 50% no-repeat;
}
.icon-play-small:hover {
  background-image: url(https://www.tp-link.com/res/style/images/icon-play-small-hover.png);
}
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.float-right {
  float: right;
}
.float,
.float-left {
  float: left;
}
.product-list {
  padding: 48px 0;
}
.product-list,
.product-list a {
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  color: #32343a;
}
.product-list .awards {
  position: relative;
  z-index: 1;
  top: -30px;
  height: 15px;
  padding-right: 12.5%;
  overflow: visible;
  text-align: right;
}
.product-list .awards img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.status-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 63px;
  height: 63px;
  overflow: hidden;
}
.status-icon.id-152,
.status-icon.new {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABBCAYAAABhNaJ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzRGMzNDNjhGOTExRTY4NTU2OTQyRjk0MUIxNjE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzRGMzNENjhGOTExRTY4NTU2OTQyRjk0MUIxNjE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQ3NEYzM0E2OEY5MTFFNjg1NTY5NDJGOTQxQjE2MTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ3NEYzM0I2OEY5MTFFNjg1NTY5NDJGOTQxQjE2MTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz77nPPmAAADuUlEQVR42uSYS2gTQRjHvyYxsY+0aRNS2/ooVKl6sO1NsEhvit4EEUQR7EUv6smj4sWDB1FBPHlVsCBeFHvw4EHw1vYgtkJBrH3F1j5SG1O6rfMfu3EbY2yyu7MzOwPLbkII/H7zvWYrDg18WieNV0Bj9gV2dQU0hu8Z6tw3GNAZXscU2ASvm4C/4HUSUBBeCgG9iVrP4KUQcDIec1NCUXgpBLycnecSvID3TEAyGMw9P55ZpB+rBl1L1guH90QAQF8c3MPvpoiHkzN0IlG3SYwIeE8EfMxkaclYo+ZImItA/r9fztJgOkOXGuuFwnsioD+9TKPLP2kkk6Fbn6eopy5Kz9t300R2hbpjNbQ/EhIGL0zAjeYEHa6K5D7fZyF/JtlAA2znz4+O80J4tD5KNcEAXUzGhcELE1DDcvtuWwvd2dXI83w4u8pD/my8NlcIT418oWfTc/RmPi0MHqvCzfcBp2NRqg1V0DsW9lhXmxLUEa3ioK8X0vSgbSddGf3KhYgMe9cFII9vtzbz9rZkGDnoe6k5Osaez7EOUB0K0jTL+7SxTtfHpj2Bxwq5sfOAf8qA+zbCGfmPFEivGTzcUQhR/TEAdYRDlJwIUoqJEg3vigCEPXa+z5LLF9iODzFowFsHIFyQ4xW87SKIopbftpDzkyt/cvpR6w5+v8xaHhZannXgwQzgFbxtAejdKGRWCR8YUHesmkPmw//uCAHqsrREL+FtC0BRezWzsEkCdhThjikvH978zUBpu+4avCNzQCEJN8e+0dRGGpjf4Y42iN96mfOutUEcbnCgsfZ11AikA2Z/LMBDmCzwJQkADBZmeAw2hYaXQhJQCxpYYfy+ui7VzpfUBhG+ndFK/ryXFbBeFsrYVX6oYfk8zsL9LZNi7q51wgN0yiBpcr7sCIAEgCGMn8wu8kp+oDJC7ezeVrWdV3dIwYzfxIabxsi2csdcYfAlDUIAARAkmMWvf2PGNwUdYWNuSzjM/xZCjrOj7rBkOW+7CFojoVhBQ+7LmPO226AZCSh2xd7jqQBf9hywVQmyw9sahByS4Cm87UnQKgHnfNXgHZsEVSl4rr0TVBXeMQGqwosWIB28SAFSwosSIC28CAFSw7stQHp4NwUoAe+WAGXg3RCgFLzTApSDd1KAkvBOCVAW3gkBSsPbFaA8vB0BvoAvV4Bv4MsR4Cv4UgX4Dr4UAb6E36oA38JvRYCv4f8nwPfwxQRoAf8vAdrAFxKgFXy+AO3grQK0hDcFaAtvCtAWHuuXAAMAgfo2myRc6CcAAAAASUVORK5CYII=)
    no-repeat;
}
.status-icon.coming-soon,
.status-icon.id-153 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABBCAYAAABhNaJ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU0NEE0RUQ0NjhGOTExRTY4QURCQjZDMjQ3QjczOUJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU0NEE0RUQ1NjhGOTExRTY4QURCQjZDMjQ3QjczOUJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTQ0QTRFRDI2OEY5MTFFNjhBREJCNkMyNDdCNzM5QkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ0QTRFRDM2OEY5MTFFNjhBREJCNkMyNDdCNzM5QkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5XykezAAAFHklEQVR42uSZT0gUURzHf5psKYqmaC4ibhuKp8L+QDf7A0aHKKEunayDQXYJgqAgQiqMDhHUQYLyJBSBeEzI8hAIUbaHQLJEySgMTVE0JNfedx+PNzM7s826M292Zh4s7C6zu/P5vt/v+36/3xZsJGiDQrwKQ8y+yB4t3gsQve8V/CHavfHROwEitUQNg0SV54jiI57Ae5cCKfiXRAvPiL4eJlr9oEoEHTxWgScmiLD/+5voV7d8r66PaOtOoslWZfDemmDRdv3ruQdExXvcigRTeO8iACnQOE400Uy09pO/V3mJCbCfP0+y6Phx2XX41D4ozfkt5Wynn/DQn7nIRZh/yq8pb2fhf5DFZJRox00l8OoEAPy3DrbbY0SxER7+2OHVYQbeya/5HGM7Dy/oIVp5rwTenRTY1kL0Z0y+rr5BVLKPaPqkfA95DucXYV5+ll1zgEVKnIk06UT424J33gQBv+u1/FaEftV5FvoV+uvg9MV7ZRG01M9PBRyLCuHdiQDAF9Xy5zA4iBAfZWDX2K31668tbSNaHlLi9up6gaQm7wEPEWBu0Ts81LXLY3j36gBATx+zJ4KH8M4LgJwWeS1EQPhrRcgjeGcFEBUcnFw8BzRyXyuC0Qe04jUm+CNSqwTeOQFgZlhwcBx32uYGwBAh08JRWchqgwlWCs89loK5DO+MAGhioveI1hfke6kixyCCKHnNxEOdgF4Aa/6hPmpchM9dAACicMGuoZHRGpwQAbubaZUdZyKwuqCoWoPXn0kEx+BzqwMAC1cfj8miBzc81a6vBO2aJwojYyucXic4Cp9bBFRd0Fd4wuXr++yZGKpGq5QxrxMch9+cAAIOu7Wa0M/0xNEnGhzLVjjBS+bmKZk2ViK4CJ+dALhR3DBaWHFUGWt6IYJ20mP8NdEZfqrgea4tjiDC0itl8PY9ALlYc53ldysvdWFsaHIQ8gA2dneZjjssrUBIhdiA9BKF8PYjoKqLaPa2rPMBgMFGtFemA7o5WykU17+GYa4v6j1BEXy6ALgJhDN2ynhDkSbDDK+bH31E6btq5Rv4TMUpWTiJhUnR2phyeL0AyEOEInYSExu4uVjo02uu6OUqaeM7l41voE3GKKzhuRQa6YNoSqqHlyMxgMGMRE6nBWM/n9g0TfGbTaUF84CZzsy+gaNSjLpSsKP8NzAMre5h38nSYa5X2x8ohZcmiJsTczqzhYktStQUVBePEpSumQoe/Osz90h/lpuNx4g8g7c3FE1Fxy0G8oLDmA0xcE2kJV2QlG8M6X2jaipv4KUHrH3hY2mrCc8yy9PS09ZHG1IDhU3dpnzDM3gZAchB5CuMySwNIiyPV96aw5cdNT/D7fmGp/D6Qkg0M0tvmAgd0pUhCs5uY96K643wOD7LTvBwT1Im3/AcPr0SRLjWD/L2FHU+znmEv5lpwRgrzsgOTnwWn1mbZgI1WJ8qeQJvXQpjd4uP8H9urAYZADaG9+KATCFEDqY83zvyFt66FBazOyt4YY7YYaQHHpgDaP1j5V36P8B5Bp/bQMTOtMjjIseZOiCbdlmsmqvMO4bzHt5ZAQQ4hqOzd30B724K+AA+t5lgAODdFMAX8G4J4Bt4NwTwFbzTAvgO3kkBfAnvlAC+hXdCAF/D5yqA7+FzESAQ8JsVIDDwmxEgUPDZChA4+GwECCS8XQECC29HgEDD/0+AwMNnEiAU8FYChAbeTIBQwRsFCB28VoBQwgsBQgsvBAgtPNY/AQYA3OKHsg0F0YcAAAAASUVORK5CYII=)
    no-repeat;
}
.status-icon.hot,
.status-icon.id-154 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABBCAYAAABhNaJ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBMEJCNkZDNjhGOTExRTZBNjNCQkExNEZBODZCMjJDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBMEJCNkZENjhGOTExRTZBNjNCQkExNEZBODZCMjJDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkEwQkI2RkE2OEY5MTFFNkE2M0JCQTE0RkE4NkIyMkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkEwQkI2RkI2OEY5MTFFNkE2M0JCQTE0RkE4NkIyMkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Pcq2AAAADXUlEQVR42uSYS0hUURiAf6dIndQpHxA5TgRTSmDoJoMQXFSbHouyWhSku1oEYhBBJUK1Ct200EVgRAXV4EraFBREz41BCysGqhk1YcaJKfGRTXX/A+cyT507c173ngOXmXvmLu73nf/8/3+mZLyp9x9oPFwas8eNq9WlMXxHy8TAe5fO8DpugRR43QRkwOskICu8LgJywusgYEV4pwtYFV6ogLUet/m91FerBLwwAQjfONoLnvYmcm0P9PCUkDc8eTcRAv7E52GyPwC+gVPkPnT+LiyFotLhnZYDLMMLF4ArHxl5TiIBt4JseGFbgLzhi48pnygBhdB7GfDcBWCi23igBdZ5a2Du9WeIjY2T+ZmhpxkS6i8ehoSRK+hvIuBxlPD6QwRDHAHn3gYh8XMBPPuaYWFiCsJXHpkJcNPZvVDX3QF/fy0az8xDsGuYJExR8NwE4MpjqUsOcSyFDdeOg3uHFz4dGTRB8dmq9kaI3HspdOWZJEF8ed/1ExnzGPax0Xcp+xuBv5y7DUuTs7D5wiFzHqNBFnzRAvDl11SVw9abXSnzuOcTOUI5cusZVO7eJiXhcSmDuKo4kiX8NlZ5w/6dWZ9f/BYFV2VZSmssC55ZH5AuIXr/lREZbpLk0gfu9+WpmJVkxw2eaSM0fWMMKtr8RALCfe25QzI85oj1zT7yTPXBVqjpbINwX0AJeEtVgNb0bHUaf/OPnIHZwBsoN7I8jQqcb7h6DCp2+WF5+gcpdd8HH1tpfrjCW2qEyrbUkhVNbmTS4ek8RgFeKCF4esg8+Vk8AHGHt7QFcNWwrqMEDOVc8DjClx+Sek9zAoKrCG85B1AJ9X1Hoe7knqzwtOYHu4eh1Ftt7n8V4QvuBGmbG3/yAUKXHihxqhNaBWgkYH/P8FgrHL6oMkglMDrbS4Evug9gJEEaPJNGiErw9ncq095KOQ4jvCrtrZRW2I7wTAXYEV6GAKXgRQtQDl6kACXhRQlQFl6EAKXheQtQHp6nAFvA8xJgG3geAmwFz1qA7eBZCrAlPCsBtoVnIcDW8MUKsD18MQIcAV+oAMfAFyLAUfBWBTgO3ooAR8LnK8Cx8PkIcDT8agIcD7+SAC3gcwnQBj6bAK3g0wVoB58sQEt4KkBbeCpAW3gc/wUYAFvC/yVtLDuCAAAAAElFTkSuQmCC)
    no-repeat;
}
.status-icon.id-155,
.status-icon.project {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkQ0QkREQzIwMTQ5MTFFNzk5RUZFRDA3RDE1MEQ4ODciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REZFNzc0OEUwMTgyMTFFNzk5RUZFRDA3RDE1MEQ4ODciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRDRCRERDMDAxNDkxMUU3OTlFRkVEMDdEMTUwRDg4NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRDRCRERDMTAxNDkxMUU3OTlFRkVEMDdEMTUwRDg4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtTt0KUAAARkSURBVHja5JpNSFRRFMevUxAZmTFbB3KRGyV1qYvQapFgllC5KT8WhQYxCO36/toF4iqxhboptIVlgSGZrXTRwg8UwoKicVGBZAb2gVHvf+E87rz3Zrwz8+68+9678JjnzCj8/vec/znnXQv27+7+x0K8IiFmnzKuXZEQwze++9GzEQkzvJYpENsXNe9r68vc/vMTIryWAjQ0V7LBp52spaOG3e49lSRIjuuZcR0T4bEKdKwCvUNtfPc7mu6zxbkVt+BPGvB/tK8Ce4p3sorqEvZidI5dutmoFF7bCKAFASqqSlj78T4l8FpFAHL+fPch7gG07l1/zlMAnkAL35H0hS3htYkAABbtLWSJD6s8948cuMO+r/1MigQIg8+xJCJCCh5ru9fw2FHApoNCJKyvbbCi4kJ+7xa8FhEwuXCZXY0/ZtNTy0nvIxIaTlTyz9zMee08ALufKqePNlcphddCAJQ7pIF1Lc0mzLKoCt4TAaxu39/zipsbjFCMBBgf0kI0Q7fh8+4Botuj2cErmR91f9j5WGk06TNV8HkVADuKcCZTw/3LhSvsQc8kjwIyPjQ+iY+rbHx0Xjm8EgEQ2uVVMVu5gtvHW4fM3h7RgHt8D78jAew6vDIPwC46un1p1AaPSLjVezqTqc81eCWNEHYSF5kc7Szc/lz3YdbSXmPCkzBe7LzyKrA4u2K2sOT26982eBQg761uj7zPN7xyE0RYD4518t2mSCC3B7S1EuQbPi9VwEkEL9xeuQAwM+Q4gAGGMKf8BuzAWBe7Fh/J1O1HjOusKnisbdEdNTfc2OVHExfZ71+bbGkuweobyllb10H2/u0XLsbXz+tsxXiF2+MV70ush8Z1xoDfVBmhrkQAytr062WzoRFn+PamPtPg8DNEiLcN2aY/B/hWA/6v6gYt4sbul1fH2PDAjG2GRyUQBx2EP1IDpVAH+JwEwG7iwoMKLDyssK7hwZmkkRZiYRhCmugAn7UA1L2hhMHoEM5OT3DxPRKIm6FR9hApYqp4CZ+VB2DXa+vK+I4jl8VSByHEYQfOjw4wBbDn8FIRADjrQwmEtfgeTA5mBy948+kub3Yw6UEQneHTRgDAEdZ0PieOreTmTnUdn+F38b5Ee+spfMphSAxpHE+hf6cchwgEDRHEgcd6rzu8owAEDxCa2GiGBzBMDMaXTgS/wNsEIHgnp6ZDCZgftbiiCFQN/ARvM0HkLD+dqbOfy9PzOmteQwSJzk5LeMcqQKOpeB4HY0MDk+qQwq/waasACTD+ZJ63s2JPn8XSEn7LRggioLbn+I8K2sJLdYIUCVme0WsNL9UJOnlCUOClhyHx9CZI8BkPQ/S4KyjwGY/DEvD9foJ35YmQsJAnnX6Cd1MAwF8w4H33n+eRMMO7IYCv4XMVwPfwuQgQCPhsBQgMfDYCBAo+UwECB5+JAIGElxUgsPAyAgQafisBAg+fToBQwKcSIDTwTgKECt4qQOjgRQFCCU8ChBYe678AAwBwThFCi/9RKAAAAABJRU5ErkJggg==)
    no-repeat;
}
.status-icon.end-of-life,
.status-icon.id-4520 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABBCAYAAABhNaJ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYwMjAxRERFNjhGOTExRTY5OTA3QjdEMDQ2NDBEOUZCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYwMjAxRERGNjhGOTExRTY5OTA3QjdEMDQ2NDBEOUZCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjAyMDFEREM2OEY5MTFFNjk5MDdCN0QwNDY0MEQ5RkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjAyMDFEREQ2OEY5MTFFNjk5MDdCN0QwNDY0MEQ5RkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6xLeZAAAAEW0lEQVR42uSY7UsUURTGr7Kz4Aq1QoYvpBaaZWmuqNUiZFCfgug/jaBvBVmIVIollOUq5Vq+oIa7gSvsLNR9bp1hdtzZN+feOy8HxGXVdX7POec5596Wp8+e/2ERjtYIs+f5V6o1wvCzTx4/+qhcgNT4mG/glbcA4I+PC76B1+YBvb097OrQoHZ45QJkMhusv/8SGxq8wjLrG9rhlQtQLJksn8szwzBEFeiGR8RUPUV7IsGOCwX2fmlZvE6nb4v3t7d3tMErE2AmfYe1JdpYnGd+feObKP+FhXeyRagJr0SA6ckJ9pMDbma3WEcyyW6MXOMtEGOfV79aIhSLRXZwcKgcXroHADgejwt4xFEux+YX3rKenm7xM7QERNAFr8QEUfrO2NnZZZ2dF8RriKALXroAyLhpmqdmPmVfR89L8QBk062MFxeXRZ8nz59jufxv1t6ekGF8TcF7UgEYaeO3Rl3nOjL94uUr8R0iYBWGD/gB3pMKICOrNdLg+rpGnXQPoOyPj930zYanrAIw1xFLSx9YjM93tIMfNjxlFYCZjvKG48MI0Q4j14dlVoJn8J61gBE3yjwhm/0h2oFmvV/hPREAS01qbLRcEN4K2Pl1bnj1Rkujt8LoecosZjwyjsMO4jtfeTEWcebH6KtmmrgT+CfgXj13A1LgG64AbHTY7edez7PNzS0x+gCMub7Ps93b3SUWnbk381WXpsv9fUK8lZVP3EO6at0OSYOvOgXIxMjN8eBYZFDaCBxwzFJJiADjc8siKgZZhkkiAL/Gf1csRh1JVjJLvHKybtukVHjXCgA8nDx3lLPeu8gfEA+JUUcBcVa/rFmV4IwBDov3CZ4CVYT/ATFQPfGYYY1TlfAVK4DgkVX7gYU2uWFervZMQQSc56sdbiACAHEbtL27Jz7/pHBircQQBJWgGv5UBbjBU3Zo3pPpUThLF6c9ahPAzd6bsQSEYJgcqCRUCL4mJ1OiLVTDnxIAJXl4+KsM3gnrJoIdPn132toNUB15fgocGOgr+wx4Cdqqg/sAtsj/IiqFrzgGAQZAPKT9daWJ4DQ+uvgEPPrafuFR7bN0ZN7VBNGXyOLDB/fFaLM/MABRzgB0wsMgyQzNoinem5qasMyRPreC2WmDd50CeFiYlGFzfLrKRukSoNMHaCJQ5jHrK4ngmPva4GtuglS2tPQAsNYpzz7e7MLZjZVaRTd8zU2QMoayrweeXB4rMZkkQJ27gl/g67oPgAjV7vzcRDBiMSEC/r6CcL6Ar/ss0MypDjuAfVxCBD9l3tP7ALfABNkvF89X8NIFQGQ0bXi+EcDP8KoE8C28CgF8DS9bAN/DyxQgEPCyBAgMvAwBAgXvtQCBg/dSgEDCeyVAYOG9ECDQ8GcVIPDwZxEgFPDNChAa+GYECBV8owKEDr4RAUIJX68AoYWvR4BQw9cSIPTw1QSIBLybAJGBryRApOCdAkQO3i5AJOFJgMjCkwCRhUf8FWAAxwe8MTrBlrIAAAAASUVORK5CYII=)
    no-repeat;
}
.status-icon.id-156,
.status-icon.out-of-stock {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAAAXNSR0IArs4c6QAABz9JREFUeAHlmvlTE0kUx18OziRAuC8X8OBWTlFAd/+A/WFr/yP9iyyrdqu2tvZQ5BIQBVSOcBguORRIcLkSwr5vxxkTSCaZMCM5XhXJTE+n573PdL+jB8OTp7+dUUqL4bExpe0nw+Nff/n5ke4QSktL4pSzHwCU0xVC7a2bVFlRHocQvgHQHUJpSTGtra1TXm4uFRTkxwmMYAC6Q3Aur9Dt5kZqb2uho6OjOIBwEQCUMuup2e7eHhmNJjLxXXy+qw5CoQHAfl19wuHBIfX1D5LTuUIPeu9TVlaWnswVxg4PQDcINquVbt6ooWL2CVgGc475KwShDEAXCBXlZXS3s53S0tLoxvVq+ulhL2VmZASBSE9PV3hqWl6KDEBzCCaTiRob6unFwBBNz8xR34tBgl/o6GgTlmFGTE29o5OTEy0tDTNWdAA0h2CxZAsDPR6PrNjE5FuyWS2UnZ0t2jY2t+Rr+h1EDwA6aOoYv3z5j6xscF5ermzf2dkZ+4Vj+Vz/A3UAoI+mEHw+H719N03d9+5SCTtFg8FA12uq6fj4mA4ODsLan5mZGfaaugvqAWD8mPIEpMMbm5tkNBjJZrPSyuqarCsSJI/XS81NDZTJvmDj4waNvXotX8cBfMfp6aloM5vN1N56hwaHR4L6qD+JDQDuExMEhL3e7nv8hE/o5ejYBX3X1z8S/kJJcXERNTXW08DgMPsPDyFSGIyGUF1VtMUOADeJaTns7O6R13tKGRnp4qmq0Ja2trZpe/sT9fbcZwBpZDabeJwMKsi3i+WjZix/38sBwBgGtZsqOTk24ehMJiMVFRb6n+rQS3K791Xpj+VSVFRIMxxKG+rryHvq5aVlo10G/OnTZ/rgdIqZojzo5QFgfNXLoeqHa2S359Hg0Agtr6wKHbE0Xr2eIHteHh0eHsrtSgbAgQJEe3srLS056f30DM8KMxVytYlwiqWiLNoAwD1UQ5h6+57a2JH1dHfJILzs5FruNNPenovmFxbC6n6tsoIa2R+ccTE1PDIqIgk6o+TG72B4dHmEdgBw/6iWA/YDTjgBCgxz7a0tZLVZBAgvR4NIks9r/nZTI70cGSOExD2XS/6JtDRe9A+xr4k0lrYAoERYx4gYLwkMQBUoZX1ofz0xSdlcFWJGIORFEswCx8IiHXHOIAFAnVHOf1gas7OOKwEAvYOWAwyvq71J1VVVwvMj74fjWlz6wPsCRgGif2BYnhEul5tW19flmK8EAtEEMyowdMIHwDmKkMr5hLJoPwOk+wVB6GQnxXGK9wAGRAjE/mDX3Q6a5cLH4fCv9Ye93WIWwAke8H7Bysq3REkaNNS3c3lZVJSfd3Zo82v9gGWxv/8lVPdzbfoBwI1kCHgiFouFnvX1ywpgBkBpGO527bPzWhQp8J3mJlZ+n8Y5IoST8rJSET6RDG1sbNIkO9RX42+oo61VjElcU6Dcjpwp6gsA+suOsb7ulkiD38/MXrALYfHG9Rr651nfhWuhGgoLC7ikrqPR0XHysbHYZ8zhHACAYXgJZ41wtICjLPoDwP1lx4jwZOEKMJSsrq2J6hAZXjRSXfUDTU/P0SGn1yieUDsg1cYmC86RX8QLANgjQ0B8xhPCWj8v/DB59p6RxxM6fCF7hMB5SpKVFVwZLjmXKZcdY3TyfWaApIusNXIA7Abd6+oQXlzqgO+G+lp+f/BRgAhsxzHC3IOebkJhhMwRssyVZFNjA88eqzjHh50BuAJyA/nChYPvCwC3lx0jThYWl8jITxU5wRpXgW63W9QH6VwoIU0OJeiHKII9hGfP/U51iwskx/wC/fiwh1Y5eqSlmcVO8wDXGMry/QFAH9kxBiqHIqm8rIwzuwxR0GCPIFBqqqtE1YdqEhEEYdTHqTOiCwyVsj6MU1xUJOoJwFKWqwEAnUJCCKcs1vz9rk6xaYKSGMnVB17rkqCmQBSQQODYzaE0slwdAOimCgJyfICY5B3jcNLaclu8d0QxZeK+I2Pj4bp+bb9aAFAiyCdE0JauVVbS3/8+l7vl5uZQE2+xo7bARgmSpzcTU9yvQqTdi1wiK8vVA4B+cnRQVtZ/Fe8LKirKRMKDiIHdoa3tbfGeAZkhIgIEe47zC0v8/tHn/2HIz/gAANVUzQRUjl2dHYS0Gfk/ooFUXqO+aKirDWnuxcb4AaAaws7OLv3x519k5tIZGymBgo0RhMbIEl8AoK+q5SAZCAAog+ELkErj1Vu+3U6zcw6pS5jv+AMARVUth0DLsBeIkGjifz5YZR+A94+J4gMC7cCxqhB5/sfRn8fnDJD0j2k5SD+O7ju+AcAGnSHEPwCdISQGAB0hJA4AnSAkFgAdICQeAI0hJCYADSEkLgCNICQ2AA0gJD6AS0JIDgCXgJA8AGKEkFwAYoCQfABUQkhOACogJC+AKCEkN4AoICQ/gAgQUgOAAoTUARAGQmoBCAEh9QCcg5CaAAIgpC4AQKAnT39/JA5S+ON/f+kOHPQ0GMsAAAAASUVORK5CYII=)
    no-repeat;
}
.site-12 .status-icon.id-152,
.site-12 .status-icon.new {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjU5RUU3QTcwRjhEMTFFN0JCNDc5Mzk2OTBDRjM4NDIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjU5RUU3QTYwRjhEMTFFN0JCNDc5Mzk2OTBDRjM4NDIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDA2NDk3NkQ2OUMyMTFFNjlBMDlDRTc4Nzg0RjRDOEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDA2NDk3NkU2OUMyMTFFNjlBMDlDRTc4Nzg0RjRDOEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5y9wDHAAAGFElEQVR42mL0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);
}
.site-12 .status-icon.coming-soon,
.site-12 .status-icon.id-153 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABBCAYAAAEWMpLtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkM1QjE4MTYwRjhEMTFFN0FEREFDREU2MzU3MUY5M0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkM1QjE4MTUwRjhEMTFFN0FEREFDREU2MzU3MUY5M0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTQ0QTRFRDQ2OEY5MTFFNjhBREJCNkMyNDdCNzM5QkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ0QTRFRDU2OEY5MTFFNjhBREJCNkMyNDdCNzM5QkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5bSs8bAAAGeElEQVR42mL8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);
}
.padding-top-nav {
  padding-top: 60px;
}
.scroll-to-top {
  position: fixed;
  z-index: 99;
  right: 10px;
  bottom: 120px;
  display: none;
  width: 38px;
  height: 38px;
  overflow: hidden;
  background: url(https://www.tp-link.com/res/style/images/icon-top-2.png)
    no-repeat;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .scroll-to-top {
    display: none !important;
  }
}
.fixed-nav-to-top {
  position: fixed;
  top: 85px;
  left: 0;
  z-index: 20;
  width: 100%;
  display: none;
}
.fixed-nav-to-top .container {
  padding-top: 15px;
}
.site-top-nav-box {
  position: relative;
}
.site-top-nav-box.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
}
.cxtLightBox .bgBox,
.lightbox-gallery .bgBox {
  background-color: #000;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.cxtLightBox .contentBox,
.lightbox-gallery .contentBox {
  overflow: hidden;
}
.lightbox-gallery .contentBox {
  background-color: #fff;
  position: relative;
}
.lightbox-gallery .contentBox .utils {
  position: absolute;
  top: 12px;
  right: 0;
  width: 100%;
  text-align: right;
  line-height: 30px;
  white-space: nowrap;
}
.lightbox-gallery .contentBox .utils .close {
  float: right;
  width: 30px;
  height: 30px;
  overflow: hidden;
  background: url(https://www.tp-link.com/res/style/images/close.png) no-repeat;
  line-height: 500px;
  margin-left: 60px;
  margin-right: 30px;
}
.lightbox-gallery .contentBox .utils .close:hover {
  background-position: -30px 0;
}
.lightbox-gallery .contentBox .utils .download {
  float: right;
  width: 12px;
  height: 13px;
  overflow: hidden;
  margin-top: 8px;
  line-height: 500px;
  margin-left: 14px;
  background: url(https://www.tp-link.com/res/style/images/sprites.png) -125px -200px
    no-repeat;
}
.lightbox-gallery .contentBox .utils .download:hover {
  background-position: -137px -200px;
}
.lightbox-gallery .contentBox .utils .count,
.lightbox-gallery .contentBox .utils .index {
  font-style: normal;
}
.lightbox-gallery .contentBox .content,
.lightbox-gallery .contentBox .content .inner-box {
  padding: 0;
  position: static;
  display: block;
  text-align: center;
}
.lightbox-gallery .contentBox .content {
  padding: 40px 20px 30px;
}
.lightbox-gallery .contentBox .content .inner-box {
  overflow: hidden;
}
.lightbox-gallery .contentBox .content img {
  display: block;
  margin: 0 auto;
}
.lightbox-gallery .contentBox .page-nav {
  position: absolute;
  left: 0;
  top: 45%;
  width: 100%;
  height: 50px;
}
.lightbox-gallery .contentBox .page-nav a {
  position: absolute;
  left: 30px;
  width: 20px;
  height: 100%;
  overflow: hidden;
  text-indent: 100px;
  border: none;
  outline: 0;
  background: url(https://www.tp-link.com/res/style/images/sprites.png) -89px 0
    no-repeat;
}
.lightbox-gallery .contentBox .page-nav .prev {
  background-position: -179px 0;
}
.lightbox-gallery .contentBox .page-nav .prev:hover {
  background-position: -149px 0;
}
.lightbox-gallery .contentBox .page-nav .next {
  left: auto;
  right: 30px;
}
.lightbox-gallery .contentBox .page-nav .next:hover {
  background-position: -119px 0;
}
.lightbox-gallery.video .contentBox {
  overflow: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=5)";
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=5);
  -webkit-box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
}
.lightbox-gallery.video .contentBox .utils {
  top: -10px;
  right: -10px;
}
.lightbox-gallery.video .contentBox .utils .close {
  width: 30px;
  height: 30px;
  margin-right: 0;
  background-position: 0 50%;
}
.lightbox-gallery.video .contentBox .utils .close:hover {
  background-position: -30px 50%;
}
.lightbox-gallery.video .contentBox .content {
  padding: 0;
  height: 100%;
  overflow: auto;
}
.lightbox-gallery.video .contentBox .content .inner-box {
  padding: 15px;
}
.product-info {
  padding-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  color: #323232;
}
.product-info .h2-box {
  background-color: #f0f2f8;
  width: 100%;
}
.product-info .overview {
  color: #32343a;
  font-weight: 300;
}
.product-info .overview .h2-box {
  display: none;
}
.product-info .overview.default {
  padding-top: 20px;
  padding-bottom: 50px;
}
.product-info .overview.default .container > div,
.product-info .overview.default h3,
.product-info .overview.default p {
  margin-bottom: 20px;
  font-size: 16px;
}
.product-info .overview.default h3 {
  margin-top: 35px;
  line-height: 1;
  font-weight: 700;
  font-size: 30px;
}
.overview-content {
  font-size: 18px;
}
.product-info .specifications .container {
  padding-top: 30px;
}
.product-info .specifications table {
  width: 99%;
  overflow: hidden;
  float: none;
  margin: 0 auto 30px;
}
.product-info .specifications td,
.product-info .specifications th {
  color: #505258;
  padding: 10px 50px;
  font-size: 16px;
  border: 1px solid #e6e8ee;
}
.product-info .specifications th {
  padding-left: 120px;
  font-weight: 400;
  border-left: none;
  border-right: none;
}
.product-info .specifications .go-to-support {
  margin: 50px 120px;
  font-size: 18px;
}
.product-info .specifications .go-to-support a {
  color: #4acbd6;
  text-decoration: none;
}
.product-info .specifications .go-to-support a:hover {
  text-decoration: underline;
}
@media (max-width: 736px) {
  .product-info .specifications .go-to-support {
    display: none;
  }
}
.product-info .features .container {
  padding: 30px 0;
}
.product-info .features li,
.product-info .features ol,
.product-info .features ul {
  float: none;
  border: none;
}
.product-info .features li {
  width: auto;
  height: auto;
  overflow: visible;
  margin-bottom: 5px;
}
.product-info .features ol,
.product-info .features ul {
  margin-bottom: 1em;
  padding-left: 2em;
}
.product-info .features ul li {
  list-style: disc;
}
.product-info .features ol li {
  list-style: decimal;
}
.product-info .specifications td {
  padding-right: 120px;
  border-right: none;
}
.product-info .specifications thead th {
  font-weight: 400;
  border-top: none;
  text-transform: uppercase;
  font-size: 18px;
  color: #32343a;
}
.product-info .reviews-awards .container {
  padding: 30px 0 60px;
}
.product-info .reviews-awards dd .title,
.product-info .reviews-awards dd .title a,
.product-info .reviews-awards dt {
  font-size: 21px;
  color: #141414;
  font-weight: 300;
  line-height: 1em;
}
.product-info .reviews-awards dt {
  border-bottom: 1px #dcdee4 solid;
  padding: 30px 120px 10px;
}
.product-info .reviews-awards dd {
  padding-right: 120px;
  padding-left: 120px;
  line-height: 1.4em;
  color: #323232;
  padding-top: 30px;
}
.product-info .reviews-awards dd li {
  width: 100%;
  margin-bottom: 25px;
  overflow: hidden;
}
.product-info .reviews-awards dd .logo {
  position: static;
  float: left;
  width: 14.58333333333333%;
  height: auto;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background: 0 0;
}
.product-info .reviews-awards dd .logo a {
  display: block;
  text-align: center;
  padding: 0;
}
.product-info .reviews-awards dd .logo img {
  display: block;
  margin: 0 auto;
}
.product-info .reviews-awards .awards dd {
  padding-top: 0;
}
.product-info .reviews-awards .awards dd ul {
  padding-top: 25px;
}
.product-info .reviews-awards .awards li {
  float: left;
  width: 50%;
  overflow: hidden;
}
.product-info .reviews-awards .awards dd .logo {
  height: 118px;
  padding: 0;
  margin: 0;
  background: 0 0;
  width: 24.58333333333333%;
}
.product-info .reviews-awards .awards dd .logo a {
  width: 116px;
  height: 116px;
  overflow: visible;
  max-width: 100%;
}
.product-info .reviews-awards dd .text {
  overflow: hidden;
  margin-left: 16.66666666666667%;
}
.product-info .reviews-awards dd .text a {
  color: #141414;
}
.product-info .reviews-awards .awards dd .text {
  width: 64.58333333333333%;
  padding-top: 10px;
  margin-left: 29.58333333333333%;
}
.product-info .reviews-awards .reviews dd .text {
  width: 83.33333333333333%;
}
.product-info .reviews-awards dd .name {
  line-height: 1;
  margin-bottom: 20px;
  font-size: 18px;
  color: #141414;
  font-weight: 400;
}
.product-info .reviews-awards dd .date {
  padding-top: 10px;
  font-weight: 700;
}
.product-info .reviews-awards dd .title {
  margin-bottom: 10px;
  border: none;
  padding: 0;
}
.product-info .reviews-awards dd .title a {
  display: inline;
  border: none;
  padding: 0;
}
.product-info .related-products .col a,
.product-info .related-products .col b,
.product-info .related-products .col em,
.product-info .related-products .col img,
.product-info .related-products .col strong,
.width-960px {
  display: block;
}
.product-info .features h2.container,
.product-info .reviews-awards h2.container,
.product-info .specifications h2.container,
.product-info h2.container {
  padding-top: 20px;
  padding-bottom: 15px;
  line-height: 1;
}
.product-info .resource .container {
  padding-top: 30px;
  line-height: 1.2;
}
.product-info .resource,
.product-info .resource a {
  color: #505258;
  font-weight: 400;
  text-decoration: none;
}
.product-info .resource .col {
  width: 25%;
  overflow: hidden;
  padding-left: 40px;
  padding-top: 20px;
  border-left: 1px #e6e8ee solid;
}
.product-info .resource .col:first-child {
  padding-left: 0;
  border-left: none;
}
.product-info .resource .h2-box .container {
  padding-top: 20px;
  line-height: 1;
}
.product-info .resource h3 {
  font-size: 21px;
  color: #32343a;
  margin-bottom: 10px;
}
.product-info .resource .col dl {
  margin-bottom: 20px;
}
.product-info .resource .col dt {
  font-weight: 700;
}
.product-info .resource .col dd li,
.product-info .resource .col dt {
  margin-top: 7px;
}
.product-info .resource .col dd li a {
  padding-right: 22px;
  background: url(https://www.tp-link.com/res/style/images/icon-download.gif)
    100% 3px no-repeat;
}
.product-info .related-products {
  padding-bottom: 60px;
}
.product-info .related-products .h2-box {
  background: 0 0;
}
.product-info .related-products h2 {
  padding-top: 60px;
  font-size: 24px;
  font-weight: 400;
}
.product-info .related-products h2 a {
  color: #323232;
  text-decoration: none;
}
.product-info .related-products h2 .dash {
  position: relative;
  top: 0.5em;
  float: left;
  width: 13px;
  height: 0;
  margin-right: 12px;
  margin-left: 30px;
}
.product-info .related-products .col {
  background: url(https://www.tp-link.com/res/style/images/v-line-gradiant.png)
    0 50% no-repeat;
}
.product-info .related-products .col:nth-child(3n + 1) {
  background: 0 0;
}
.product-info .related-products .col a {
  padding: 55px;
  font-size: 18px;
  line-height: 1;
  color: #32343a;
  text-decoration: none !important;
}
.switches-cat-list a,
dl.hardware-version a {
  text-decoration: none;
}
.product-info .related-products .col em {
  margin-top: 10px;
  font-size: 16px;
}
.product-info .related-products .col strong {
  margin-top: 30px;
}
.product-info .related-products .col img {
  position: absolute !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: auto !important;
}
.product-info .highlights-note {
  padding-top: 1.5em;
  padding-bottom: 0.9em;
  font-size: 14px;
  color: #32343a;
  font-weight: 300;
}
.product-info .highlights-note ol,
.product-info .highlights-note ul {
  padding-left: 1.5em;
}
.product-info .highlights-note ul li {
  list-style: disc;
}
.product-info .highlights-note ol li {
  list-style: decimal;
}
.product-info .highlights-note li {
  margin-bottom: 0.6em;
}
.product-info .support {
  height: 0;
  overflow: hidden;
}
.product-info .support div.container {
  padding: 30px 0 0;
}
.switches-cat-list {
  color: #221815;
  font-weight: 400;
  font-size: 14px;
}
.switches-cat-list .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.switches-cat-list .row {
  padding: 60px 110px 0 68px;
}
.switches-cat-list .line {
  padding-bottom: 34px;
  background: url(https://www.tp-link.com/res/style/images/switches_line.jpg)
    50% 100% no-repeat;
}
.switches-cat-list .image {
  float: left;
  padding-right: 35px;
}
.switches-cat-list .right .image {
  float: right;
  padding-left: 70px;
}
.switches-cat-list .right {
  padding-left: 110px;
}
.switches-cat-list h2 {
  margin-bottom: 10px;
  line-height: 1;
  font-size: 25px;
  font-weight: 400;
  color: #4acbd6;
}
.switches-cat-list a {
  color: #4acbd6;
}
.product-details-page .page-position {
  color: #aaa !important;
}
.product-details-page .page-position a {
  color: #a0a2a8 !important;
}
.details-page .header {
  position: relative;
}
.bg-gray {
  background-color: #f0f2f8;
}
.font-size-small {
  font-size: 80%;
}
.line-height-1 {
  line-height: 1;
}
.line-height-1-2 {
  line-height: 1.2;
}
.line-height-1-3 {
  line-height: 1.3;
}
.line-height-1-4 {
  line-height: 1.4;
}
.line-height-1-5 {
  line-height: 1.5;
}
.line-height-1-6 {
  line-height: 1.6;
}
.margin-bottom-1em,
.margin-top-1em {
  margin-top: 1em;
}
.row .col-span-1 {
  width: 8.333333333333333%;
}
.row .col-span-2 {
  width: 16.66666666666667%;
}
.row .col-span-2-4 {
  width: 20%;
}
.row .col-span-3 {
  width: 25%;
}
.row .col-span-4 {
  width: 33.33333333333333%;
}
.row .col-span-5 {
  width: 41.66666666666667%;
}
.row .col-span-6 {
  width: 50%;
}
.row .col-span-7 {
  width: 58.33333333333333%;
}
.row .col-span-8 {
  width: 66.66666666666667%;
}
.row .col-span-9 {
  width: 75%;
}
.row .col-span-10 {
  width: 83.33333333333333%;
}
.row .col-span-11 {
  width: 91.66666666666667%;
}
.table {
  display: table;
}
.table .row {
  display: table-row;
  vertical-align: middle;
}
.table .row .col {
  display: table-cell;
}
.sibling-menu-list {
  position: absolute;
  left: 0;
  top: 1em;
  display: none;
  padding-top: 5px;
}
.page-position .first .sibling-menu-list {
  left: -10px;
}
.sibling-menu-list ul {
  margin: 0;
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #ccc;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=3)";
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3);
  -webkit-box-shadow: 0 0 3px #ccc;
  -moz-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
}
.sibling-menu-list li,
.sibling-menu-list li a {
  color: #999 !important;
}
.sibling-menu-list li {
  float: none;
  padding: 5px 0;
  background: 0 0;
  border: none;
  margin: 0;
}
dl.hardware-version {
  padding: 0 40px 0 20px;
  font-size: 16px;
  line-height: 1;
  text-align: left;
}
dl.hardware-version dt {
  margin-bottom: 7px;
  font-size: 20px;
  color: #000;
}
dl.hardware-version li {
  margin-left: 1em;
  margin-bottom: 5px;
  list-style: disc;
}
dl.hardware-version li.not-clear {
  display: none;
}
dl.hardware-version .how-to-find-hv {
  margin-top: 10px;
  font-size: 13px;
}
dl.hardware-version .how-to-find-hv li {
  margin-left: 0;
  padding-left: 14px;
  list-style: none;
  background: url(https://www.tp-link.com/res/style/images/support-center_list_bg.gif)
    0 1px no-repeat;
}
dl.hardware-version .how-to-find-hv a {
  color: #666;
}
.lightbox-gallery.hardware-version .contentBox .utils .close {
  margin: 10px;
}
.lightbox-gallery.hardware-version .contentBox .utils {
  top: 0;
}
.slider .prev-next {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 10;
}
.slider .prev-next .container,
.slider .prev-next a,
.slider .prev-next li {
  display: block;
  height: 100%;
}
.slider .prev-next li {
  position: relative;
  top: -35px;
  left: -5.75%;
  width: 36px;
  height: 69px;
  float: left;
}
.slider .prev-next li a {
  width: 100%;
  overflow: hidden;
  text-indent: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(https://www.tp-link.com/res/style/images/banner-prev.png);
}
.slider .prev-next .next {
  left: auto;
  right: -5.75%;
  float: right;
}
.slider .prev-next .next a {
  background-image: url(https://www.tp-link.com/res/style/images/banner-next.png);
}
@media (max-width: 1330px) {
  .slider .prev-next .next,
  .slider .prev-next .prev {
    left: auto;
    right: auto;
  }
}
.icon-home {
  display: block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  text-indent: 100px;
  background: url(https://www.tp-link.com/res/style/images/icon-home.png)
    no-repeat;
}
.round-button {
  float: left;
  padding: 8px 12px;
  overflow: hidden;
  margin-right: 10px;
  line-height: 1;
  font-size: 16px;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-shadow: 0 1px 0 #000;
  filter: shadow(Color=#000, Direction=180, Strength=1);
  background-color: #0090ef;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#00a5ef), to(#0082ef));
  background: -webkit-linear-gradient(top, #00a5ef, #0082ef);
  background: -moz-linear-gradient(top, #00a5ef, #0093ef, #0082ef);
  background: -o-linear-gradient(top, #00a5ef, #0093ef, #0082ef);
  background: -ms-linear-gradient(top, #00a5ef, #0093ef, #0082ef);
  filter: alpha(
      opacity=100 finishopacity=100 style=1 startx=0,
      starty=0,
      finishx=0,
      finishy=150
    )
    progid: DXImageTransform.Microsoft.gradient(
      startcolorstr=#00a5ef,
      endcolorstr=#0082ef,
      gradientType=0
    );
  -ms-filter: alpha(
      opacity=100 finishopacity=100 style=1 startx=0,
      starty=0,
      finishx=0,
      finishy=150
    )
    progid: DXImageTransform.Microsoft.gradient(
      startcolorstr=#00a5ef,
      endcolorstr=#0082ef,
      gradientType=0
    );
}
.round-button span {
  float: left;
  line-height: 35px;
  padding: 0 10px;
  font-size: 15px;
}
.round-button,
.round-button span,
.round-button:hover {
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 700;
  font-weight: 300;
}
.round-button.gray {
  background-image: url(https://www.tp-link.com/res/style/images.round-button_bg_gray.gif);
  color: #666 !important;
  background-color: #f5f7fd;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f7fd), to(#cfd1d7));
  background: -webkit-linear-gradient(top, #f5f7fd, #cfd1d7);
  background: -moz-linear-gradient(top, #f5f7fd, #eef0f6, #cfd1d7);
  background: -o-linear-gradient(top, #f5f7fd, #eef0f6, #cfd1d7);
  background: -ms-linear-gradient(top, #f5f7fd, #eef0f6, #cfd1d7);
  filter: alpha(
      opacity=100 finishopacity=100 style=1 startx=0,
      starty=0,
      finishx=0,
      finishy=150
    )
    progid: DXImageTransform.Microsoft.gradient(
      startcolorstr=#f5f7fd,
      endcolorstr=#cfd1d7,
      gradientType=0
    );
  -ms-filter: alpha(
      opacity=100 finishopacity=100 style=1 startx=0,
      starty=0,
      finishx=0,
      finishy=150
    )
    progid: DXImageTransform.Microsoft.gradient(
      startcolorstr=#00a5ef,
      endcolorstr=#cfd1d7,
      gradientType=0
    );
}
button.round-button {
  float: none;
  margin-right: 0;
}
button.go {
  margin-left: 0;
  font-weight: 700;
  font-size: 18px;
  text-shadow: 1px 1px 1px #0074b1;
}
.product-cat-box select {
  border-color: #c8cad0;
  outline: 0;
  -webkit-appearance: none;
  background: url(https://www.tp-link.com/res/style/images/subject-active.png)
    95% 50% no-repeat;
}
.search-box.global-search .search-form .button button {
  text-indent: 0\9;
  filter: alpha(opacity=0) \9;
  line-height: 1\9;
  padding: 0\9;
}
.product-info .emulators table {
  width: 99%;
  margin: 40px auto auto;
}
.product-info .emulators table td,
.product-info .emulators table th {
  text-align: center;
  border-width: 1px 0;
  border-color: #dcdee4;
  border-style: solid;
  padding: 8px 18px;
}
.product-info .emulators table th {
  border-top-width: 0;
  font-size: 1.3em;
  font-weight: 300;
  color: #4acbd6;
}
.product-info .emulators table .name a {
  color: #4acbd6;
  background: 0 0;
  text-decoration: none;
  padding-right: 0;
}
.overview-slider {
  display: none;
}
@media screen and (max-width: 736px) {
  .overview-slider {
    display: block;
  }
}
@media screen and (max-width: 1440px) {
  .container,
  .wrapper {
    max-width: 1024px;
    min-width: 960px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 1.5dppx),
  (min-resolution: 144dpi) {
  .logo {
    background-image: url(https://www.tp-link.com/res/style/images/tp-link_logo-new-2X.png);
    background-size: 105px 40px;
  }
}
@media screen and (min-width: 320px) and (max-width: 736px) {
  * {
    -webkit-tap-highlight-color: transparent;
  }
  body,
  body > .page-content-wrapper,
  html {
    min-width: 320px;
  }
  .container,
  .wrapper {
    width: auto;
    min-width: 320px;
    max-width: 736px;
  }
  .logo {
    background-size: 100% auto;
    width: 80px;
    height: 31px;
    background-image: url(https://www.tp-link.com/res/style/images/tp-link_logo-new-2X.png);
  }
  .row .col-span-4 {
    width: 100%;
  }
  .slider .default-content-box {
    height: auto;
  }
  .spotlight .row .col-span-4,
  .spotlight .row .col-span-6 {
    width: 100%;
    margin: 0 0 5px;
  }
  .spotlight .row {
    margin-bottom: 5px;
  }
  .product-info {
    font-weight: 300;
  }
  .product-info .h2-box,
  .product-info .overview .h2-box {
    border-top: 1px #c8cad0 solid;
    display: block !important;
  }
  .product-info .related-products h2,
  .product-info h2 {
    font-size: 18px;
    font-weight: 400;
    padding: 0;
  }
  .product-info h2 a {
    text-decoration: none;
    display: block;
    padding: 15px 20px;
    color: #32343a;
  }
  .product-info h2 a:after {
    display: block;
    content: ">";
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 14px;
  }
  .product-info .visible h2 a:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
  }
  .product-info .features h2.container,
  .product-info .reviews-awards h2.container,
  .product-info .specifications h2.container,
  .product-info h2.container {
    padding: 0;
  }
  .product-info > div {
    display: block !important;
  }
  .product-info .highlights-note {
    display: none !important;
  }
  .product-info .features .container,
  .product-info .reviews-awards .container {
    padding: 30px 20px 30px 10px;
  }
  .product-info .specifications .container {
    padding-top: 0;
  }
  .product-info .emulators > .container,
  .product-info .features > .container,
  .product-info .overview > .overview-content,
  .product-info .related-products > .container,
  .product-info .reviews-awards > .container,
  .product-info .solutions-cases > .container,
  .product-info .specifications > .container,
  .product-info .tp-link-mesh > .mesh {
    display: none;
  }
  .product-info .emulators.visible > .container,
  .product-info .features.visible > .container,
  .product-info .overview.visible > .overview-content,
  .product-info .related-products.visible > .container,
  .product-info .reviews-awards.visible > .container,
  .product-info .solutions-cases.visible > .container,
  .product-info .specifications table thead,
  .product-info .specifications.visible > .container,
  .product-info .tp-link-mesh.visible > .mesh {
    display: block;
  }
  .product-info .specifications table {
    width: auto;
    margin-bottom: 0;
    text-align: left;
    display: block;
  }
  .product-info .specifications td,
  .product-info .specifications th {
    border: none;
  }
  .product-info .specifications td {
    padding-left: 40px;
    padding-right: 0;
    color: #505258;
  }
  .product-info .specifications tbody th {
    padding-left: 20px;
    color: #27282d;
    font-size: 16px;
  }
  .product-info .specifications table tbody {
    padding: 0 20px;
    display: none;
  }
  .product-info .specifications table tbody.visible {
    display: block;
  }
  .mobile-web .product-info .specifications th,
  .mobile-web .product-info .specifications tr,
  .product-info .specifications td {
    display: block;
    width: auto;
  }
  .product-info .specifications thead th {
    padding: 10px 20px;
    border-bottom: 1px #e6e8ee solid;
  }
  .product-info .specifications table:last-child thead th {
    border-bottom: none;
  }
  .product-info .specifications thead th a {
    display: block;
    cursor: pointer;
  }
  .product-info .reviews-awards .awards dd,
  .product-info .reviews-awards dd,
  .product-info .reviews-awards dt {
    padding: 10px 20px;
  }
  .product-info .reviews-awards .awards dd ul {
    padding-top: 0;
  }
  .product-info .reviews-awards dd li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #e6e8ee solid;
  }
  .product-info .reviews-awards .awards li {
    width: auto;
    float: none;
  }
  .product-info .reviews-awards dd .logo {
    width: 24.58333333333333%;
  }
  .product-info .reviews-awards .reviews dd .text {
    width: 69.583333%;
  }
  .product-info .reviews-awards .awards dd .logo {
    height: 95px;
  }
  .product-info .reviews-awards .awards dd .text {
    margin-right: 0;
    padding-top: 0;
    width: 69.583333%;
  }
  .product-info .related-products {
    padding-bottom: 0;
  }
  .product-info .related-products .col {
    width: 100%;
  }
  .product-info .related-products .h2-box {
    background-color: #f0f2f8;
  }
  .product-info .related-products .col a {
    padding: 30px 20px 0;
    font-size: 16px;
    overflow: hidden;
    border-top: 1px #e6e8ee solid;
  }
  .product-info .related-products .col b {
    width: 90px;
    max-height: 120px;
    margin-right: 20px;
    float: left;
  }
  .product-info .related-products .col img {
    max-width: 70%;
    top: 0;
    max-height: 65%;
    position: relative !important;
    left: 0 !important;
  }
  .product-info .related-products .col strong {
    margin-top: 0;
  }
  .product-info .related-products .col em {
    font-size: 14px;
  }
  .product-info .related-products h2 .dash {
    display: none;
  }
  .product-info .emulators table {
    display: block;
    overflow: hidden;
    padding: 0 20px;
    width: auto;
    margin: 30px 0;
  }
  .product-info .emulators table tbody,
  .product-info .emulators table thead {
    display: block;
    width: 50%;
    float: left;
  }
  .product-info .emulators table tr {
    display: block;
  }
  .product-info .emulators table td,
  .product-info .emulators table th {
    border: none;
    min-height: 44px;
    display: block;
    text-align: left;
    border-top: 1px #dcdee4 solid;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px 8px 0;
    font-size: 1.1em;
  }
  .product-info .emulators table td:last-child,
  .product-info .emulators table th:last-child {
    border-bottom: 1px #dcdee4 solid;
  }
  .switches-cat-list .row {
    padding: 30px 20px;
  }
  .switches-cat-list a {
    display: block;
  }
  .switches-cat-list img {
    margin: 0 auto;
    display: block;
    max-width: 90%;
    height: auto;
  }
  .switches-cat-list .image,
  .switches-cat-list .right .image {
    float: none;
    padding-right: 0;
    padding-left: 0;
  }
}
.tp-banner .hidden,
.tp-hidden {
  display: none !important;
}
.init-padding-top {
  padding-top: 0 !important;
}
@media (max-width: 736px) {
  .tp-m-hide {
    display: none !important;
  }
}
@media (min-width: 737px) {
  .tp-m-show {
    display: none !important;
  }
}
.tp-btn:hover {
  color: #212121 !important;
}
.tp-btn.tp-btn-brand:hover {
  color: #fff !important;
}
.tp-header .nav-box .sub-nav > ol > li > a {
  color: #000 !important;
}
.tp-header .nav-box .sub-nav > ol.smart-phone a:hover {
  color: #62259d !important;
}
@media (max-width: 1024px) {
  body {
    overflow-x: hidden !important;
  }
  .tp-header .tp-m-show {
    display: block !important;
  }
  .tp-header .tp-m-hide {
    display: none !important;
  }
  .tp-header .nav-box a {
    color: #000 !important;
  }
  .tp-header .nav-box .nav > li > a {
    font-size: 1em !important;
  }
  .tp-header .nav-box .sub-nav > ol > li {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .tp-header .nav-box .sub-nav > ol > li > a {
    height: auto !important;
  }
}
.tp-header .nav-box .sub-nav > ol.partners > li {
  margin-left: 0 !important;
}
.tp-loading {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202810146_loading.gif) 50% 50% no-repeat;
}
.tp-table {
  display: table;
  width: 100%;
}
.tp-table-row {
  display: table-row;
}
.tp-table-cell {
  display: table-cell;
}
.tp-btn {
  font-size: 1em;
  font-weight: 700;
  line-height: 2.22222222em;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  border: 0;
  border-radius: 4px;
  outline: 0;
  padding: 0 2.22222222em 0 0.88888888em;
  background: #ffcb00;
  color: #212121;
  text-decoration: none;
}
.tp-btn:hover {
  background: #ffdb4c;
  opacity: 0.7;
}
.tp-btn:active {
  background: #edbd00;
}
.tp-btn:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0.55555555em;
  right: 0.77777777em;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAStJREFUWAljZKASUFRU/E8No5ioYQg1zRh1EKHQHA0huoUQIyPjT0KWESNPzShbTYyFhNSwEFJArLycnFzi48ePt/z7908Glx5gKNr////fF5c8SJwRnyS15YCFZzHQzB585lIzyvDZQ7TcqIMIBdWgCyEWatXS6D6/f/8+WRlm0IUQXR3ExMT0BD0k0fl0dZCRkdEaYOG4FF81wziahtDjCI1P1yhDsxsrd1A66AFWpw6QIBMwxZcA8a8Bsh/DWnBpqqKiAmrDGP/9+5cVQwWSALAcsQC2d0BNCIKA3JIa3EC7c+cOqMAiWGgBiwiCDqFUwaBM1JR6iqr6R0OIUHCOhtDwDiFmZubfhHxIqTypaegsvsYVpY4B6SfJQaASHdgVjgHqewDSTAsAANG0NtEE/JijAAAAAElFTkSuQmCC)
    50% 50% no-repeat;
  background-size: 100%;
}
.tp-btn.tp-btn-brand {
  background: #4acbd6;
  color: #fff;
}
.tp-btn.tp-btn-brand:hover {
  background: #4ddce9;
  opacity: 0.9;
}
.tp-btn.tp-btn-brand:active {
  background: #24bbc7;
}
.tp-btn.tp-btn-brand:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAP1JREFUWAntVsENwjAMdFDZgi348GMCXrBJWYlXWYUZ4MESwAPOkfpsLqTGilAsuX2cHV/OqZsgRvaGWSy1sFjEco1GiKnZFPJU6MGK5eCWLRtyCrKYwAJycYyhDrF7+CqRswW2S+C+EEj3OkBTZtkyk901QkzG6hTq9IAx1iV4gJXkVaeQN6E7U82b0BmETvDJ30xoZ4j0zLtlhI5IlYRulLZjgCp0hD8dayZLxWmKL03vMGv4MhktsgHek5gIl05qvVQJknVg0aH1o79M3MD4qPJQj+SqeDeFWBuaQn+v0IvtcC7+7Rm6oODk5WoumaJ8TOsD/ApPWtHiSPoAysttQ2Z9XYgAAAAASUVORK5CYII=);
}
@media (max-width: 736px) {
  .tp-btn.m-fill {
    display: block;
    width: 100%;
  }
}
.tp-dropdown-icon {
  border: 0.5em solid transparent;
  border-top-color: #e1e1e1;
  position: absolute;
  top: 50%;
  right: 0.5em;
  width: 0;
  height: 0;
  margin-top: -0.1em;
  transition: all 0.2s linear;
}
.tp-dropdown-icon:after,
.tp-dropdown-icon:before {
  border: 0.25em solid transparent;
  border-bottom-color: #e1e1e1;
  content: "";
  display: block;
  position: absolute;
  top: -1em;
  left: 0;
  width: 0;
  height: 0;
}
.tp-dialog:after,
.tp-dialog:before {
  content: "";
}
.tp-dropdown-icon:before {
  left: -0.5em;
}
.tp-dropdown-icon.tp-active {
  transform: rotateX(180deg);
  transform-origin: 50% 12.5%;
}
.tp-video-iframe {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.6);
}
.tp-video-iframe .video-inner {
  width: 896px;
  height: 504px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202810146_loading.gif) 50% 50% no-repeat #fff;
}
.tp-video-iframe .video-iframe,
.tp-video-iframe .video-iframe > iframe {
  width: 100%;
  height: 100%;
}
.tp-video-iframe .video-close {
  position: absolute;
  top: 0;
  left: 100%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202810654_icon-close-bold.svg) 50% 50% no-repeat #fff;
}
.tp-dialog,
.tp-dialog:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 1023px) {
  .tp-video-iframe .video-inner {
    padding: 8px;
    width: 560px;
    height: 315px;
  }
}
@media (max-width: 736px) {
  .tp-video-iframe .video-close {
    display: none;
  }
  .tp-video-iframe .video-inner {
    padding: 0;
    width: 100%;
    height: 56.25vw;
  }
}
.tp-dialog .tp-dialog-box,
.tp-dialog:after {
  display: inline-block;
  vertical-align: middle;
}
.tp-dialog {
  position: fixed;
  font-size: 0;
  text-align: center;
  user-select: none;
  z-index: 999999;
}
.tp-dialog:before {
  position: absolute;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.tp-dialog:after {
  height: 100%;
}
.tp-dialog .tp-dialog-box {
  padding: 3em 4em;
  max-width: 680px;
  width: 88%;
  max-height: 100vh;
  overflow: auto;
  font-size: 16px;
  background-color: #fff;
  border-radius: 0.25em;
  position: relative;
  box-sizing: border-box;
  user-select: text;
}
.tp-dialog .tp-dialog-box.tp-loading {
  min-height: 10em;
}
.tp-dialog.text-left .tp-dialog-box {
  text-align: left;
}
.tp-dialog .tp-dialog-close {
  width: 1em;
  height: 1em;
  cursor: pointer;
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202810731_icon-close.svg) 50% 50% no-repeat;
}
.tp-dialog h2 {
  font-size: 1.25em;
  line-height: 1.25em;
  margin: 0 0 0.5em;
  padding: 0;
}
.tp-dialog h2:only-child {
  margin: 0;
}
.tp-dialog p {
  font-size: 1em;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.tp-dialog img {
  max-width: 100%;
}
@media (max-width: 736px) {
  .tp-dialog .tp-dialog-box {
    padding: 1.5em;
  }
  .tp-dialog .tp-dialog-close {
    top: 0.75em;
    right: 0.75em;
  }
}

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

* {
  font-family: "TP-Link Aktiv", sans-serif;
}
.overview-content {
  overflow: hidden;
}
.overview-content section {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  position: relative;
}
.overview-content .w-container {
  width: 73.125em;
  margin: 0 auto;
}
.overview-content .text {
  padding: 6em 0 2em;
  box-sizing: border-box;
  text-align: center;
}
.overview-content h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.375em;
}
.overview-content h3 {
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.5em;
}
.overview-content p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5;
}
.overview-content p.title {
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.5em;
}
.overview-content a {
  color: inherit;
  outline: none;
  border: none;
  background: none;
}
.overview-content a.link-more {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.3333;
  display: inline-block;
}
.overview-content button {
  color: inherit;
  outline: none;
  border: none;
  background: none;
}
.overview-content button:hover {
  opacity: 0.6;
}
.overview-content sup {
  font-size: 0.75em;
}
.overview-content sup a {
  font-size: 1em !important;
  margin: 0 !important;
  text-decoration: none !important;
  border: none !important;
}
.overview-content video {
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
}
.overview-content .tapo-blue {
  color: #005eac;
}
.overview-content .m-show {
  display: none !important;
}
@media (min-width: 1921px) {
  .overview-content section {
    font-size: 0.8333vw;
  }
}
@media (max-width: 1680px) {
  .overview-content section {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .overview-content section {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .overview-content section {
    font-size: 10.35px;
    width: 100vw;
    max-width: 100%;
  }
  .overview-content .w-container {
    width: auto;
  }
  .overview-content .text {
    padding: 0 0 1em;
    text-align: left;
  }
  .overview-content h2 {
    /* font-size: 2.5em; */
    /* padding: 2em 6vw 0.5em; */
    font-size: 6.25vw;
    padding: 14vw 5vw 3vw;
  }
  .overview-content h3 {
    font-size: 2em;
    padding: 0 6vw 0.5em;
  }
  .overview-content p {
    /* font-size: 1.75em;padding: 0 6vw 0.75em; */
    font-size: 4.375vw;
    padding: 0 5vw 8vw;
  }
  .overview-content p.title {
    font-size: 2em;
    font-weight: 400;
    padding-bottom: 0.5em;
  }
  .overview-content a.link-more {
    font-size: 1.75em;
  }
  .overview-content button:hover {
    opacity: 1;
  }
  .overview-content .m-show {
    display: block !important;
  }
  .overview-content .m-hide {
    display: none !important;
  }
}
@media (max-width: 414px) {
  .overview-content section {
    font-size: 2.5vw;
  }
}

.tp-videoContainer {
  width: auto;
  position: relative;
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
}
.tp-videoContainer video {
  width: 100%;
  display: block;
}
.tp-videoContainer .tp-controllerDiv {
  position: absolute;
  right: 2.5em;
  bottom: 2.5em;
}
.tp-videoContainer .tp-controllerDiv .tp-pauseIcon {
  width: 3em;
  height: 3em;
  color: transparent;
  border-radius: 100%;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
@media (min-width: 1921px) {
  .tp-videoContainer {
    font-size: 0.8333vw;
  }
}
@media (max-width: 1680px) {
  .tp-videoContainer {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .tp-videoContainer {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .tp-videoContainer {
    font-size: 10.35px;
  }
  .tp-videoContainer .videoController {
    top: 50%;
    left: 50%;
    right: unset;
    bottom: unset;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 414px) {
  .tp-videoContainer {
    font-size: 2.5vw;
  }
}

.overview-content .animation-text.active {
  transform: translateY(0);
  opacity: 1;
}
.overview-content .animation-text {
  transform: translateY(100px);
  opacity: 0;
  transition:
    opacity 1s linear,
    transform 1s linear;
}
@media (max-width: 736px) {
  .overview-content .tapo-c575d_v1.active .animation-text.active {
    transform: translateY(0);
    opacity: 1;
  }
  .overview-content .tapo-c575d_v1.active .animation-text {
    transform: translateY(12vw);
    opacity: 0;
    transition:
      opacity 1s linear,
      transform 1s linear;
  }
}
/* -------------------------------------------------------------------------- */

.overview-content .tapo-banner {
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202810788_hero.jpg) top / 120em no-repeat;
  /* height: 60em; */
  height: 56em;
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
}
.overview-content .tapo-banner .w-container {
  width: 73.125em;
  margin: 0 auto;
}
.overview-content .tapo-banner .text {
  padding: 0 42% 0em 0;
  text-align: left;
}
.overview-content .tapo-banner h2 {
  font-size: 3.75em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.375em;
}
.overview-content .tapo-banner h3 {
  font-size: 1.875em;
  font-weight: 300;
  line-height: 1.3;
  padding-bottom: 1.25em;
}
.overview-content .tapo-banner p {
  font-size: 1em;
}
.overview-content .tapo-banner .model {
  font-size: 1.875em;
  font-weight: 300;
  line-height: 1;
  color: #fff;
  padding: 0.25em 0.75em;
  border-radius: 1em;
  background-color: #005eac;
  display: inline-block;
  vertical-align: middle;
}
.overview-content .tapo-banner .banner-logos {
  margin-top: 3em;
}
.overview-content .tapo-banner .banner-logo {
  width: auto;
  height: 3.25em;
  margin-right: 0.25em;
  display: inline-block;
  vertical-align: middle;
}
.overview-content .tapo-banner video {
  width: 100%;
  display: block;
}
.overview-content .tapo-banner .m-hide {
  display: block;
}
.overview-content .tapo-banner .m-show {
  display: none;
}
@media (max-width: 736px) {
  .overview-content .tapo-banner {
    background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202810956_hero.jpg) top / 100% no-repeat;
    height: 133vw;
    display: block;
  }
  .overview-content .tapo-banner .w-container {
    width: auto;
  }
  .overview-content .tapo-banner .text {
    color: #fff;
    padding: 12vw 0 0vw;
    text-align: left;
  }
  .overview-content .tapo-banner h2 {
    font-size: 6.75vw;
    padding: 0 14vw 0.25em 6vw;
  }
  .overview-content .tapo-banner h3 {
    font-size: 4.5vw;
    line-height: 1.4;
    padding-bottom: 0.75em;
  }
  .overview-content .tapo-banner p {
    font-size: 3.5vw;
  }
  .overview-content .tapo-banner .model {
    font-size: 4.5vw;
    padding: 0.5em 0.75em;
    border-radius: 1em;
    margin: 0 6vw;
  }
  .overview-content .tapo-banner .banner-logos {
    margin: 68vw 0 0 6vw;
  }
  .overview-content .tapo-banner .banner-logo {
    height: 7vw;
    margin-right: 0.25em;
  }
  .overview-content .tapo-banner .m-hide {
    display: none;
  }
  .overview-content .tapo-banner .m-show {
    display: block;
  }
}

/* -------------------------------------------------------------------------- */

.overview-content .tapo-selling-points {
  background: linear-gradient(2deg, #000 0%, #4a5d7b 86%);
}
.overview-content .tapo-selling-points .text {
  padding: 7em 0;
}
.overview-content .tapo-selling-points .box {
  height: 0;
  padding-top: 67.8%;
  margin: 0 auto;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202811112_01-selling.png) 50% 0 / 100% no-repeat;
  position: relative;
}
.overview-content .tapo-selling-points .desc {
  position: absolute;
  line-height: normal;
  text-align: left;
  color: #000;
}
.overview-content .tapo-selling-points .font-large {
  font-size: 2.6em;
  font-weight: 500;
  line-height: 1.05;
  padding-bottom: 0.1em;
}
.overview-content .tapo-selling-points .font-big {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.2;
}
.overview-content .tapo-selling-points .font-medium {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.2;
}
.overview-content .tapo-selling-points .font-light {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.35;
}

.overview-content .tapo-selling-points .font-small {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.35;
}

/* ---- Top-left: "4K Dual Lens" title ---- */
.overview-content .tapo-selling-points .desc-1 {
  top: 4%;
  left: 2.5%;
  width: 30%;
  color: #000;
}

/* ---- "Wide-Angle Lens / 170° Field of View" ---- */
.overview-content .tapo-selling-points .desc-2-1 {
  top: 35%;
  left: 15%;
  width: 20%;
}

/* ---- "8mm Telephoto Lens / Tracks & Zooms" ---- */
.overview-content .tapo-selling-points .desc-2-2 {
  top: 36%;
  left: 66%;
  width: 20%;
  text-align: left;
}

/* ---- "Synchronized Smart Tracking" heading ---- */
.overview-content .tapo-selling-points .desc-3 {
  top: 46%;
  left: 1.5%;
  width: 32%;
}

/* ---- "When: The fixed lens detects movement." ---- */
.overview-content .tapo-selling-points .desc-3-when {
  top: 71.5%;
  left: 1.5%;
  width: 34%;
}

/* ---- "Then: The pan/tilt lens rotates & tracks automatically." ---- */
.overview-content .tapo-selling-points .desc-3-then {
  top: 94.5%;
  left: 1.5%;
  width: 34%;
}

/* ---- "FREE Smart AI Detection" ---- */
.overview-content .tapo-selling-points .desc-4 {
  top: 47%;
  left: 53%;
  width: 20%;
  text-align: left;
}

/* ---- "Person" ---- */
.overview-content .tapo-selling-points .desc-4-1 {
  top: 66%;
  left: 51.8%;
  width: 6%;
  text-align: center;
}

/* ---- "Vehicles" ---- */
.overview-content .tapo-selling-points .desc-4-2 {
  top: 66%;
  left: 60%;
  width: 6%;
  text-align: center;
}

/* ---- "Pets" ---- */
.overview-content .tapo-selling-points .desc-4-3 {
  top: 66%;
  left: 67.5%;
  width: 6%;
  text-align: center;
}

.overview-content .tapo-selling-points .desc-5 {
  top: 46.5%;
  left: 83.5%;
  width: 14%;
  text-align: left;
}

/* ---- "DC/PoE Power Supply" ---- */
.overview-content .tapo-selling-points .desc-6 {
  top: 58.5%;
  left: 83.5%;
  width: 14%;
  text-align: left;
}

/* ---- "Powerful Dual Antennas" ---- */
.overview-content .tapo-selling-points .desc-7 {
  top: 68.5%;
  left: 83.5%;
  width: 15%;
  text-align: left;
}

/* ---- Bottom dark row: "IP66 Weather Resistance" ---- */
.overview-content .tapo-selling-points .desc-8 {
  top: 79.3%;
  left: 52.5%;
  width: 7%;
  text-align: left;
  color: #000;
}

/* ---- "Customizable Patrol Mode" ---- */
.overview-content .tapo-selling-points .desc-9 {
  top: 79.3%;
  left: 64%;
  width: 9%;
  text-align: left;
  color: #000;
}

/* ---- "Smart Night Vision" ---- */
.overview-content .tapo-selling-points .desc-10 {
  top: 79.3%;
  left: 77.3%;
  width: 9%;
  text-align: left;
  color: #000;
}

/* ---- "Local and Cloud Storage options" ---- */
.overview-content .tapo-selling-points .desc-11 {
  top: 79.3%;
  left: 89.3%;
  width: 9%;
  text-align: left;
  color: #000;
}

@media (max-width: 736px) {
  .overview-content .tapo-selling-points {
    font-size: 10.35px;
    padding: 0;
  }
  .overview-content .tapo-selling-points .text {
    padding: 6em 0 1em;
  }
  .overview-content .tapo-selling-points .w-container {
    width: 88%;
  }
  .overview-content .tapo-selling-points .box {
    width: 100%;
    padding-top: 238%;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202811273_01-selling.png) top / 100% no-repeat;
  }
  .overview-content .tapo-selling-points .font-large {
    font-size: 5.7vw;
  }
  .overview-content .tapo-selling-points .font-big {
    font-size: 4.5vw;
  }
  .overview-content .tapo-selling-points .font-medium {
    font-size: 3.55vw;
    line-height: 1.2;
  }
  .overview-content .tapo-selling-points .font-light {
    font-size: 2.35vw;
  }
  .overview-content .tapo-selling-points .font-small {
    font-size: 3.12vw;
  }
  .overview-content .tapo-selling-points .desc-1 {
    top: 1.8%;
    left: 5%;
    width: 70%;
  }
  .overview-content .tapo-selling-points .desc-2-1 {
    top: 20%;
    left: 5%;
    width: 25%;
    text-align: left;
  }
  .overview-content .tapo-selling-points .desc-2-2 {
    top: 26%;
    left: 68%;
    width: 27%;
    text-align: left;
  }
  .overview-content .tapo-selling-points .desc-3 {
    top: 31.3%;
    left: 5%;
    width: 90%;
  }
  .overview-content .tapo-selling-points .desc-3-when {
    top: 46%;
    left: 5%;
    width: 90%;
  }
  .overview-content .tapo-selling-points .desc-3-then {
    top: 61%;
    left: 5%;
    width: 90%;
  }
  .overview-content .tapo-selling-points .desc-4 {
    top: 66%;
    left: 5%;
    width: 40%;
    text-align: left;
  }
  .overview-content .tapo-selling-points .desc-4-1 {
    bottom: auto;
    top: 76%;
    left: 5%;
    width: 10%;
    text-align: center;
  }
  .overview-content .tapo-selling-points .desc-4-2 {
    bottom: auto;
    top: 76%;
    left: 20.3%;
    width: 10%;
    text-align: center;
  }
  .overview-content .tapo-selling-points .desc-4-3 {
    bottom: auto;
    top: 76%;
    left: 35.5%;
    width: 10%;
    text-align: center;
  }
  .overview-content .tapo-selling-points .desc-5 {
    top: 67.1%;
    right: auto;
    left: 59%;
    width: 35%;
    text-align: left;
  }
  .overview-content .tapo-selling-points .desc-6 {
    top: 77%;
    right: auto;
    left: 59%;
    width: 37%;
    text-align: left;
  }
  .overview-content .tapo-selling-points .desc-7 {
    top: 85%;
    right: auto;
    left: 59%;
    width: 39%;
    text-align: left;
  }
  .overview-content .tapo-selling-points .desc-8 {
    top: 85%;
    left: 4%;
    width: 45%;
    color: #000;
  }
  .overview-content .tapo-selling-points .desc-9 {
    top: 92.7%;
    left: 38%;
    width: 22%;
    color: #000;
  }
  .overview-content .tapo-selling-points .desc-10 {
    top: 92.7%;
    left: 5%;
    width: 22%;
    color: #000;
  }
  .overview-content .tapo-selling-points .desc-11 {
    top: 92.7%;
    left: 72%;
    width: 27%;
    color: #000;
  }
}

/* -------------------------------------------------------------------------- */

/* Ensure the section is always visible and in normal document flow */
.overview-content .tapo-dual-lens {
  display: block !important;
  position: relative !important;
  padding: 0;
  background-color: #000;
  color: #fff;
  overflow: visible;
}
/* Override any remote CSS/JS that hides or repositions containers */
.overview-content .tapo-dual-lens .w-container {
  display: block !important;
  position: relative !important;
  width: clamp(337.07px, 44.17vw, 848px);
  margin: 0 auto;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
}

.overview-content .tapo-dual-lens .text {
  position: relative !important;
  padding: clamp(25.43px, 3.33vw, 64px) 0 clamp(12.72px, 1.67vw, 32px);
  text-align: center;
  z-index: auto;
}
.overview-content .tapo-dual-lens h2 {
  font-size: clamp(29.9px, 3.92vw, 75.2px);
  font-weight: 500;
  line-height: 1.15;
  color: #fff;
  padding-bottom: 0;
}

/* Lens blocks — always visible, normal flow */
.overview-content .tapo-dual-lens .lens-block {
  display: block !important;
}
.overview-content .tapo-dual-lens .lens-block.m-show {
  display: none !important;
}
.overview-content .tapo-dual-lens .lens-block .w-container {
  display: flex !important;
  align-items: center;
  gap: clamp(38.16px, 5vw, 96px);
  padding: clamp(19.08px, 2.5vw, 48px) 0 0;
}
.overview-content .tapo-dual-lens .lens-block .w-container-b {
  padding: clamp(31.8px, 4.17vw, 80px) 0;
}
.overview-content .tapo-dual-lens .lens-block-1 .w-container {
  flex-direction: row;
}
.overview-content .tapo-dual-lens .lens-block-2 .w-container {
  flex-direction: row;
}

.overview-content .tapo-dual-lens .lens-info {
  flex: 1;
  min-width: 0;
}
.overview-content .tapo-dual-lens .lens-image {
  flex: 1;
  text-align: center;
  min-width: 0;
}
.overview-content .tapo-dual-lens .lens-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.overview-content .tapo-dual-lens .lens-badge {
  display: inline-block;
  font-size: clamp(12.09px, 1.58vw, 30.4px);
  font-weight: 400;
  border: clamp(1.19px, 0.16vw, 3px) solid rgba(255, 255, 255, 0.5);
  border-radius: 0.6em;
  padding: 0em 0.4em;
  margin-bottom: 0.8em;
  color: #fff;
}

.overview-content .tapo-dual-lens .lens-title {
  font-size: clamp(14.31px, 1.88vw, 36px);
  font-weight: 500;
  line-height: 1.2;
  color: #90cdff;
}

.overview-content .tapo-dual-lens .lens-desc {
  font-size: clamp(7.63px, 1vw, 19.2px);
  font-weight: 300;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 1.5em;
  padding: 0 clamp(19.08px, 2.5vw, 48px) 0 0;
}

.overview-content .tapo-dual-lens .lens-stats {
  display: flex;
  gap: clamp(15.9px, 2.08vw, 40px);
}
.overview-content .tapo-dual-lens .stat {
  display: flex;
  flex-direction: column;
}
.overview-content .tapo-dual-lens .stat-value {
  font-size: clamp(12.09px, 1.58vw, 30.4px);
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}
.overview-content .tapo-dual-lens .stat-label {
  font-size: clamp(7.63px, 1vw, 19.2px);
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
}

.overview-content .tapo-dual-lens .video-container {
  display: block !important;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  align-items: center;
}
.overview-content .tapo-dual-lens .video-container video {
  width: clamp(337.86px, 44.27vw, 850px);
  height: auto;
  display: block;
  max-height: none;
  margin: 0 auto;
  border-radius: clamp(10.14px, 1.33vw, 25.5px);
}
.overview-content .tapo-dual-lens .video-container .tp-videoContainer {
  position: relative !important;
  max-width: 100%;
}

.overview-content .tapo-dual-lens .footnote {
  font-size: clamp(6.36px, 0.83vw, 16px);
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  padding: clamp(9.54px, 1.25vw, 24px) clamp(12.72px, 1.67vw, 32px)
    clamp(19.08px, 2.5vw, 48px);
  text-align: left;
  max-width: clamp(337.07px, 44.17vw, 848px);
  margin: 0 auto;
}

/* Override any bg-text or desc rules from remote CSS that may interfere */
.overview-content .tapo-dual-lens .bg-text {
  display: none !important;
}
.overview-content .tapo-dual-lens .desc {
  position: static;
}

@media (max-width: 736px) {
  .overview-content .tapo-dual-lens .w-container {
    width: 88% !important;
  }
  .overview-content .tapo-dual-lens .text {
    padding: 3em 6vw 0.5em;
    text-align: left;
  }
  .overview-content .tapo-dual-lens h2 {
    font-size: 8vw;
    line-height: 1.2;
    text-align: center;
  }
  .overview-content .tapo-dual-lens h3 {
    padding: 0;
  }
  /* Hide desktop lens blocks, show mobile ones */
  .overview-content .tapo-dual-lens .lens-block.m-hide {
    display: none !important;
  }
  .overview-content .tapo-dual-lens .lens-block.m-show {
    display: block !important;
    padding: 10vw 0;
  }
  /* Mobile lens block layout */
  .overview-content .tapo-dual-lens .lens-block-mobile .w-container {
    display: block !important;
    padding: 1.5em 0 0;
  }
  .overview-content .tapo-dual-lens .lens-block-mobile .lens-text-full {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .overview-content .tapo-dual-lens .lens-block-mobile .lens-bottom-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 3em;
  }
  .overview-content .tapo-dual-lens .lens-block-mobile .lens-image {
    text-align: center;
  }
  .overview-content .tapo-dual-lens .lens-block-mobile .lens-image img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  .overview-content .tapo-dual-lens .lens-badge {
    font-size: 4vw;
    border-width: 2px;
  }
  .overview-content .tapo-dual-lens .lens-title {
    font-size: 6.25vw;
  }
  .overview-content .tapo-dual-lens .lens-desc {
    font-size: 4.25vw;
    padding: 0;
    margin-bottom: 0;
  }
  .overview-content .tapo-dual-lens .lens-stats {
    gap: 2em;
    flex-direction: column;
  }
  .overview-content .tapo-dual-lens .lens-block-2 .lens-stats {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.8em 2em;
  }
  .overview-content .tapo-dual-lens .stat-value {
    font-size: 6.25vw;
  }
  .overview-content .tapo-dual-lens .stat-label {
    font-size: 4vw;
  }
  .overview-content .tapo-dual-lens .video-container {
    max-width: 100vw;
    overflow: hidden;
  }
  .overview-content .tapo-dual-lens .video-container video {
    width: 88%;
    border-radius: 2vw;
  }
  .overview-content .tapo-dual-lens .footnote {
    font-size: 4vw;
    padding: 1em 6vw 2em;
    max-width: 100%;
  }
}

/* -------------------------------------------------------------------- */

.overview-content .tapo-full-view {
  background-color: #000;
}
.overview-content .tapo-full-view .c410-box.fixed {
  position: fixed;
  top: 0;
  margin: 0 auto;
  width: 100%;
}
.overview-content .tapo-full-view .c410-box.absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.overview-content .tapo-full-view .text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 73.125em;
  z-index: 5;
  color: #fff;
}
.overview-content .tapo-full-view .text-2 {
  display: none;
  color: #fff;
}
.overview-content .tapo-full-view h2 span {
  font-weight: 500;
}
.overview-content .tapo-full-view .bg {
  width: 120em;
  height: 60em;
  margin: 0 auto;
}
.overview-content .tapo-full-view .img-container {
  width: 120em;
  margin: 0 auto;
  overflow: hidden;
}
.overview-content .tapo-full-view .phone-box {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 126em;
  height: 60em;
  margin: 0 auto;
  z-index: 1;
  clip-path: circle(16em at 50% 66%);
}
.overview-content .tapo-full-view .phone-box .phone-img {
  width: 100%;
  height: auto;
  display: none;
}
.overview-content .tapo-full-view .bg-box {
  position: absolute;
  top: 51.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96.5%;
  overflow: hidden;
  z-index: 3;
}
.overview-content .tapo-full-view .bg-box .bg-img {
  width: 100%;
  height: auto;
  display: block;
  will-change: transform, clip-path;
  transform: translateZ(0);
  transition: all 0.1s linear;
}
.overview-content .tapo-full-view .desc {
  position: absolute;
  line-height: normal;
  color: #fff;
  text-align: left;
  transition: opacity 0.5s ease-in-out;
  z-index: 5;
}
.overview-content .tapo-full-view .desc-b {
  display: block;
  font-size: 6.5em;
  font-weight: 700;
  line-height: 1.2;
}
.overview-content .tapo-full-view .desc-m {
  font-size: 5.15625em;
  font-weight: 700;
  line-height: 1.2;
}
.overview-content .tapo-full-view .desc-s {
  font-size: 2.34375em;
  font-weight: 500;
  line-height: 1.2;
}
.overview-content .tapo-full-view .desc-1 {
  top: 66%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.overview-content .tapo-full-view .desc-2 {
  bottom: 10%;
  left: 5%;
  display: none;
}
@media (max-width: 736px) {
  .overview-content .tapo-full-view {
    display: none;
  }
  .overview-content .tapo-full-view .text {
    padding-bottom: 1em;
  }
  .overview-content .tapo-full-view .bg {
    height: auto;
  }
  .overview-content .tapo-full-view .img {
    max-width: 100vw;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202811674_e.jpg) top / auto 100% no-repeat;
    width: 54vw;
    height: 54vw;
    clip-path: circle(27vw at center);
    transition: all 1s ease-in-out;
  }
  .overview-content .tapo-full-view .bg .img.active {
    clip-path: inset(0);
    width: 100%;
    animation: none;
  }
  .overview-content .tapo-full-view .bg .img.inactive {
    clip-path: circle(27vw at center);
    width: 54vw;
    animation: none;
  }
  .overview-content .tapo-full-view .desc-b {
    font-size: 12vw;
  }
  .overview-content .tapo-full-view .desc-1 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@keyframes shapeTransition {
  0% {
    clip-path: circle(20.75em at center);
    width: 41.5em;
  }
  33% {
    clip-path: inset(0 round 10em);
    width: 75em;
  }
  66% {
    clip-path: inset(0 round 0em);
    width: 100em;
  }
  100% {
    clip-path: inset(0);
    width: 100%;
  }
}
@keyframes shapeTransitionReverse {
  0% {
    clip-path: inset(0);
    width: 100%;
  }
  33% {
    clip-path: inset(0 round 0em);
    width: 100em;
  }
  66% {
    clip-path: inset(0 round 10em);
    width: 75em;
  }
  100% {
    clip-path: circle(18.75em at center);
    width: 37.5em;
  }
}
.overview-content .see-more-see-wide {
  display: none;
  background-color: #000;
  color: #fff;
}
.overview-content .see-more-see-wide .c410-box.fixed {
  position: fixed;
  top: 0;
  margin: 0 auto;
  width: 100%;
}
.overview-content .see-more-see-wide .c410-box.absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.overview-content .see-more-see-wide .text {
  position: relative;
  z-index: 2;
  padding-bottom: 5em;
}
.overview-content .see-more-see-wide h2 span {
  font-weight: 500;
}
.overview-content .see-more-see-wide .bg {
  width: 100%;
  height: 57em;
  margin: 0 auto;
}
.overview-content .see-more-see-wide .img {
  position: relative;
  max-width: 120em;
  width: 41.5em;
  height: 41.5em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-c575d_v1/en/img/e.jpg)
    center / 120em no-repeat;
  clip-path: circle(18.75em at center);
}
.overview-content .see-more-see-wide .bg.active .img.active {
  animation: shapeTransition 1s ease-in-out forwards;
}
.overview-content .see-more-see-wide .bg .img.inactive {
  animation: shapeTransitionReverse 1s ease-in-out forwards;
}
.overview-content .see-more-see-wide .desc {
  position: absolute;
  line-height: normal;
  color: #000;
  text-align: center;
}
.overview-content .see-more-see-wide .desc-b {
  display: block;
  font-size: 6.5em;
  font-weight: 700;
  line-height: 1.2;
}
.overview-content .see-more-see-wide .desc-1 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 736px) {
  .overview-content .see-more-see-wide {
    display: block;
  }
  .overview-content .see-more-see-wide .text {
    padding-bottom: 1em;
  }
  .overview-content .see-more-see-wide .bg {
    height: auto;
  }
  .overview-content .see-more-see-wide .img {
    max-width: 100vw;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202811674_e.jpg) top / auto 100% no-repeat;
    width: 54vw;
    height: 54vw;
    clip-path: circle(27vw at center);
    transition: all 1s ease-in-out;
  }
  .overview-content .see-more-see-wide .bg .img.active {
    clip-path: inset(0);
    width: 100%;
    animation: none;
  }
  .overview-content .see-more-see-wide .bg .img.inactive {
    clip-path: circle(27vw at center);
    width: 54vw;
    animation: none;
  }
  .overview-content .see-more-see-wide .desc-b {
    font-size: 12vw;
    color: #fff;
  }
  .overview-content .see-more-see-wide .desc-1 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.overview-content .tapo-telephoto-lens {
  display: none;
  background-color: #000;
  color: #fff;
}
.overview-content .tapo-telephoto-lens .c410-box.fixed {
  position: fixed;
  top: 0;
  margin: 0 auto;
  width: 100%;
}
.overview-content .tapo-telephoto-lens .c410-box.absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.overview-content .tapo-telephoto-lens .text {
  position: relative;
  z-index: 2;
  padding-bottom: 2em;
}
.overview-content .tapo-telephoto-lens h2 span {
  font-weight: 500;
  color: #005eac;
}
.overview-content .tapo-telephoto-lens .bg {
  width: 100%;
  height: 57em;
  margin: 0 auto;
}
.overview-content .tapo-telephoto-lens .img-container {
  position: relative;
  width: 70.7%;
  margin: 0 auto;
}
.overview-content .tapo-telephoto-lens .phone-box {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-c575d_v1/en/img/q-phone.png)
    center / 100% no-repeat;
}
.overview-content .tapo-telephoto-lens .phone-box .frame-inner {
  position: absolute;
  top: 5.75%;
  right: 2%;
  width: 96%;
  border-radius: 4.75em;
  overflow: hidden;
}
.overview-content .tapo-telephoto-lens .phone-box img {
  transform-origin: 100% 0%;
  width: 100%;
}
.overview-content .tapo-telephoto-lens .desc {
  position: absolute;
  line-height: normal;
  color: #fff;
  text-align: left;
  transition: opacity 0.5s ease-in-out;
}
.overview-content .tapo-telephoto-lens .desc-b {
  font-size: 5.15625em;
  font-weight: 500;
  line-height: 1.2;
}
.overview-content .tapo-telephoto-lens .desc-m {
  font-size: 2.34375em;
  font-weight: 500;
  line-height: 1.2;
}
.overview-content .tapo-telephoto-lens .desc-1 {
  bottom: 10%;
  left: 8%;
}
@media (max-width: 736px) {
  .overview-content .tapo-telephoto-lens {
    display: block;
  }
  .overview-content .tapo-telephoto-lens .text {
    padding-bottom: 1em;
  }
  .overview-content .tapo-telephoto-lens .bg {
    height: auto;
  }
  .overview-content .tapo-telephoto-lens .img-container {
    width: 89%;
  }
  .overview-content .tapo-telephoto-lens .phone-box {
    width: 100%;
    height: 0;
    padding-top: 50%;
  }
  .overview-content .tapo-telephoto-lens .phone-box .frame-inner {
    top: 4.5%;
    right: 2%;
    width: 96%;
    border-radius: 5vw;
  }
  .overview-content .tapo-telephoto-lens .desc-b {
    font-size: 8vw;
    font-weight: 500;
    line-height: 1.2;
  }
  .overview-content .tapo-telephoto-lens .desc-m {
    font-size: 3.75vw;
    font-weight: 500;
    line-height: 1.2;
  }
  .overview-content .tapo-telephoto-lens .desc-1 {
    bottom: 10%;
    left: 6%;
  }
}

/* ------------------------------------------------------------------- */

.overview-content .synchronized-smart-tracking .w-container {
  width: 51.5em;
}

.overview-content .synchronized-smart-tracking .text h2 {
  font-size: 4.5em;
  color: #354869;
  font-weight: 500;
  line-height: 1.15;
}

.overview-content .synchronized-smart-tracking {
  background-color: #e0e7f2;
  padding-bottom: 7em;
}

.overview-content .synchronized-smart-tracking .video-container video {
  border-radius: 1em;
}
@media (max-width: 736px) {
  .overview-content .synchronized-smart-tracking {
    padding-bottom: 0;
  }
  .overview-content .synchronized-smart-tracking .w-container {
    width: 100vw;
  }
  .overview-content .synchronized-smart-tracking .video-container video {
    border-radius: 0;
  }
  .overview-content .synchronized-smart-tracking .text h2 {
    color: #000;
    font-size: 6.25vw;
    padding: 14vw 5vw 3vw;
  }
}

/* ------------------------------------------------------------ */

.overview-content .tapo-smart-focus {
  background-color: #e0e7f2;
}
.overview-content .tapo-smart-focus .w-container {
  position: relative;
  width: 100vw;
}
.overview-content .tapo-smart-focus .text {
  position: absolute;
  top: 72%;
  left: 51%;
  width: 26%;
  padding: 0;
  text-align: left;
  z-index: 1;
}
.overview-content .tapo-smart-focus h2 {
  font-size: clamp(17.9px, 2.35vw, 45.04px);
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.375em;
  color: #000;
}
.overview-content .tapo-smart-focus p {
  font-size: clamp(7.76px, 1.02vw, 19.52px);
  font-weight: 300;
  line-height: 1.5;
  padding-bottom: 0.75em;
  color: #000;
}
.overview-content .tapo-smart-focus .video-container {
  position: relative;
}
.overview-content .tapo-smart-focus .video-container video {
  width: 100%;
  height: auto;
  margin: 0 auto;
  outline: none;
}
@media (max-width: 736px) {
  .overview-content .tapo-smart-focus {
    padding: 0;
  }
  .overview-content .tapo-smart-focus .w-container {
    width: 100%;
  }
  .overview-content .tapo-smart-focus .text {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    padding: 0;
  }

  .overview-content .tapo-smart-focus h2 {
    font-size: 6.25vw;
    padding: 14vw 5vw 3vw;
  }
  .overview-content .tapo-smart-focus p {
    font-size: 4.375vw;
    padding: 0 5vw 8vw;
  }

  .overview-content .tapo-smart-focus .video-container video {
    width: 100%;
    border-radius: 0;
    border: none;
  }
}

/* ----------------------------------------------------------------- */

.overview-content .tapo-coverage {
  background-color: #e0e7f2;
}
.overview-content .tapo-coverage .text {
  padding: 6em 10em 2em;
}

.overview-content .tapo-coverage .text h2 {
  font-size: 4.5em;
  color: #354869;
  font-weight: 500;
  line-height: 1.15;
}

.overview-content .tapo-coverage .box {
  height: 0;
  /* padding-top: 50.5%; */
  padding-top: 63%;
  margin: 0 auto;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202811938_07-bg.png) 50% 0 / 100% no-repeat;
  position: relative;
}

.overview-content .tapo-coverage .desc {
  position: absolute;
  background: #fff;
  color: #000;
  font-size: 1.22em;
  font-weight: 500;
  line-height: 1.3;
  padding: 0.3em 0.5em;
  border-radius: 3em;
  /* white-space: nowrap; */
}

/* "Focused Area Monitoring" — top-left of left image */
.overview-content .tapo-coverage .desc-1 {
  top: 2%;
  left: 2%;
}

/* "Front-to-Rear Coverage" — bottom-left of left image */
.overview-content .tapo-coverage .desc-2-1 {
  top: 42%;
  left: 2%;
}

/* "Expanded Side Coverage" — top-left of right image */
.overview-content .tapo-coverage .desc-2-2 {
  top: 2%;
  left: 52%;
}

@media (max-width: 736px) {
  .overview-content .tapo-coverage {
    padding-bottom: 7vw;
  }
  .overview-content .tapo-coverage .text {
    padding: 0;
  }
  .overview-content .tapo-coverage .text h2 {
    color: #000;
    font-size: 6.25vw;
    padding: 14vw 5vw 3vw;
  }
  .overview-content .tapo-coverage .text p {
    font-size: 4.375vw;
    padding: 0 5vw 5vw;
  }
  /* Switch from bg-image to actual img on mobile */
  .overview-content .tapo-coverage .box {
    height: auto;
    padding-top: 0;
    background: none;
    margin: 0 5vw;
  }
  .overview-content .tapo-coverage .box-img-mobile {
    display: block;
    width: 100%;
    height: auto;
  }
  .overview-content .tapo-coverage .desc {
    font-size: 1.4em;
    padding: 0.25em 0.6em;
  }
  /* Reposition labels for stacked vertical layout */
  .overview-content .tapo-coverage .desc-1 {
    top: 1.5%;
    left: 2%;
  }
  .overview-content .tapo-coverage .desc-2-1 {
    top: 36%;
    left: 2%;
  }
  .overview-content .tapo-coverage .desc-2-2 {
    top: 68%;
    left: 2%;
  }
}

/* ------------------------------------------------------------ */
.overview-content .ai-powered-detection {
  background: #000;
  overflow: hidden;
}
.overview-content .ai-powered-detection .text {
  color: #fff;
  text-align: center;
}
.overview-content .ai-powered-detection .bg-text {
  position: relative;
  width: 100%;
}
.overview-content .ai-powered-detection .bg-img {
  width: 100%;
  display: block;
}
.overview-content .ai-powered-detection .desc {
  position: absolute;
  line-height: normal;
}
.overview-content .ai-powered-detection .desc-rectangle-blue {
  color: #fff;
  padding: 0.1em 0.3em;
  background-color: #0070d5;
}
.overview-content .ai-powered-detection .desc-m {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}
.overview-content .ai-powered-detection .desc-1 {
  top: 10.2%;
  right: 47.2%;
}
.overview-content .ai-powered-detection .desc-2 {
  top: 2.4%;
  left: 54.1%;
  text-align: left;
}
.overview-content .ai-powered-detection .desc-3 {
  bottom: 41%;
  left: 70.35%;
}
.overview-content .ai-powered-detection .m-show {
  display: none !important;
}
@media (max-width: 736px) {
  .overview-content .ai-powered-detection .bg-img {
    width: 100%;
  }
  .overview-content .ai-powered-detection .m-hide {
    display: none !important;
  }
  .overview-content .ai-powered-detection .m-show {
    display: block !important;
    /* padding: 10vw 0; */
  }
  .overview-content .ai-powered-detection .text {
    text-align: left;
  }

  .overview-content .ai-powered-detection .desc-m {
    font-size: 3vw;
  }
  .overview-content .ai-powered-detection .desc-1 {
    top: 8%;
    right: 48.5%;
    text-align: right;
  }
  .overview-content .ai-powered-detection .desc-2 {
    /* bottom: 48%; */
    left: 53%;
    top: 1%;
    text-align: left;
  }
  .overview-content .ai-powered-detection .desc-3 {
    bottom: 47%;
    left: 77%;
  }
}
/* ------------------------------------------------------------- */

.overview-content .adaptable-night-vision-modes {
  background-color: #000;
  color: #fff;
  padding-bottom: 7em;
}
.overview-content .adaptable-night-vision-modes .w-container {
  width: 53em;
}
.overview-content .adaptable-night-vision-modes .swiper-wrapper {
  display: block;
}
.overview-content.js-active .adaptable-night-vision-modes .swiper-wrapper {
  display: flex;
  justify-content: space-between;
}
.overview-content .adaptable-night-vision-modes .swiper-slide {
  width: 100%;
}
.overview-content.js-active .adaptable-night-vision-modes .swiper-slide {
  width: 20.83%;
}
.overview-content.js-active .adaptable-night-vision-modes .swiper-slide.active {
  width: 56.25%;
}
.overview-content .adaptable-night-vision-modes .swiper-slide {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 48.75%;
  margin: 0 auto;
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  transition: width 0.5s ease-in-out;
  border-radius: 0.5em;
}
.overview-content .adaptable-night-vision-modes .swiper-slide-1 {
  background-image: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202812293_11a-night-img.png);
}
.overview-content .adaptable-night-vision-modes .swiper-slide-2 {
  background-image: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202812468_11b-infared-img.png);
}
.overview-content .adaptable-night-vision-modes .swiper-slide-3 {
  background-image: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202812620_11c-smart-img.png);
}
.overview-content .adaptable-night-vision-modes .swiper-slide-txt {
  position: absolute;
  left: 1.5em;
  right: 1.5em;
  bottom: 0.5em;
  color: #fff;
  text-align: left;
}
.overview-content .adaptable-night-vision-modes .swiper-slide .icon {
  display: block;
  width: 3.5em;
  height: auto;
}
.overview-content .adaptable-night-vision-modes .swiper-slide p.title {
  font-size: 1.38em;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.5em 0 0.5em;
  min-height: 3.25em;
}
.overview-content .adaptable-night-vision-modes .swiper-slide p.info {
  font-size: 0.95em;
  font-weight: 300;
  line-height: 1.5;
  padding: 0;
  padding-bottom: 1.5em;
}

.overview-content.js-active
  .adaptable-night-vision-modes
  .swiper-slide.active
  p.title {
  min-height: unset;
}
.overview-content.js-active .adaptable-night-vision-modes .swiper-slide p.info {
  display: none;
}
.overview-content.js-active
  .adaptable-night-vision-modes
  .swiper-slide.active
  p.info {
  display: block;
}
.overview-content .adaptable-night-vision-modes .swiper-slide .desc {
  position: absolute;
  line-height: normal;
  text-align: left;
}
.overview-content.js-active .adaptable-night-vision-modes .swiper-slide .desc {
  display: none;
}
.overview-content.js-active
  .adaptable-night-vision-modes
  .swiper-slide.active
  .desc {
  display: block;
}
.overview-content
  .adaptable-night-vision-modes
  .swiper-slide
  .desc-rectangle-blue {
  color: #fff;
  background-color: #005eac;
  padding: 0.25em 0.75em;
}
.overview-content .adaptable-night-vision-modes .swiper-slide .desc-m {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}
.overview-content .adaptable-night-vision-modes .swiper-slide .desc-1 {
  bottom: 83%;
  left: 55.875%;
}
@media (max-width: 736px) {
  .overview-content .adaptable-night-vision-modes .w-container {
    width: auto;
  }
  .overview-content .adaptable-night-vision-modes .swiper-wrapper,
  .overview-content.js-active .adaptable-night-vision-modes .swiper-wrapper {
    display: block;
  }
  .overview-content .adaptable-night-vision-modes .swiper-slide,
  .overview-content.js-active .adaptable-night-vision-modes .swiper-slide,
  .overview-content.js-active
    .adaptable-night-vision-modes
    .swiper-slide.active {
    width: 90vw;
    margin: 0 auto;
  }
  .overview-content
    .adaptable-night-vision-modes
    .swiper-slide
    + .swiper-slide {
    margin-top: 1.5em;
  }
  .overview-content .adaptable-night-vision-modes .swiper-slide {
    padding-top: 65.75%;
    border-radius: 0.5em;
    background-size: 100%;
  }
  .overview-content .adaptable-night-vision-modes .swiper-slide-1 {
    background-image: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202812744_11a-night-img.png);
  }
  .overview-content .adaptable-night-vision-modes .swiper-slide-2 {
    background-image: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202812878_11b-infared-img.png);
  }
  .overview-content .adaptable-night-vision-modes .swiper-slide-3 {
    background-image: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202813003_11c-smart-img.png);
  }

  .overview-content .adaptable-night-vision-modes .swiper-slide-txt {
    left: 1.5em;
    right: 1.5em;
    bottom: 2.5em;
  }
  .overview-content .adaptable-night-vision-modes .swiper-slide .icon {
    width: 8vw;
    margin-bottom: 0.75em;
  }
  .overview-content .adaptable-night-vision-modes .swiper-slide p.info {
    font-size: 3.75vw;
  }
  .overview-content .adaptable-night-vision-modes .swiper-slide p.title {
    font-size: 4.38vw;
    padding: 0 0 0.25em;
    min-height: unset;
  }
  .overview-content.js-active
    .adaptable-night-vision-modes
    .swiper-slide.active
    p.title {
    min-height: unset;
  }
  .overview-content.js-active
    .adaptable-night-vision-modes
    .swiper-slide
    p.info,
  .overview-content.js-active
    .adaptable-night-vision-modes
    .swiper-slide.active
    p.info {
    display: block;
    padding: 0;
  }
  .overview-content.js-active .adaptable-night-vision-modes .swiper-slide .desc,
  .overview-content.js-active
    .adaptable-night-vision-modes
    .swiper-slide.active
    .desc {
    display: block;
  }
  .overview-content .adaptable-night-vision-modes .swiper-slide .desc-m {
    font-size: 2.75vw;
  }
  .overview-content .adaptable-night-vision-modes .swiper-slide .desc-1 {
    bottom: 82.5%;
    left: 49.5%;
  }
}

/* --------------------------------------------------------------------------------- */


/* ---- Multiple Perspectives ---- */
.overview-content .multiple-perspectives {
background-color: #e0e7f2;
padding: 0 0 6em;
}
.overview-content .multiple-perspectives .text {
  padding: 6em 10em 2em;
}

.overview-content .multiple-perspectives .text h2 {
    font-size: 2.8125em;
    font-weight: 500;
    line-height: 1.15;
}

.overview-content .multiple-perspectives .overview-img {
  position: relative;
  max-width: 65.625em;
  margin: 0 auto;
  border-radius: 1em;
  overflow: hidden;
}
.overview-content .multiple-perspectives .overview-img img {
  width: 100%;
  display: block;
}
.overview-content .multiple-perspectives .label {
  position: absolute;
  font-size: 1em;
  font-weight: 500;
  color: #005EAC;
  border: 1px solid #005EAC;
  background: #fff;
  border-radius: 3em;
  padding: 0.3em 0.8em;
  white-space: nowrap;
}
.overview-content .multiple-perspectives .label-cam {
  position: absolute;
  font-size: 0.9375em;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
}
.overview-content .multiple-perspectives .label-fixed-lens-1 { top: 34%; left: 25%; transform: translate(-50%, -50%); }
.overview-content .multiple-perspectives .label-pantilt-1 { top: 16%; left: 52%; transform: translate(-50%, -50%); }
.overview-content .multiple-perspectives .label-cam1 { top: 38%; left: 38%; transform: translate(-50%, -50%); }
.overview-content .multiple-perspectives .label-pantilt-2 { top: 40%; right: 20%; transform: translate(50%, -50%); }
.overview-content .multiple-perspectives .label-fixed-lens-2 { top: 59%; right: 22%; transform: translate(50%, -50%); }
.overview-content .multiple-perspectives .label-cam2 { top: 55%; right: 32.3%; transform: translate(50%, -50%); }

.overview-content .multiple-perspectives .cam-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 65.625em;
  margin: 3em auto 0;
  gap: 1.5em;
}
.overview-content .multiple-perspectives .cam-col {
  flex: 1;
  text-align: center;
}
.overview-content .multiple-perspectives .cam-col h3 {
  font-size: 1.75em;
  font-weight: 400;
  padding-bottom: 0.25em;
}
.overview-content .multiple-perspectives .cam-col .subtitle {
  font-size: 1.1em;
  font-weight: 300;
  padding-bottom: 1em;
}
.overview-content .multiple-perspectives .cam-images {
  display: flex;
  gap: 1em;
  justify-content: center;
}
.overview-content .multiple-perspectives .cam-item {
  text-align: center;
}
.overview-content .multiple-perspectives .cam-img-wrap {
  border-radius: 0.75em;
  overflow: hidden;
}
.overview-content .multiple-perspectives .cam-img-wrap img {
  width: 100%;
  display: block;
}
.overview-content .multiple-perspectives .cam-label {
  font-size: 1.1em;
  font-weight: 500;
  padding: 0.5em 0;
}

/* ---- Auto Zoom ---- */
.overview-content .auto-zoom {
  background-color: #F6F7FB;
  padding: 6em 0;
}
.overview-content .auto-zoom .zoom-main-row {
  display: flex;
  flex-direction: column;
  max-width: 65.625em;
  margin: 0 auto;
  gap: 1.25em;
  align-items: center;
}
.overview-content .auto-zoom .zoom-video-wrap {
  border-radius: 1em;
  overflow: hidden;
  width: 100%;
}
.overview-content .auto-zoom .zoom-video-wrap video {
  width: 100%;
  display: block;
}
.overview-content .auto-zoom .zoom-main-text {
  text-align: left;
}
.overview-content .auto-zoom .zoom-main-text h2 {
  font-size: 2.8125em;
  font-weight: 400;
  line-height: 1.25;
  padding-bottom: 0.375em;
}
.overview-content .auto-zoom .zoom-main-text p {
  font-size: 1.22em;
  font-weight: 300;
  line-height: 1.5;
}
.overview-content .auto-zoom .zoom-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 65.625em;
  margin: 3em auto 0;
  gap: 1.5em;
}
.overview-content .auto-zoom .zoom-col {
  flex: 1;
  text-align: center;
}
.overview-content .auto-zoom .zoom-col h3 {
  font-size: 1.375em;
  font-weight: 400;
  padding: 0.75em 0 0.25em;
}
.overview-content .auto-zoom .zoom-col .subtitle {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.4;
  max-width: 28em;
  margin: 0 auto;
}
.overview-content .auto-zoom .zoom-small-video {
  border-radius: 0.75em;
  overflow: hidden;
  background: #fff;
  height: 28em;
}
.overview-content .auto-zoom .zoom-small-video video {
  width: 100%;
  display: block;
}
.overview-content .auto-zoom .zoom-small-video video.object-cover {
  object-fit: cover;
}
.overview-content .auto-zoom .zoom-small-video video.w-full {
  width: 100%;
}
.overview-content .auto-zoom .zoom-small-video video.h-full {
  display: block;
  width: 163%;
  height: auto;
  object-fit: cover;
  object-position: center;
  margin-left: -33%;
}
.overview-content .auto-zoom .zoom-small-video video.mt-10p {
  margin-top: 10%;
}

@media (min-width: 737px) {
  .overview-content .auto-zoom .zoom-main-row {
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
    align-items: center;
  }
  .overview-content .auto-zoom .zoom-video-wrap {
    width: 50%;
  }
  .overview-content .auto-zoom .zoom-main-text {
    width: 25em;
    margin: 0;
  }
  .overview-content .auto-zoom .zoom-main-text h2 {
    font-size: 2.34em;
    line-height: 1.33;
  }
  .overview-content .auto-zoom .zoom-main-text p {
    font-size: 1.02em;
    line-height: 1.54;
  }
  .overview-content .auto-zoom .zoom-small-video {
    width: 30em;
    height: 24em;
  }
}

@media (max-width: 736px) {
  .overview-content .multiple-perspectives {
    background-color: #fff;
    padding: 0 0 10vw;
  }
  .overview-content .multiple-perspectives .text {
    padding: 0;
  }
  .overview-content .multiple-perspectives .overview-img {
    margin: 0 5vw;
  }
  .overview-content .multiple-perspectives .label {
    font-size: 0.7em;
    padding: 0.2em 0.6em;
  }
  .overview-content .multiple-perspectives .label-cam {
    font-size: 0.6em;
  }
  .overview-content .multiple-perspectives .cam-row {
    flex-direction: column;
    gap: 2em;
    margin: 2em 5vw 0;
  }
  .overview-content .multiple-perspectives .cam-col h3 {
    font-size: 2em;
  }
  .overview-content .multiple-perspectives .cam-col .subtitle {
    font-size: 1.5em;
    padding: 0 0 0.75em;
  }
  .overview-content .multiple-perspectives .cam-label {
    font-size: 1.5em;
  }

  .overview-content .auto-zoom {
    padding: 14vw 0;
    background-color: #e0e7f2;
  }
  .overview-content .auto-zoom .zoom-main-row {
    margin: 0 5vw;
  }
  .overview-content .auto-zoom .zoom-main-text h2 {
    font-size: 6.25vw;
    padding: 3vw 0 2vw;
  }
  .overview-content .auto-zoom .zoom-main-text p {
    font-size: 4.375vw;
    padding: 0 0 3vw;
  }
  .overview-content .auto-zoom .zoom-row {
    flex-direction: column;
    gap: 2em;
    margin: 2em 5vw 0;
  }
  .overview-content .auto-zoom .zoom-col {
    text-align: left;
  }
  .overview-content .auto-zoom .zoom-col h3 {
    font-size: 2em;
  }
  .overview-content .auto-zoom .zoom-col .subtitle {
    font-size: 1.5em;
    max-width: none;
    padding: 0;
  }
  .overview-content .auto-zoom .zoom-small-video {
    height: 28em;
  }
}


.overview-content .tailored-patrol-guardian {
  height: 0;
  /* padding-bottom: 47.5%; */
  padding-bottom: 42.5%;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202813118_12-lens.png) bottom / 100% no-repeat black;
  color: #fff;
}

.overview-content .tailored-patrol-guardian .desc {
  position: absolute;
  line-height: normal;
  color: #fff;
  text-align: left;
}
.overview-content .tailored-patrol-guardian .desc-b {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.3;
  display: block;
}
.overview-content .tailored-patrol-guardian .desc-1 {
  bottom: 5%;
  left: 2%;
  width: 10%;
  transform: rotateZ(-9deg);
}
.overview-content .tailored-patrol-guardian .desc-2 {
  bottom: 10%;
  left: 17.5%;
  width: 10%;
  transform: rotateZ(-5deg);
}
.overview-content .tailored-patrol-guardian .desc-3 {
  bottom: 12%;
  left: 31%;
  width: 10%;
}
.overview-content .tailored-patrol-guardian .desc-4 {
  bottom: 12%;
  right: 31%;
  width: 10%;
  text-align: right;
}
.overview-content .tailored-patrol-guardian .desc-5 {
  bottom: 10%;
  right: 17.5%;
  width: 10%;
  transform: rotateZ(5deg);
  text-align: right;
}
.overview-content .tailored-patrol-guardian .desc-6 {
  bottom: 5%;
  right: 2%;
  width: 10%;
  transform: rotateZ(9deg);
  text-align: right;
}
@media (max-width: 736px) {
  .overview-content .tailored-patrol-guardian {
    height: auto;
    /* padding-bottom: 77%; */
    padding-bottom: 105vw;
    background: url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202813446_12-lens.png) bottom / 90% no-repeat black;
  }
  .overview-content .tailored-patrol-guardian .bg-text {
    position: relative;
  }
  .overview-content .tailored-patrol-guardian .desc-b {
    font-size: 3.25vw;
    font-weight: 400;
  }
  .overview-content .tailored-patrol-guardian .desc-1 {
    bottom: auto;
    top: 3vw;
    left: 7vw;
    width: 24vw;
    transform: none;
  }
  .overview-content .tailored-patrol-guardian .desc-2 {
    bottom: auto;
    top: 3vw;
    left: 38vw;
    width: 24vw;
    transform: none;
  }
  .overview-content .tailored-patrol-guardian .desc-3 {
    bottom: auto;
    top: 3vw;
    left: 68vw;
    width: 24vw;
    transform: none;
  }
  .overview-content .tailored-patrol-guardian .desc-4 {
    bottom: -103vw;
    right: auto;
    left: 7vw;
    width: 24vw;
    text-align: left;
  }
  .overview-content .tailored-patrol-guardian .desc-5 {
    transform: none;
    bottom: -103vw;
    right: auto;
    left: 38vw;
    width: 24vw;
    text-align: left;
  }
  .overview-content .tailored-patrol-guardian .desc-6 {
    transform: none;
    bottom: -103vw;
    right: auto;
    left: 68vw;
    width: 24vw;
    text-align: left;
  }
}

/* ------------------------------------------------------------- */

/* ---- Local & Cloud Storage Options — Swiper Carousel ---- */
.overview-content .local-cloud-storage {
  background-color: #000;
  color: #fff;
  overflow: hidden;
  /* padding-bottom: 5em; = 80px */
  padding-bottom: clamp(31.8px, 4.17vw, 80px);
}
.overview-content .local-cloud-storage .w-container {
  position: relative;
  /* responsive w-container: 73.125em max, shrinks with viewport */
  width: 62.5%;
  max-width: 73.125em;
}
.overview-content .local-cloud-storage .text {
  /* padding: 5em 0 1.5em; = 80px 0 24px */
  padding: clamp(31.8px, 4.17vw, 80px) 0 clamp(9.54px, 1.25vw, 24px);
  text-align: left;
}
.overview-content .local-cloud-storage .text h2 {
  /* font-size: 2.8125em; = 45px */
  font-size: clamp(17.89px, 2.34vw, 45px);
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}

/* Navigation arrows */
.overview-content .local-cloud-storage .swiper-nav {
  position: absolute;
  /* top: 5.6em; = 89.6px */
  top: clamp(35.62px, 4.67vw, 89.6px);
  right: 0;
  display: flex;
  /* gap: 0.5em; = 8px */
  gap: clamp(3.18px, 0.42vw, 8px);
  z-index: 10;
}
.overview-content .local-cloud-storage .swiper-nav .button-prev,
.overview-content .local-cloud-storage .swiper-nav .button-next {
  width: clamp(21.47px, 2.81vw, 54px);
  cursor: pointer;
  user-select: none;
  line-height: 0;
}
.overview-content .local-cloud-storage .swiper-nav .button-prev img,
.overview-content .local-cloud-storage .swiper-nav .button-next img {
  width: 100%;
  height: auto;
  display: block;
}
.overview-content .local-cloud-storage .swiper-nav .button-prev .disabled-img,
.overview-content .local-cloud-storage .swiper-nav .button-next .disabled-img {
  display: none;
}
.overview-content .local-cloud-storage .swiper-nav .button-prev:hover,
.overview-content .local-cloud-storage .swiper-nav .button-next:hover {
  opacity: 0.8;
}
.overview-content
  .local-cloud-storage
  .swiper-nav
  .button-prev.swiper-button-disabled
  img,
.overview-content
  .local-cloud-storage
  .swiper-nav
  .button-next.swiper-button-disabled
  img {
  display: none;
}
.overview-content
  .local-cloud-storage
  .swiper-nav
  .button-prev.swiper-button-disabled
  .disabled-img,
.overview-content
  .local-cloud-storage
  .swiper-nav
  .button-next.swiper-button-disabled
  .disabled-img {
  display: block;
}
.overview-content
  .local-cloud-storage
  .swiper-nav
  .button-prev.swiper-button-disabled,
.overview-content
  .local-cloud-storage
  .swiper-nav
  .button-next.swiper-button-disabled {
  cursor: default;
  pointer-events: none;
}

/* Swiper container — break out of w-container to fill viewport */
.overview-content .local-cloud-storage .storage-swiper {
  overflow: visible;
  /* margin-left: 360px at 1920px => use clamp for negative offset */
  margin-left: calc(clamp(143.1px, 18.75vw, 360px) * -1);
  width: 100vw;
  padding-left: clamp(143.1px, 18.75vw, 360px);
  padding-right: clamp(143.1px, 18.75vw, 360px);
  box-sizing: border-box;
}
.overview-content .local-cloud-storage .storage-swiper .swiper-wrapper {
  display: flex;
}
.overview-content .local-cloud-storage .storage-swiper .swiper-slide {
  flex-shrink: 0;
  box-sizing: border-box;
  width: 32vw;
}

/* Card image */
.overview-content .local-cloud-storage .slide-img {
  width: 100%;
  /* border-radius: 0.75em; = 12px */
  border-radius: clamp(4.77px, 0.63vw, 12px);
  overflow: hidden;
  /* margin-bottom: 1.25em; = 20px */
  margin-bottom: clamp(7.95px, 1.04vw, 20px);
  position: relative;
}
.overview-content .local-cloud-storage .slide-img img {
  width: 100%;
  height: auto;
  display: block;
}

/* Image overlay text */
.overview-content .local-cloud-storage .img-overlay {
  position: absolute;
  top: 0;
  left: 12%;
  color: #fff;
  z-index: 2;
}
.overview-content .local-cloud-storage .img-overlay .overlay-sub {
  /* font-size: 3.4em; */
  font-size: clamp(21.47px, 2.81vw, 54px);
  font-weight: 600;
  line-height: 1.2;
  padding: 0;
  color: #a6e3ff;
}
.overview-content .local-cloud-storage .img-overlay .overlay-big {
  /* font-size: 8.2em; */
  font-size: clamp(52.47px, 6.88vw, 132px);
  font-weight: 700;
  line-height: 1;
  padding: 0;
  color: #a6e3ff;
  letter-spacing: -0.02em;
}

/* Card text */
.overview-content .local-cloud-storage .slide-txt {
  text-align: left;
}
.overview-content .local-cloud-storage .slide-txt .title {
  /* font-size: 1.88em; */
  font-size: clamp(11.95px, 1.57vw, 30.08px);
  font-weight: 600;
  line-height: 1.3;
  /* padding-bottom: 0.4em; */
  padding-bottom: clamp(2.54px, 0.33vw, 6.4px);
  color: #fff;
}
.overview-content .local-cloud-storage .slide-txt .info {
  /* font-size: 1.2em; */
  font-size: clamp(7.63px, 1vw, 19.2px);
  font-weight: 300;
  line-height: 1.55;
  color: #fff;
  /* padding-right: 6em; */
  padding-right: clamp(38.16px, 5vw, 96px);
}
.overview-content .local-cloud-storage .slide-txt .link-more {
  /* font-size: 1.2em; */
  font-size: clamp(7.63px, 1vw, 19.2px);
  font-weight: 300;
  color: #4db8ff;
  text-decoration: underline;
  /* margin-top: 0.5em; */
  margin-top: clamp(3.18px, 0.42vw, 8px);
  display: inline-block;
}
.overview-content .local-cloud-storage .slide-img .m-show {
  display: none;
}

@media (max-width: 736px) {
  .overview-content .local-cloud-storage {
    padding-bottom: 14vw;
    margin-bottom: -1px;
  }
  .overview-content .local-cloud-storage .text {
    padding: 0;
  }

  .overview-content .local-cloud-storage .w-container {
    width: auto;
  }
  .overview-content .local-cloud-storage .swiper-nav {
    top: 15vw;
    right: 6vw;
  }
  .overview-content .local-cloud-storage .swiper-nav .button-prev,
  .overview-content .local-cloud-storage .swiper-nav .button-next {
    width: 8vw;
  }
  .overview-content .local-cloud-storage .text h2 {
    font-size: 6.25vw;
    padding: 10vw 40vw 3vw 6vw;
  }
  .overview-content .local-cloud-storage .storage-swiper {
    margin-left: 0;
    width: 100%;
    padding-left: 6vw;
    padding-right: 3vw;
  }
  .overview-content .local-cloud-storage .storage-swiper .swiper-slide {
    width: 88vw;
  }
  /* Mobile image swap */
  .overview-content .local-cloud-storage .slide-img .m-hide {
    display: none;
  }
  .overview-content .local-cloud-storage .slide-img .m-show {
    display: block;
    width: 100%;
    height: auto;
  }
  .overview-content .local-cloud-storage .slide-img {
    border-radius: 0.8em;
    margin-bottom: 0.8em;
  }
  /* Overlay: inline row on mobile */
  .overview-content .local-cloud-storage .img-overlay {
    display: flex;
    align-items: baseline;
    gap: 0.2em;
    left: 5%;
    top: 3%;
  }
  .overview-content .local-cloud-storage .img-overlay .overlay-sub {
    font-size: 5vw;
    font-weight: 600;
  }
  .overview-content .local-cloud-storage .img-overlay .overlay-big {
    font-size: 14vw;
    font-weight: 700;
  }
  /* Slide text */
  .overview-content .local-cloud-storage .slide-txt {
    padding: 0;
    margin: 0;
  }
  .overview-content .local-cloud-storage .slide-txt .title {
    font-size: 4.38vw;
    padding: 0;
    margin: 0;
    padding-bottom: 0.3em;
  }
  .overview-content .local-cloud-storage .slide-txt .info {
    font-size: 3.72vw;
    padding-right: 0;
    line-height: 1.45;
    padding: 0;
    margin: 0;
  }
  .overview-content .local-cloud-storage .slide-txt .link-more {
    font-size: 3.72vw;
    margin-top: 0.4em;
  }
}

/* ===== Flexible Power Section ===== */
.overview-content .flexible-power {
  background-color: #000;
  color: #fff;
  overflow: hidden;
  padding-bottom: clamp(31.8px, 4.17vw, 80px);
}
.overview-content .flexible-power .w-container {
  position: relative;
  width: 62.5%;
  max-width: 73.125em;
}
.overview-content .flexible-power .text {
  padding: clamp(31.8px, 4.17vw, 80px) 0 clamp(9.54px, 1.25vw, 24px);
  text-align: left;
}
.overview-content .flexible-power .text h2 {
  font-size: clamp(17.89px, 2.34vw, 45px);
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}

/* Navigation arrows */
.overview-content .flexible-power .swiper-nav {
  position: absolute;
  top: clamp(35.62px, 4.67vw, 89.6px);
  right: 0;
  display: flex;
  gap: clamp(3.18px, 0.42vw, 8px);
  z-index: 10;
}
.overview-content .flexible-power .swiper-nav .button-prev,
.overview-content .flexible-power .swiper-nav .button-next {
  width: clamp(21.47px, 2.81vw, 54px);
  cursor: pointer;
  user-select: none;
  line-height: 0;
}
.overview-content .flexible-power .swiper-nav .button-prev img,
.overview-content .flexible-power .swiper-nav .button-next img {
  width: 100%;
  height: auto;
  display: block;
}
.overview-content .flexible-power .swiper-nav .button-prev .disabled-img,
.overview-content .flexible-power .swiper-nav .button-next .disabled-img {
  display: none;
}
.overview-content .flexible-power .swiper-nav .button-prev:hover,
.overview-content .flexible-power .swiper-nav .button-next:hover {
  opacity: 0.8;
}
.overview-content
  .flexible-power
  .swiper-nav
  .button-prev.swiper-button-disabled
  img,
.overview-content
  .flexible-power
  .swiper-nav
  .button-next.swiper-button-disabled
  img {
  display: none;
}
.overview-content
  .flexible-power
  .swiper-nav
  .button-prev.swiper-button-disabled
  .disabled-img,
.overview-content
  .flexible-power
  .swiper-nav
  .button-next.swiper-button-disabled
  .disabled-img {
  display: block;
}
.overview-content
  .flexible-power
  .swiper-nav
  .button-prev.swiper-button-disabled,
.overview-content
  .flexible-power
  .swiper-nav
  .button-next.swiper-button-disabled {
  cursor: default;
  pointer-events: none;
}

/* Swiper container — break out of w-container to fill viewport */
.overview-content .flexible-power .power-swiper {
  overflow: visible;
  margin-left: calc(clamp(143.1px, 18.75vw, 360px) * -1);
  width: 100vw;
  padding-left: clamp(143.1px, 18.75vw, 360px);
  padding-right: clamp(143.1px, 18.75vw, 360px);
  box-sizing: border-box;
}
.overview-content .flexible-power .power-swiper .swiper-wrapper {
  display: flex;
}
.overview-content .flexible-power .power-swiper .swiper-slide {
  flex-shrink: 0;
  box-sizing: border-box;
  width: 62vw;
}

/* Card image */
.overview-content .flexible-power .slide-img {
  width: 100%;
  border-radius: clamp(4.77px, 0.63vw, 12px);
  overflow: hidden;
  position: relative;
}
.overview-content .flexible-power .slide-img img {
  width: 100%;
  height: auto;
  display: block;
}

/* Image overlay text */
.overview-content .flexible-power .img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  padding: clamp(25.44px, 3.33vw, 64px);
  box-sizing: border-box;
  z-index: 2;
}
.overview-content .flexible-power .img-overlay .overlay-title {
  font-size: 1.88vw;
  font-weight: 400;
  line-height: 1.3;
  padding: 0 0 0.8em;
  color: #fff;
}
.overview-content .flexible-power .img-overlay .overlay-label {
  font-size: clamp(8.95px, 1.17vw, 22.5px);
  font-weight: 500;
  line-height: 1.4;
  padding: 0 0 0.15em;
  color: #fff;
}
.overview-content .flexible-power .img-overlay .overlay-desc {
  font-size: clamp(7.63px, 1vw, 19.2px);
  font-weight: 300;
  line-height: 1.5;
  padding: 0 0 0.8em;
  color: #fff;
}

/* Right-side overlay for cable labels */
.overview-content .flexible-power .img-overlay-right {
  position: absolute;
  top: 32.8%;
  right: 24%;
  display: flex;
  gap: 4.5vw;
  box-sizing: border-box;
  z-index: 2;
}
.overview-content .flexible-power .img-overlay-right .overlay-caption {
  font-size: clamp(5.09px, 0.67vw, 12.8px);
  font-weight: 300;
  line-height: 1.4;
  color: #fff;
  text-align: left;
  padding: 0;
}

@media (max-width: 736px) {
  .overview-content .flexible-power {
    padding-bottom: 3em;
  }
  .overview-content .flexible-power .w-container {
    width: auto;
  }
  .overview-content .flexible-power .text {
    padding: 0;
  }
  .overview-content .flexible-power .text h2 {
    font-size: 6.25vw;
    padding: 0vw 30vw 3vw 6vw;
  }
  .overview-content .flexible-power .swiper-nav {
    top: 3.5em;
    right: 6vw;
  }
  .overview-content .flexible-power .power-swiper {
    margin-left: 0;
    width: 100%;
    padding-left: 6vw;
    padding-right: 6vw;
  }
  .overview-content .flexible-power .power-swiper .swiper-slide {
    width: calc(100vw - 12vw);
  }
  .overview-content .flexible-power .swiper-nav .button-prev,
  .overview-content .flexible-power .swiper-nav .button-next {
    width: 8vw;
  }
  .overview-content .flexible-power .img-overlay {
    width: 100%;
    padding: 4vw;
  }
  .overview-content .flexible-power .img-overlay .overlay-title {
    font-size: 4.38vw;
    font-weight: 500;
    padding-bottom: 0.6em;
  }
  .overview-content .flexible-power .img-overlay .overlay-label {
    font-size: 3.75vw;
    font-weight: 500;
    padding-bottom: 0.15em;
  }
  .overview-content .flexible-power .img-overlay .overlay-desc {
    font-size: 3.75vw;
    font-weight: 300;
    line-height: 1.45;
    padding-bottom: 5vw;
  }
  .overview-content .flexible-power .img-overlay-right {
    top: auto;
    bottom: 31vw;
    left: 3vw;
    gap: 10vw;
    padding: 0;
  }
  .overview-content .flexible-power .img-overlay-right .overlay-caption {
    font-size: 2.6vw;
    text-align: left;
  }
}

/* ===== Final Carousel Section ===== */
.overview-content .final-carousel {
  background-color: #000;
  color: #fff;
  overflow: hidden;
  padding-bottom: clamp(31.8px, 4.17vw, 80px);
}
.overview-content .final-carousel .w-container {
  position: relative;
  width: 62.5%;
  max-width: 73.125em;
  /* top padding where title would be — just pad for the nav row */
  padding-top: clamp(31.8px, 4.17vw, 80px);
}
.overview-content .final-carousel .text {
  /* padding: 5em 0 1.5em; = 80px 0 24px */
  padding: 0 0 clamp(9.54px, 1.25vw, 24px);
  text-align: left;
}

/* Navigation arrows — same position as local-cloud-storage */
.overview-content .final-carousel .swiper-nav {
  position: absolute;
  top: clamp(31.8px, 4.17vw, 80px);
  right: 0;
  display: flex;
  gap: clamp(3.18px, 0.42vw, 8px);
  z-index: 10;
}
.overview-content .final-carousel .swiper-nav .button-prev,
.overview-content .final-carousel .swiper-nav .button-next {
  width: clamp(21.47px, 2.81vw, 54px);
  cursor: pointer;
  user-select: none;
  line-height: 0;
}
.overview-content .final-carousel .swiper-nav .button-prev img,
.overview-content .final-carousel .swiper-nav .button-next img {
  width: 100%;
  height: auto;
  display: block;
}
.overview-content .final-carousel .swiper-nav .button-prev .disabled-img,
.overview-content .final-carousel .swiper-nav .button-next .disabled-img {
  display: none;
}
.overview-content .final-carousel .swiper-nav .button-prev:hover,
.overview-content .final-carousel .swiper-nav .button-next:hover {
  opacity: 0.8;
}
.overview-content
  .final-carousel
  .swiper-nav
  .button-prev.swiper-button-disabled
  img,
.overview-content
  .final-carousel
  .swiper-nav
  .button-next.swiper-button-disabled
  img {
  display: none;
}
.overview-content
  .final-carousel
  .swiper-nav
  .button-prev.swiper-button-disabled
  .disabled-img,
.overview-content
  .final-carousel
  .swiper-nav
  .button-next.swiper-button-disabled
  .disabled-img {
  display: block;
}
.overview-content
  .final-carousel
  .swiper-nav
  .button-prev.swiper-button-disabled,
.overview-content
  .final-carousel
  .swiper-nav
  .button-next.swiper-button-disabled {
  cursor: default;
  pointer-events: none;
}

/* Swiper container — break out of w-container */
.overview-content .final-carousel .final-swiper {
  overflow: visible;
  margin-left: calc(clamp(143.1px, 18.75vw, 360px) * -1);
  width: 100vw;
  padding-left: clamp(143.1px, 18.75vw, 360px);
  padding-right: clamp(143.1px, 18.75vw, 360px);
  box-sizing: border-box;
  /* space below nav buttons */
  margin-top: clamp(15.9px, 2.08vw, 40px);
}
.overview-content .final-carousel .final-swiper .swiper-wrapper {
  display: flex;
}
.overview-content .final-carousel .final-swiper .swiper-slide {
  flex-shrink: 0;
  box-sizing: border-box;
  width: 32vw;
}

/* Card image */
.overview-content .final-carousel .slide-img {
  width: 100%;
  border-radius: clamp(4.77px, 0.63vw, 12px);
  overflow: hidden;
  margin-bottom: clamp(7.95px, 1.04vw, 20px);
  position: relative;
}
.overview-content .final-carousel .slide-img > img {
  width: 100%;
  height: auto;
  display: block;
}

/* Card text */
.overview-content .final-carousel .slide-txt {
  text-align: left;
}
.overview-content .final-carousel .slide-txt .title {
  font-size: clamp(11.95px, 1.57vw, 30.08px);
  font-weight: 600;
  line-height: 1.3;
  padding-bottom: clamp(2.54px, 0.33vw, 6.4px);
  color: #fff;
}
.overview-content .final-carousel .slide-txt .info {
  font-size: clamp(7.63px, 1vw, 19.2px);
  font-weight: 300;
  line-height: 1.55;
  color: #fff;
  padding-right: clamp(38.16px, 5vw, 96px);
}

/* Overlay — slide 3a: PT Lens / Fixed Lens captions */
.overview-content .final-carousel .img-overlay {
  position: absolute;
  z-index: 2;
}
.overview-content .final-carousel .slide-img .img-overlay .overlay-caption {
  font-size: 3em;
  font-weight: 400;
  line-height: 1.3;
  color: #333;
  text-align: center;
  padding: 0;
}

.overview-content .final-swiper .swiper-wrapper .slide-img1-container {
  position: relative;
  background-color: #f3f5f8;
  aspect-ratio: 774 / 675;
  overflow: hidden;
  border-radius: inherit;
}

.overview-content
  .final-swiper
  .swiper-wrapper
  .slide-img1-container
  .slide-swiper-image {
  position: absolute;
  top: 3.7%;
  left: 3.75%;
  width: 92.77%;
  height: auto;
  display: block;
}

.overview-content
  .final-swiper
  .swiper-wrapper
  .slide-img1-container
  .slide-img1-bottom {
  position: absolute;
  left: 0;
  top: 64.44%;
  width: 100%;
  height: 35.56%;
  margin: 0;
}

.overview-content
  .final-swiper
  .swiper-wrapper
  .slide-img1-container
  .slide-img1-bottom-content {
  position: absolute;
  top: 16.67%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(5.72px, 0.75vw, 14.4px);
  width: 22.87%;
}

.overview-content
  .final-swiper
  .swiper-wrapper
  .slide-img1-container
  .slide-img1-bottom-content:first-child {
  left: 22.1%;
}

.overview-content
  .final-swiper
  .swiper-wrapper
  .slide-img1-container
  .slide-img1-bottom-content:last-child {
  left: 57.1%;
}

.overview-content
  .final-swiper
  .swiper-wrapper
  .slide-img1-container
  .slide-img1-bottom-content
  .slide-img1-bottom-icon,
.overview-content
  .final-swiper
  .swiper-wrapper
  .slide-img1-container
  .slide-img1-bottom-content
  .slide-img1-bottom-img2 {
  width: 100%;
  height: auto;
  display: block;
}

.overview-content
  .final-swiper
  .swiper-wrapper
  .slide-img1-container
  .slide-img1-bottom
  b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.55em;
  height: 1.55em;
  margin: 0;
}

.overview-content
  .final-swiper
  .swiper-wrapper
  .slide-img1-container
  .slide-img1-bottom
  b
  img {
  width: 1.35em;
}

.overview-content
  .final-swiper
  .swiper-wrapper
  .slide-img1-container
  .slide-img1-bottom
  .slide-img1-bottom-content
  .slide-img1-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.35em;
}

.overview-content
  .final-swiper
  .swiper-wrapper
  .slide-img1-container
  .slide-img1-bottom
  p {
  color: black;
  font-size: clamp(0.48em, 1vw, 1.2em);
  white-space: nowrap;
  padding: 0;
}

@media (max-width: 736px) {
  .overview-content
    .final-swiper
    .swiper-wrapper
    .slide-img1-container
    .slide-img1-bottom
    p {
    font-size: 3.5vw;
  }
}

/* 3a overlay: bottom area with two captions side by side */
.overview-content .final-carousel .swiper-slide:first-child .img-overlay {
  bottom: 8%;
  left: 18%;
  display: flex;
  gap: clamp(7.95px, 1.04vw, 20px);
}

/* Overlay — slide 3d: speech bubbles */
.overview-content .final-carousel .img-overlay-3d-ok {
  top: 26.5%;
  right: 18.6%;
  left: auto;
  display: inline-block;
  max-width: min(20em, 70vw);
  font-size: clamp(7.95px, 1.04vw, 20px);
}

.overview-content .final-carousel .img-overlay-3d-ok span {
  position: relative;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  padding: 0.46em 0.73em 0.5em;
  line-height: 1.15;
  text-align: center;
  color: #fff;
  font-weight: 400;
  overflow-wrap: anywhere;
}

.overview-content .final-carousel .img-overlay-3d-ok .ok-icon {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 999px;
}

.overview-content .final-carousel .img-overlay-3d-door {
  top: auto;
  bottom: 21.5%;
  right: auto;
  left: 32.4%;
  display: inline-block;
  font-size: clamp(7.95px, 1.04vw, 20px);
}

.overview-content .final-carousel .img-overlay-3d-door .bubble-msg {
  position: relative;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  width: max-content;
  padding: 0.48em 1.15em 0.55em;
  background: #0068b5;
  border-radius: 999px;
  line-height: 1.15;
  text-align: center;
  color: #fff;
  font-weight: 400;
  white-space: nowrap;
}

.overview-content .final-carousel .img-overlay-3d-door .door-icon {
  display: none;
}

/* Overlay — slide 3e: smart assistant logos + Alexa bubble */
.overview-content .final-carousel .img-overlay-3e {
  top: 43.8%;
  left: 9%;
  right: auto;
  bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: clamp(7.95px, 1.04vw, 20px);
}
.overview-content .final-carousel .logo-badge {
  display: block;
  height: clamp(9.14px, 1.2vw, 23px);
  width: auto;
}

.overview-content .final-carousel .m-show {
  display: none !important;
}

@media (max-width: 736px) {
  .overview-content .final-carousel {
    padding-bottom: 14vw;
  }
  .overview-content .final-carousel .m-show {
    display: block !important;
  }
  .overview-content .final-carousel .m-hide {
    display: none !important;
  }
  .overview-content .final-carousel .w-container {
    width: auto;
    padding-top: 0;
  }
  .overview-content .final-carousel .text {
    padding: 14vw;
  }
  .overview-content .final-carousel .text h2 {
    font-size: 6.25vw;
    padding: 10vw 40vw 3vw 6vw;
  }
  .overview-content .final-carousel .swiper-nav {
    top: 15vw;
    right: 6vw;
  }
  .overview-content .final-carousel .swiper-nav .button-prev,
  .overview-content .final-carousel .swiper-nav .button-next {
    width: 8vw;
  }
  .overview-content .final-carousel .final-swiper {
    margin-left: 0;
    width: 100%;
    padding-left: 6vw;
    padding-right: 3vw;
    margin-top: 0;
  }
  .overview-content .final-carousel .final-swiper .swiper-slide {
    width: 88vw;
  }
  .overview-content .final-carousel .slide-img {
    border-radius: 0.8em;
    margin-bottom: 0.8em;
  }
  .overview-content .final-carousel .slide-txt {
    padding: 0;
    margin: 0;
  }
  .overview-content .final-carousel .slide-txt .title {
    font-size: 4.38vw;
    padding: 0;
    margin: 0;
    padding-bottom: 0.3em;
  }
  .overview-content .final-carousel .slide-txt .info {
    font-size: 3.72vw;
    padding-right: 0;
    line-height: 1.45;
    padding: 0;
    margin: 0;
  }
  .overview-content .final-carousel .img-overlay-3d-door {
    font-size: 3.75vw;
    bottom: 20%;
    right: auto;
    left: 24.7%;
  }

  .overview-content .final-carousel .img-overlay-3d-ok {
    font-size: 3.75vw;
    top: 26.8%;
  }
  .overview-content .final-carousel .img-overlay-3d-ok span {
    padding: 0.36em 0.55em 0.42em;
  }
  .overview-content .final-carousel .img-overlay-3e {
    font-size: 3vw;
  }
}

.overview-content .flexible-storage-choices {
  height: 0;
  padding-bottom: 47vw;
  background: #000 url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202813765_13-weather.png) bottom / 100% no-repeat;
  position: relative;
}
.overview-content .flexible-storage-choices .w-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 73.125em;
  margin: 0 auto;
}
.overview-content .flexible-storage-choices .text {
  position: absolute;
  top: 60%;
  right: 0;
  width: 38%;
  transform: translateY(-50%);
  padding: 0;
  text-align: left;
  color: #fff;
}
.overview-content .flexible-storage-choices h2 {
  font-size: 2.8125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.375em;
}
.overview-content .flexible-storage-choices p {
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.5;
}
.overview-content .flexible-storage-choices .ul-icons {
  width: 100%;
  margin: 1.5em 0 0;
  list-style: none;
  padding: 0;
}
.overview-content .flexible-storage-choices .ul-icons li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 0.75em;
}
.overview-content .flexible-storage-choices .ul-icons li + li {
  margin-top: 1em;
}
.overview-content .flexible-storage-choices .ul-icons li p {
  padding: 0;
  font-size: 1em;
  line-height: 1.4;
}
.overview-content .flexible-storage-choices .ul-icons li .icon {
  display: block;
  width: 2em;
  height: auto;
  margin: 0;
  flex-shrink: 0;
}
.overview-content .flexible-storage-choices .ul-icons li .icon-txt {
  padding: 0;
  text-align: left;
}
@media (max-width: 736px) {
  .overview-content .flexible-storage-choices {
    height: auto;
    padding-bottom: 80vw;
    background: #000 url(https://static-product-no-cdn.tp-link.com/tapo-c575d_v1/img/1781202814016_13-weather.png) bottom / 100%
      no-repeat;
  }
  .overview-content .flexible-storage-choices .w-container {
    position: relative;
    width: auto;
  }
  .overview-content .flexible-storage-choices .text {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    transform: none;
    padding: 0 0 2em;
    color: #fff;
  }
  .overview-content .flexible-storage-choices h2 {
    font-size: 6.25vw;
    padding: 14vw 5vw 3vw;
  }
  .overview-content .flexible-storage-choices p {
    font-size: 4.375vw;
    padding: 0 5vw 8vw;
  }
  .overview-content .flexible-storage-choices .ul-icons {
    margin: 1em 6vw 0;
  }
  .overview-content .flexible-storage-choices .ul-icons li p {
    font-size: 3.75vw;
  }
  .overview-content .flexible-storage-choices .ul-icons li .icon {
    width: 8vw;
  }
  .overview-content .flexible-storage-choices .ul-icons li {
    align-items: center;
  }
}