.overview-content .explore-new-WiFi-era {
  font-size: 16px;
  background: url(./img/a.jpg) 50% 0 no-repeat;
  background-size: 120em;
  height: 50.5em;
  max-width: 120em;
  margin: 0 auto;
}

.overview-content .explore-new-WiFi-era .w-container {
  width: 73.125em;
  margin: 0 auto;
}

.overview-content .explore-new-WiFi-era .text {
  padding: 7em 0 0;
  text-align: center;
}

.overview-content .explore-new-WiFi-era h2 {
  font-size: 3.09375em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.25em;
}
.overview-content .explore-new-WiFi-era h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 0.75em;
}
.overview-content .explore-new-WiFi-era .model {
  font-size: 2.34375em;
  font-weight: 400;
  line-height: 1.5;
  display: inline-block;
  border-radius: 0.25em;
  padding: 0 0.4em;
  vertical-align: middle;
  margin-right: 1em;
  border: 3px solid #000;
}

.overview-content .explore-new-WiFi-era img.wifi6-icon {
  width: 5.95em;
  vertical-align: middle;
  display: block;
  padding-top: 2em;
}

@media (max-width: 1680px) {
  .overview-content .explore-new-WiFi-era {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .explore-new-WiFi-era {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .overview-content .explore-new-WiFi-era {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .explore-new-WiFi-era {
    font-size: 10.35px;
    height: 132.59375vw;
    background: url(./m/a.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .overview-content .explore-new-WiFi-era .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .explore-new-WiFi-era .text {
    margin: 0 auto;
    padding: 11vw 10vw 0 7vw;
    text-align: left;
  }

  .overview-content .explore-new-WiFi-era h2 {
    font-size: 7.8125vw;
    line-height: 1.2;
    padding: 0 0 0.25em;
  }
  .overview-content .explore-new-WiFi-era h3 {
    font-size: 4.6875vw;
    line-height: 1.5;
    padding: 0 0 1em;
  }

  .overview-content .explore-new-WiFi-era .model {
    padding: 0 0.5em;
    font-size: 4.6875vw;
    border: 1px solid #000;
  }

  .overview-content .explore-new-WiFi-era img {
    width: 6em;
  }
  .overview-content .explore-new-WiFi-era img.wifi6-icon {
    width: 4em;
    display: block;
    padding-top: 1em;
    margin-left: 20px;
  }
}

@media (max-width: 414px) {
  .overview-content .explore-new-WiFi-era {
    font-size: 2.5vw;
  }
}

.overview-content .two-modes-in-one {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #fff;
  padding: 5em 0;
}

.overview-content .two-modes-in-one .w-container {
  width: 73.125em;
  position: relative;
  margin: 0 auto;
}
.overview-content .two-modes-in-one ul {
  display: flex;
  justify-content: space-between;
}
.overview-content .two-modes-in-one li {
  display: flex;
  width: 18%;
  align-items: center;
}
.overview-content .two-modes-in-one li .img-container {
  width: 4.6875em;
  height: 4.6875em;
  margin-right: 1em;
}
.overview-content .two-modes-in-one li .img-container img {
  width: 100%;
}
.overview-content .two-modes-in-one li span {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.2;
  display: inline-block;
  flex: 1;
  width: 5em;
}
@media (max-width: 1680px) {
  .overview-content .two-modes-in-one {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .two-modes-in-one {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .overview-content .two-modes-in-one {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .two-modes-in-one {
    font-size: 10.35px;
    padding: 0;
  }

  .overview-content .two-modes-in-one .w-container {
    width: auto;
    max-width: none;
  }

  .overview-content .two-modes-in-one .text {
    padding: 0;
    max-width: 100%;
  }

  .overview-content .two-modes-in-one ul {
    flex-wrap: wrap;
    padding: 3em 20px 0;
  }
  .overview-content .two-modes-in-one ul li {
    width: 49%;
    padding-bottom: 2em;
  }
  .overview-content .two-modes-in-one li span {
    font-size: 1.5em;
  }
}

@media (max-width: 414px) {
  .overview-content .two-modes-in-one {
    font-size: 2.5vw;
  }
}

.overview-content .extensive-wifi-coverage {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
}
.overview-content .extensive-wifi-coverage .bg-box {
  width: 82.5em;
  background: #f8f8f8 url(./img/f.jpg) 50% 100% no-repeat;
  background-size: 100%;
  padding-bottom: 27em;
  margin: 4em auto;
}
.overview-content .extensive-wifi-coverage .w-container {
  position: relative;
  margin: 0 auto;
  width: 73.125em;
}

.overview-content .extensive-wifi-coverage .text {
  padding: 2em 0 0;
  text-align: center;
}

.overview-content .extensive-wifi-coverage .text h2 {
  font-size: 2.34375em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .extensive-wifi-coverage .text p {
  font-size: 1.21875em;
  line-height: 1.5;
  font-weight: 400;
}

.overview-content .extensive-wifi-coverage .bg {
  position: absolute;
  left: 0;
  right: 0;
}
.overview-content .extensive-wifi-coverage .bg .desc {
  position: absolute;
}
.overview-content .extensive-wifi-coverage .bg .desc span {
  font-size: 1.03125em;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  text-align: center;
}

.overview-content .extensive-wifi-coverage .bg .desc1 {
  left: 7em;
  width: 8em;
  top: 10.5em;
}
.overview-content .extensive-wifi-coverage .bg .desc2 {
  left: 17em;
  width: 8em;
  top: 10.5em;
}
.overview-content .extensive-wifi-coverage .bg .desc3 {
  left: 7em;
  width: 8em;
  top: 16.5em;
}
.overview-content .extensive-wifi-coverage .bg .desc4 {
  left: 17em;
  width: 8em;
  top: 16.5em;
}
.overview-content .extensive-wifi-coverage .bg .desc5 {
  left: 7em;
  width: 8em;
  top: 22em;
}
.overview-content .extensive-wifi-coverage .bg .desc6 {
  left: 17em;
  width: 8em;
  top: 22em;
}
.overview-content .extensive-wifi-coverage .bg .desc7 {
  left: 31em;
  width: 10em;
  top: 17.5em;
}
.overview-content .extensive-wifi-coverage .bg .desc7 span {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.2;
}
.overview-content .extensive-wifi-coverage .bg .desc8 {
  left: 47.25em;
  width: 16em;
  top: 8.5em;
}
.overview-content .extensive-wifi-coverage .bg .desc9 {
  left: 47.25em;
  width: 16em;
  top: 13em;
}
.overview-content .extensive-wifi-coverage .bg .desc10 {
  left: 47.25em;
  width: 16em;
  top: 16.25em;
}
.overview-content .extensive-wifi-coverage .bg .desc11 {
  left: 47.25em;
  width: 16em;
  top: 20em;
}
@media (max-width: 1680px) {
  .overview-content .extensive-wifi-coverage {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .extensive-wifi-coverage {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .overview-content .extensive-wifi-coverage {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .extensive-wifi-coverage {
    font-size: 10.35px;
    background-size: 100%;
    padding: 0;
  }
  .overview-content .extensive-wifi-coverage .bg-box {
    margin: 0 auto;
    background: url(./m/f.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 176vw;
    width: auto;
  }
  .overview-content .extensive-wifi-coverage .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .extensive-wifi-coverage .text {
    padding: 0;
    text-align: left;
  }

  .overview-content .extensive-wifi-coverage .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .extensive-wifi-coverage .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
    font-weight: 300;
  }

  .overview-content .extensive-wifi-coverage .bg .desc span {
    font-size: 3.5vw;
    font-weight: 400;
    line-height: 1.2;
    display: block;
    text-align: center;
  }

  .overview-content .extensive-wifi-coverage .bg .desc1 {
    left: 8vw;
    width: 24vw;
    top: 28vw;
  }
  .overview-content .extensive-wifi-coverage .bg .desc2 {
    left: 37vw;
    width: 24vw;
    top: 28vw;
  }
  .overview-content .extensive-wifi-coverage .bg .desc3 {
    left: 68vw;
    width: 24vw;
    top: 28vw;
  }
  .overview-content .extensive-wifi-coverage .bg .desc4 {
    left: 8vw;
    width: 24vw;
    top: 48vw;
  }
  .overview-content .extensive-wifi-coverage .bg .desc5 {
    left: 38vw;
    width: 24vw;
    top: 48vw;
  }
  .overview-content .extensive-wifi-coverage .bg .desc6 {
    left: 69vw;
    width: 24vw;
    top: 48vw;
  }
  .overview-content .extensive-wifi-coverage .bg .desc7 {
    left: 25vw;
    width: 51vw;
    top: 80vw;
  }
  .overview-content .extensive-wifi-coverage .bg .desc7 span {
    font-size: 4vw;
    font-weight: 500;
    line-height: 1.2;
  }
  .overview-content .extensive-wifi-coverage .bg .desc8 {
    left: 44vw;
    width: 57vw;
    top: 120vw;
    transform: rotate(90deg);
  }
  .overview-content .extensive-wifi-coverage .bg .desc9 {
    left: 28vw;
    width: 57vw;
    top: 120vw;
    transform: rotate(90deg);
  }
  .overview-content .extensive-wifi-coverage .bg .desc10 {
    left: 16vw;
    width: 57vw;
    top: 120vw;
    transform: rotate(90deg);
  }
  .overview-content .extensive-wifi-coverage .bg .desc11 {
    left: 2vw;
    width: 57vw;
    top: 120vw;
    transform: rotate(90deg);
  }
}

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

.overview-content .uninterrupted-connectivity {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
}
.overview-content .uninterrupted-connectivity .bg-box {
  width: 82.5em;
  background: #f8f8f8 url(./img/g.jpg) 50% 100% no-repeat;
  background-size: 100%;
  padding-bottom: 25em;
  margin: 4em auto;
}
.overview-content .uninterrupted-connectivity .w-container {
  position: relative;
  margin: 0 auto;
  width: 73.125em;
}

.overview-content .uninterrupted-connectivity .text {
  padding: 2em 0 0;
  text-align: center;
}

.overview-content .uninterrupted-connectivity .text h2 {
  font-size: 2.34375em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .uninterrupted-connectivity .text p {
  font-size: 1.21875em;
  line-height: 1.5;
  font-weight: 400;
}

.overview-content .uninterrupted-connectivity .bg {
  position: absolute;
  left: 0;
  right: 0;
}
.overview-content .uninterrupted-connectivity .bg .desc {
  position: absolute;
}
.overview-content .uninterrupted-connectivity .bg .desc span {
  font-size: 1.03125em;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  text-align: center;
}

.overview-content .uninterrupted-connectivity .bg .desc1 {
  left: 3em;
  width: 8em;
  top: 9.25em;
}
.overview-content .uninterrupted-connectivity .bg .desc2 {
  left: 3em;
  width: 8em;
  top: 20.5em;
}
.overview-content .uninterrupted-connectivity .bg .desc3 {
  left: 11em;
  width: 5em;
  top: 10.5em;
}
.overview-content .uninterrupted-connectivity .bg .desc4 {
  left: 15em;
  width: 15em;
  top: 15.5em;
}
.overview-content .uninterrupted-connectivity .bg .desc5 {
  left: 31em;
  width: 8em;
  top: 14em;
}
.overview-content .uninterrupted-connectivity .bg .desc6 {
  left: 51em;
  width: 10em;
  top: 9.75em;
}
.overview-content .uninterrupted-connectivity .bg .desc7 {
  left: 51em;
  width: 10em;
  top: 12.25em;
}

.overview-content .uninterrupted-connectivity .bg .desc8 {
  left: 51em;
  width: 10em;
  top: 14.35em;
}
.overview-content .uninterrupted-connectivity .bg .desc9 {
  left: 65.5em;
  width: 10em;
  top: 9.7em;
}
.overview-content .uninterrupted-connectivity .bg .desc10 {
  left: 65.5em;
  width: 10em;
  top: 12em;
}
.overview-content .uninterrupted-connectivity .bg .desc11 {
  left: 47.25em;
  width: 16em;
  top: 20em;
}
.overview-content .uninterrupted-connectivity .bg .desc6 span,
.overview-content .uninterrupted-connectivity .bg .desc7 span,
.overview-content .uninterrupted-connectivity .bg .desc8 span,
.overview-content .uninterrupted-connectivity .bg .desc9 span,
.overview-content .uninterrupted-connectivity .bg .desc10 span {
  text-align: left;
}
@media (max-width: 1680px) {
  .overview-content .uninterrupted-connectivity {
    font-size: 14px;
  }
}

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

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

@media (max-width: 736px) {
  .overview-content .uninterrupted-connectivity {
    font-size: 10.35px;
  }
  .overview-content .uninterrupted-connectivity .bg-box {
    background: url(./m/g.jpg) 50% 100% no-repeat;
    background-size: 100%;
    margin: 0 auto;
    padding-bottom: 120vw;
    width: auto;
  }
  .overview-content .uninterrupted-connectivity .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .uninterrupted-connectivity .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .uninterrupted-connectivity .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

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

  .overview-content .uninterrupted-connectivity .bg .desc span {
    font-size: 3vw;
  }

  .overview-content .uninterrupted-connectivity .bg .desc1 {
    left: 4vw;
    width: 22vw;
    top: 29vw;
  }
  .overview-content .uninterrupted-connectivity .bg .desc2 {
    left: 4vw;
    width: 22vw;
    top: 59vw;
  }
  .overview-content .uninterrupted-connectivity .bg .desc3 {
    left: 17vw;
    width: 20vw;
    top: 32vw;
  }
  .overview-content .uninterrupted-connectivity .bg .desc4 {
    left: 30vw;
    width: 35vw;
    top: 46vw;
  }
  .overview-content .uninterrupted-connectivity .bg .desc5 {
    left: 62vw;
    width: 22vw;
    top: 40vw;
  }
  .overview-content .uninterrupted-connectivity .bg .desc6 {
    left: 17vw;
    width: 32vw;
    top: 77.5vw;
  }
  .overview-content .uninterrupted-connectivity .bg .desc7 {
    left: 17vw;
    width: 29vw;
    top: 86vw;
  }

  .overview-content .uninterrupted-connectivity .bg .desc8 {
    left: 17vw;
    width: 29vw;
    top: 94vw;
  }
  .overview-content .uninterrupted-connectivity .bg .desc9 {
    left: 66vw;
    width: 29vw;
    top: 77vw;
  }
  .overview-content .uninterrupted-connectivity .bg .desc10 {
    left: 66vw;
    width: 29vw;
    top: 86vw;
  }
  .overview-content .uninterrupted-connectivity .bg .desc11 {
    left: 47.25em;
    width: 16em;
    top: 20em;
  }
}

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

.overview-content .advanced-mesh-powered-by-wifi6 {
  position: relative;
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: 42.5em;
  background: url(./img/c.jpg);
  background-position: 50% 0;
  background-size: 120em;
  background-repeat: no-repeat;
}

.overview-content .advanced-mesh-powered-by-wifi6 .w-container {
  width: 73.125em;
  margin: 0 auto;

  text-align: center;
}

.overview-content .advanced-mesh-powered-by-wifi6 .text {
  padding: 7em 35em 0em 0;
  text-align: left;
}

.overview-content .advanced-mesh-powered-by-wifi6 .text h2 {
  font-size: 2.8125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .advanced-mesh-powered-by-wifi6 .text p {
  font-size: 1.21875em;
  line-height: 1.5;
  font-weight: 400;
}
.overview-content .advanced-mesh-powered-by-wifi6 .img-box {
  display: flex;
  align-items: center;
  padding-top: 3em;
  margin-left: -2em;
}
.overview-content .advanced-mesh-powered-by-wifi6 .img-box img {
  width: 11.578125em;
}
.overview-content .advanced-mesh-powered-by-wifi6 .img-box span {
  font-size: 1.28671875em;
  font-weight: 500;
  line-height: 1.2;
  padding-left: 1em;
}
@media (max-width: 1680px) {
  .overview-content .advanced-mesh-powered-by-wifi6 {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .advanced-mesh-powered-by-wifi6 {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .overview-content .advanced-mesh-powered-by-wifi6 {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .advanced-mesh-powered-by-wifi6 {
    font-size: 10.35px;
    height: auto;
    background-size: 100%;
    background-image: url(./m/c.jpg);
    background-position: 50% 100%;
    padding-bottom: 75vw;
    background-repeat: no-repeat;
  }

  .overview-content .advanced-mesh-powered-by-wifi6 .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .advanced-mesh-powered-by-wifi6 .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .advanced-mesh-powered-by-wifi6 .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .advanced-mesh-powered-by-wifi6 .text p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
    font-weight: 300;
  }

  .overview-content .advanced-mesh-powered-by-wifi6 .img-box {
    margin-left: 0;
    padding: 0 20px;
    display: block;
  }
  .overview-content .advanced-mesh-powered-by-wifi6 .img-box img {
    display: block;
    width: 10em;
    padding: 2em 0 2em;
  }
  .overview-content .advanced-mesh-powered-by-wifi6 .img-box span {
    padding-left: 0;
    font-size: 1.5em;
  }
}

@media (max-width: 414px) {
  .overview-content .advanced-mesh-powered-by-wifi6 {
    font-size: 2.5vw;
  }
}

.overview-content .archer-connect-more {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background: #e3e5e7 url(./img/d.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 37em;
}

.overview-content .archer-connect-more .w-container {
  width: 73.125em;
  margin: 0 auto;
  position: relative;
}

.overview-content .archer-connect-more .text {
  padding: 2em 0 0;
  text-align: center;
}

.overview-content .archer-connect-more .text h2 {
  font-size: 2.8125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .archer-connect-more .text h3 {
  font-size: 1.875em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.25em;
  padding-top: 0.5em;
}

.overview-content .archer-connect-more .text p {
  font-size: 1.21875em;
  line-height: 1.5;
  font-weight: 400;
}
.overview-content .archer-connect-more .bg {
  position: absolute;
  left: 0;
  right: 0;
}
.overview-content .archer-connect-more .bg .desc {
  position: absolute;
}
.overview-content .archer-connect-more .bg .desc span {
  font-size: 1.21875em;
  font-weight: 500;
  line-height: 1.2;
}
.overview-content .archer-connect-more .bg .desc span.num {
  font-size: 1.5em;
  font-weight: 500;
}
.overview-content .archer-connect-more .bg .desc1 {
  left: 2em;
  bottom: -6.5em;
  width: 30em;
  text-align: right;
}
.overview-content .archer-connect-more .bg .desc2 {
  left: 2em;
  top: 7.5em;
  width: 30em;
  text-align: right;
}
.overview-content .archer-connect-more .bg .desc3 {
  left: 39em;
  top: 5.5em;
  width: 30em;
}
.overview-content .archer-connect-more .bg .desc3 span {
  font-size: 1.5em;
}
.overview-content .archer-connect-more .bg .desc4 {
  left: 3em;
  top: 31.5em;
  width: 66em;
  text-align: center;
}

.overview-content .archer-connect-more .bg .desc4 span {
  font-size: 1.15em;
  font-weight: 300;
  color: #434343;
}
@media (max-width: 1680px) {
  .overview-content .archer-connect-more {
    font-size: 14px;
  }
}

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

@media (max-width: 1024px) {
  .overview-content .archer-connect-more {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .archer-connect-more {
    font-size: 10.35px;
    height: auto;
    background: url(./m/d.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 112vw;
  }

  .overview-content .archer-connect-more .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .archer-connect-more .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .archer-connect-more .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
    font-weight: 400;
  }

  .overview-content .archer-connect-more .text h3 {
    font-size: 2em;
    line-height: 1.2;
    padding: 1em 20px 0.5em;
  }

  .overview-content .archer-connect-more .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
    font-weight: 300;
  }

  .overview-content .archer-connect-more .bg .desc1 {
    font-size: 3vw;
    left: 2em;
    bottom: -4em;
    width: 25em;
    text-align: left;
  }
  .overview-content .archer-connect-more .bg .desc2 {
    font-size: 3vw;
    left: 2em;
    top: 4.5em;
    width: 26em;
    text-align: left;
  }
  .overview-content .archer-connect-more .bg .desc3 {
    font-size: 3vw;
    left: 2em;
    top: 9.5em;
    width: 30em;
  }
  .overview-content .archer-connect-more .bg .desc4 {
    font-size: 3vw;
    left: 2em;
    top: 27.5em;
    width: 30em;
    text-align: left;
  }
}

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

.overview-content .super-vdsl-for-faster-speeds {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background: url(./img/i.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 34.875em;
}

.overview-content .super-vdsl-for-faster-speeds .w-container {
  position: relative;

  margin: 0 auto;
  width: 73.125em;
}

.overview-content .super-vdsl-for-faster-speeds .text {
  padding: 5em 0 0 43em;
}

.overview-content .super-vdsl-for-faster-speeds .text h2 {
  font-size: 2.8125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .super-vdsl-for-faster-speeds .text h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .super-vdsl-for-faster-speeds .text p {
  font-size: 1.21875em;
  font-weight: 400;
  line-height: 1.5;
}
.overview-content .super-vdsl-for-faster-speeds .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.overview-content .super-vdsl-for-faster-speeds .bg .desc {
  position: absolute;
}
.overview-content .super-vdsl-for-faster-speeds .bg .desc span {
  font-size: 1.21875em;
  font-weight: 500;
  line-height: 1.2;
}
.overview-content .super-vdsl-for-faster-speeds .bg .desc1 {
  left: 3em;
  top: 6em;
  width: 33em;
}
.overview-content .super-vdsl-for-faster-speeds .bg .desc2 {
  left: 7em;
  top: 9em;
  width: 33em;
}
@media (max-width: 1680px) {
  .overview-content .super-vdsl-for-faster-speeds {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .super-vdsl-for-faster-speeds {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .overview-content .super-vdsl-for-faster-speeds {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .super-vdsl-for-faster-speeds {
    font-size: 10.35px;
    height: auto;
    background: url(./m/i.jpg) bottom / 100% no-repeat;
    padding-bottom: 77vw;
  }

  .overview-content .super-vdsl-for-faster-speeds .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .super-vdsl-for-faster-speeds .m-hide {
    display: none;
  }

  .overview-content .super-vdsl-for-faster-speeds .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .super-vdsl-for-faster-speeds .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .super-vdsl-for-faster-speeds .text h3 {
    font-size: 2em;
    line-height: 1.2;
    padding: 0 20px 0.5em;
  }

  .overview-content .super-vdsl-for-faster-speeds .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
    font-weight: 300;
  }

  .overview-content .super-vdsl-for-faster-speeds .bg {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
  }
  .overview-content .super-vdsl-for-faster-speeds .bg .desc {
    position: absolute;
  }
  .overview-content .super-vdsl-for-faster-speeds .bg .desc span {
    font-size: 3.5vw;
    font-weight: 500;
    line-height: 1.2;
  }
  .overview-content .super-vdsl-for-faster-speeds .bg .desc1 {
    left: 13vw;
    top: 13vw;
    width: 73vw;
  }
  .overview-content .super-vdsl-for-faster-speeds .bg .desc2 {
    left: 22vw;
    top: 21vw;
    width: 73vw;
  }
}

@media (max-width: 414px) {
  .overview-content .super-vdsl-for-faster-speeds {
    font-size: 2.5vw;
  }
}

.overview-content .versatile-connectivity {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background: url(./img/j.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 48em;
}

.overview-content .versatile-connectivity .w-container {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  width: 85.375em;
}

.overview-content .versatile-connectivity .text {
  text-align: center;
  padding: 4em 0 0;
}

.overview-content .versatile-connectivity .text h2 {
  font-size: 2.8125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .versatile-connectivity .text h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .versatile-connectivity .text p {
  font-size: 1.21875em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .versatile-connectivity .bg {
  position: absolute;
  left: 0;

  right: 0;
}

.overview-content .versatile-connectivity .bg .desc {
  position: absolute;
}

.overview-content .versatile-connectivity .bg .desc span {
  font-size: 1.21875em;
  font-weight: 500;
  line-height: 1.2;
}

.overview-content .versatile-connectivity .bg .desc1 {
  left: 5em;
  top: 2em;
  width: 33em;
  text-align: center;
}
.overview-content .versatile-connectivity .bg .desc2 {
  left: 55em;
  top: 2em;
  width: 33em;
  text-align: center;
}
.overview-content .versatile-connectivity .bg .desc3 {
  left: 25em;
  top: 40em;
  width: 33em;
  text-align: center;
}
@media (max-width: 1680px) {
  .overview-content .versatile-connectivity {
    font-size: 14px;
  }
}

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

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

@media (max-width: 736px) {
  .overview-content .versatile-connectivity {
    font-size: 10.35px;
    height: auto;
    background: url(./m/j.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 75vw;
  }

  .overview-content .versatile-connectivity .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .versatile-connectivity .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .versatile-connectivity .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .versatile-connectivity .text h3 {
    font-size: 2em;
    line-height: 1.2;
    padding: 0 20px 0.5em;
  }

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

  .overview-content .versatile-connectivity .bg .desc span {
    font-size: 4vw;
    font-weight: 300;
    line-height: 1.2;
  }

  .overview-content .versatile-connectivity .bg .desc1 {
    left: 6vw;
    top: 8vw;
    width: 36vw;
    text-align: center;
  }
  .overview-content .versatile-connectivity .bg .desc2 {
    left: 76vw;
    top: 3vw;
    width: 21vw;
    text-align: center;
  }
  .overview-content .versatile-connectivity .bg .desc3 {
    left: 32vw;
    top: 64vw;
    width: 36vw;
    text-align: center;
  }
}

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

.overview-content .streamline-olt-operations {
  font-size: 16px;
  margin: 0 auto;
  max-width: 120em;
}
.overview-content .streamline-olt-operations .w-container {
  width: 73.125em;
  margin: 0 auto;
}
.overview-content .streamline-olt-operations .text {
  padding: 2em 37em 0 0;
}
.overview-content .streamline-olt-operations .swiper {
  overflow: hidden;
  position: relative;
}
.overview-content .streamline-olt-operations .swiper-slide-1 {
  background: url(./img/h-1.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 40em;
}
.overview-content .streamline-olt-operations .swiper-slide-2 {
  background: url(./img/h-2.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 40em;
}
.overview-content .streamline-olt-operations h2 {
  font-size: 2.8125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}
.overview-content .streamline-olt-operations p {
  font-size: 1.21875em;
  font-weight: 400;
  line-height: 1.5;
}
.overview-content .streamline-olt-operations .swiper-slide-1 ul {
  margin-left: 1.25em;
  padding-top: 2em;
}
.overview-content .streamline-olt-operations .swiper-slide-1 ul li {
  font-size: 1.21875em;
  font-weight: 400;
  line-height: 1.5;
  list-style: disc;
}
.overview-content .streamline-olt-operations .swiper-slide-2 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1em;
  width: 35em;
}
.overview-content .streamline-olt-operations .swiper-slide-2 ul li {
  width: 50%;
  display: flex;
  padding-bottom: 2em;
}
.overview-content .streamline-olt-operations .swiper-slide-2 ul li span {
  font-size: 1.1875em;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  flex: 1;
}
.overview-content .streamline-olt-operations .swiper-slide-2 .img-container {
  width: 2.8125em;
  height: 2.8125em;
  padding-right: 0.5em;
}
.overview-content
  .streamline-olt-operations
  .swiper-slide-2
  .img-container
  img {
  width: 100%;
}
.overview-content .streamline-olt-operations .swiper-pagination-bullet-active {
  background: #808080;
}
@media (max-width: 1680px) {
  .overview-content .streamline-olt-operations {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .streamline-olt-operations {
    font-size: 12px;
  }
}
@media (max-width: 736px) {
  .overview-content .streamline-olt-operations {
    font-size: 10.35px;
  }
  .overview-content .streamline-olt-operations .bg-box {
    width: auto;
    background: url(./m/k.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 247vw;
    margin: 0 auto;
  }
  .overview-content .streamline-olt-operations .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .streamline-olt-operations .text {
    padding: 0;
    text-align: left;
  }

  .overview-content .streamline-olt-operations .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
    font-weight: 400;
  }

  .overview-content .streamline-olt-operations .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
    font-weight: 300;
  }
  .overview-content .streamline-olt-operations .swiper-slide-1 {
    background: url(./m/h-1.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 73vw;
    height: auto;
  }
  .overview-content .streamline-olt-operations .swiper-slide-2 {
    background: url(./m/h-2.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 58vw;
    height: auto;
  }
  .overview-content .streamline-olt-operations .swiper-slide-1 ul {
    margin-left: 3em;
    padding-top: 2em;
  }
  .overview-content .streamline-olt-operations .swiper-slide-1 ul li {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.5;
    list-style: disc;
  }
  .overview-content .streamline-olt-operations .swiper-slide-2 ul {
    width: auto;
    padding: 0 20px;
    margin-bottom: 2em;
  }
  .overview-content .streamline-olt-operations .swiper-slide-2 ul li {
    width: 99%;
    align-items: center;
  }
  .overview-content .streamline-olt-operations .swiper-slide-2 ul li span {
    font-size: 1.5em;
  }
  .overview-content .streamline-olt-operations .swiper-slide-2 .img-container {
    width: 4em;
    height: 4em;
  }
}

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

.overview-content .backed-by-comprehensive {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
}
.overview-content .backed-by-comprehensive .bg-box {
  width: 82.5em;
  background: #f8f8f8 url(./img/k.jpg) 50% 100% no-repeat;
  background-size: 100%;
  padding-bottom: 38em;
  margin: 4em auto;
}
.overview-content .backed-by-comprehensive .w-container {
  position: relative;
  margin: 0 auto;
  width: 73.125em;
}

.overview-content .backed-by-comprehensive .text {
  padding: 2em 0 0;
  text-align: center;
}

.overview-content .backed-by-comprehensive .text h2 {
  font-size: 2.34375em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .backed-by-comprehensive .text p {
  font-size: 1.21875em;
  line-height: 1.5;
  font-weight: 400;
}

.overview-content .backed-by-comprehensive .bg {
  position: absolute;
  left: 0;
  right: 0;
}
.overview-content .backed-by-comprehensive .bg .desc {
  position: absolute;
}
.overview-content .backed-by-comprehensive .bg .desc span {
  font-size: 1.03125em;
  font-weight: 400;
  line-height: 1.2;
  display: block;
}

.overview-content .backed-by-comprehensive .bg .desc1 {
  left: -3em;
  width: 11em;
  top: 11.25em;
  text-align: left;
  transform: rotate3d(-35, 10, 28, 58deg);
}
.overview-content .backed-by-comprehensive .bg .desc1 span {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
}
.overview-content .backed-by-comprehensive .bg .desc span.bigger {
  font-size: 1.5em;
  font-weight: 700;
}
.overview-content .backed-by-comprehensive .bg .desc2 {
  left: 6em;
  width: 10em;
  top: 5.5em;
}
.overview-content .backed-by-comprehensive .bg .desc3 {
  left: 6em;
  width: 13em;
  top: 9.5em;
}
.overview-content .backed-by-comprehensive .bg .desc4 {
  left: 45em;
  width: 15em;
  top: 10em;
  text-align: center;
}
.overview-content .backed-by-comprehensive .bg .desc5 {
  left: 39em;
  width: 8em;
  top: 15em;
  text-align: center;
}
.overview-content .backed-by-comprehensive .bg .desc6 {
  left: 51em;
  width: 10em;
  top: 14.25em;
  text-align: center;
}
.overview-content .backed-by-comprehensive .bg .desc7 {
  left: 62.5em;
  width: 10em;
  text-align: center;
  top: 16.25em;
}

.overview-content .backed-by-comprehensive .bg .desc8 {
  left: 41em;
  width: 10em;
  top: 20.35em;
  text-align: center;
}
.overview-content .backed-by-comprehensive .bg .desc9 {
  left: 54.2em;
  width: 7em;
  top: 21.7em;
  text-align: center;
}
.overview-content .backed-by-comprehensive .bg .desc10 {
  left: 64em;
  width: 10em;
  top: 22em;
  text-align: center;
}
.overview-content .backed-by-comprehensive .bg .desc11 {
  left: 37.35em;
  width: 16em;
  text-align: center;
  top: 25.5em;
}
.overview-content .backed-by-comprehensive .bg .desc12 {
  left: 52.75em;
  width: 16em;
  text-align: center;
  top: 26.5em;
}
.overview-content .backed-by-comprehensive .bg .desc13 {
  left: 52.25em;
  width: 16em;
  text-align: center;
  top: 32em;
}
.overview-content .backed-by-comprehensive .bg .desc14 {
  left: 31.75em;
  width: 8em;
  text-align: center;
  top: 27.75em;
  transform: rotate3d(-35, 10, 28, 54deg);
}
.overview-content .backed-by-comprehensive .bg .desc15 {
  left: 23.75em;
  width: 11em;
  text-align: center;
  top: 32.5em;
  transform: rotate3d(-35, 10, 28, 48deg);
}
.overview-content .backed-by-comprehensive .bg .desc16 {
  left: 43.75em;
  width: 12em;
  text-align: center;
  top: 33.5em;
  transform: rotate3d(-35, 10, 24, 61deg);
}

@media (max-width: 1680px) {
  .overview-content .backed-by-comprehensive {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .backed-by-comprehensive {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .overview-content .backed-by-comprehensive {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .backed-by-comprehensive {
    font-size: 10.35px;
  }
  .overview-content .backed-by-comprehensive .bg-box {
    width: auto;
    background: url(./m/k.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 247vw;
    margin: 0 auto;
  }
  .overview-content .backed-by-comprehensive .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .backed-by-comprehensive .text {
    padding: 0;
    text-align: left;
  }

  .overview-content .backed-by-comprehensive .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
    font-weight: 400;
  }

  .overview-content .backed-by-comprehensive .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
    font-weight: 300;
  }
  .overview-content .backed-by-comprehensive .bg .desc {
    font-size: 3vw;
  }
  .overview-content .backed-by-comprehensive .bg .desc1 {
    left: 28vw;
    width: 33vw;
    top: 29vw;
    text-align: left;
    transform: rotate3d(-35, 10, 28, 58deg);
  }
  .overview-content .backed-by-comprehensive .bg .desc1 span {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2;
  }

  .overview-content .backed-by-comprehensive .bg .desc2 {
    left: 35vw;
    width: 36vw;
    top: 10vw;
  }
  .overview-content .backed-by-comprehensive .bg .desc3 {
    left: 3vw;
    width: 25vw;
    top: 35vw;
    transform: rotate(90deg);
  }
  .overview-content .backed-by-comprehensive .bg .desc4 {
    left: 47vw;
    width: 20vw;
    top: 138vw;
    text-align: center;
  }
  .overview-content .backed-by-comprehensive .bg .desc5 {
    left: 12vw;
    width: 8em;
    top: 152vw;
    text-align: center;
  }
  .overview-content .backed-by-comprehensive .bg .desc6 {
    left: 54vw;
    width: 20vw;
    top: 154vw;
    text-align: center;
  }
  .overview-content .backed-by-comprehensive .bg .desc7 {
    text-align: center;
    left: 61vw;
    width: 20vw;
    top: 186vw;
  }

  .overview-content .backed-by-comprehensive .bg .desc8 {
    text-align: center;
    left: 18vw;
    width: 28vw;
    top: 170vw;
  }
  .overview-content .backed-by-comprehensive .bg .desc9 {
    text-align: center;
    left: 27vw;
    width: 20vw;
    top: 202vw;
  }
  .overview-content .backed-by-comprehensive .bg .desc10 {
    text-align: center;
    left: 66vw;
    width: 15vw;
    top: 205vw;
  }
  .overview-content .backed-by-comprehensive .bg .desc11 {
    text-align: center;
    left: 14vw;
    width: 20vw;
    top: 121vw;
  }
  .overview-content .backed-by-comprehensive .bg .desc12 {
    text-align: center;
    left: 35vw;
    width: 20vw;
    top: 219vw;
  }
  .overview-content .backed-by-comprehensive .bg .desc13 {
    text-align: center;
    left: 39vw;
    width: 20vw;
    top: 165vw;
  }
  .overview-content .backed-by-comprehensive .bg .desc14 {
    text-align: center;
    left: 15vw;
    width: 30vw;
    top: 100vw;
    transform: rotate3d(-35, 10, 28, 66deg);
  }
  .overview-content .backed-by-comprehensive .bg .desc15 {
    text-align: center;
    left: 58vw;
    width: 30vw;
    top: 103vw;
    transform: rotate3d(-35, 10, 28, 61deg);
  }
  .overview-content .backed-by-comprehensive .bg .desc16 {
    text-align: left;
    left: 55vw;
    width: 30vw;
    top: 121vw;
    transform: rotate3d(-35, 10, 24, 65deg);
  }
  .overview-content .backed-by-comprehensive .bg .desc15 span {
    font-weight: 700;
    font-size: 3.25vw;
  }
}

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

.overview-content .vivid-colors-at-night {
  font-size: 16px;

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

.overview-content .vivid-colors-at-night .bg {
  background: url(./img/e-1.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 53em;
  transition: background 1s linear;
}

.overview-content .vivid-colors-at-night .bg.active {
  background: url(./img/e-2.jpg) 50% 100% no-repeat;
  background-size: 120em;
}

.overview-content .vivid-colors-at-night .c410-box.fixed {
  position: fixed;
  top: 0;
  margin: 0 auto;
  width: 100%;
}

.overview-content .vivid-colors-at-night .c410-box.absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.overview-content .vivid-colors-at-night .w-container {
  width: 73.125em;
  margin: 0 auto;
  position: relative;
}

.overview-content .vivid-colors-at-night .text {
  text-align: left;
  padding: 10em 30em 0 0;
}

.overview-content .vivid-colors-at-night h2 {
  font-size: 2.8125em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .vivid-colors-at-night .text p {
  font-size: 1.21875em;
  line-height: 1.5;
  font-weight: 400;
}
.overview-content .vivid-colors-at-night .speed {
  padding-top: 2em;
}
.overview-content .vivid-colors-at-night .speed p {
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 1em;
}
.overview-content .vivid-colors-at-night .speed p .num {
  font-size: 1.8em;
}
.overview-content .vivid-colors-at-night .bg-desc {
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
}
.overview-content .vivid-colors-at-night .bg-desc.active {
  opacity: 1;
  transition: opacity 1s linear;
}
.overview-content .vivid-colors-at-night .bg-desc-1 .desc {
  position: absolute;
  left: 33em;
  top: 0em;
  width: 29em;
}
.overview-content .vivid-colors-at-night .bg-desc-2 .desc {
  position: absolute;
  left: 36em;
  top: -1em;
  width: 32em;
}
.overview-content .vivid-colors-at-night .bg-desc span {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.5;
  display: block;
}
.overview-content .vivid-colors-at-night .bg-desc span.note {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
  color: #505050;
  padding-top: 0.5em;
}
@media (min-width: 1920px) {
  .overview-content .vivid-colors-at-night {
    font-size: 0.83vw;
  }
}

@media (max-width: 1680px) {
  .overview-content .vivid-colors-at-night {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .vivid-colors-at-night {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .vivid-colors-at-night {
    font-size: 10.35px;
  }

  .overview-content .vivid-colors-at-night .w-container {
    width: auto;
    position: relative;
  }

  .overview-content .vivid-colors-at-night .bg {
    height: auto;
    padding-bottom: 149vw;
    background: url(./m/e.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .vivid-colors-at-night .text {
    padding: 0 0 1.5em;
    text-align: left;
    color: #000;
  }

  .overview-content .vivid-colors-at-night h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .vivid-colors-at-night .text p {
    font-size: 1.75em;
    padding: 0 20px;
    font-weight: 300;
  }

  .overview-content .vivid-colors-at-night .bg-desc {
    opacity: 1;
  }
  .overview-content .vivid-colors-at-night .bg-desc-1 .desc {
    position: absolute;
    font-size: 3.5vw;
    left: 2em;
    top: 32em;
    width: 25em;
  }
  .overview-content .vivid-colors-at-night .bg-desc-2 .desc {
    position: absolute;
    font-size: 3.5vw;
    left: 1.5em;
    bottom: -12em;
    top: auto;
    width: 26em;
  }
  .overview-content .vivid-colors-at-night .speed p{
    font-weight: 500;
  }
}

@media (max-width: 414px) {
  .overview-content .vivid-colors-at-night {
    font-size: 2.5vw;
  }
}