:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}


.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 1440px;
  height: 2409px;
  margin: 0 auto;
  font-size: 0px;
  background: #292929;
  overflow: scroll;
}
.media-meets-innovation {
  display: block;
  position: relative;
  height: 61px;
  margin: 215px 0 0 79px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 50px;
  font-weight: 400;
  line-height: 60.511px;
  text-align: left;
  white-space: nowrap;
  z-index: 2;
}
.cutting-edge-technology {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 1000px;
  height: 216px;
  margin: 63px 0 0 79px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36.307px;
  text-align: left;
  z-index: 3;
}
.website-highlight-item {
  position: relative;
  width: 1210px;
  height: 171px;
  margin: 66px 0 0 79px;
  z-index: 7;
  overflow: hidden;
}
.logo {
  position: absolute;
  width: 97px;
  height: 101px;
  top: 7px;
  left: 702px;
  background: url(./assets/images/c6f392b5b699e054edbe57e4c74560858775fc88.png)
    no-repeat center;
  background-size: cover;
  z-index: 11;
}
.blue-nobackground {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 8px;
  left: 487px;
  background: url(./assets/images/5b6e7941931fb07e2e2861096fff1f369577c9d6.png)
    no-repeat center;
  background-size: cover;
  z-index: 13;
}
.product {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 40px;
  left: 33px;
  background: url(./assets/images/f49bcf8dffc2ac9fd68bd77247bdf3f7b66b7071.png)
    no-repeat center;
  background-size: contain;
  z-index: 9;
}
.star-products {
  position: absolute;
  width: 1000px;
  height: 36px;
  top: 72px;
  left: 183px;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 8;
}
.star-products-1 {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
}
.empty {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36.307px;
  text-align: left;
}
.splayer {
  position: absolute;
  width: 136px;
  height: 47px;
  top: 102px;
  left: 683px;
  font-family: Paytone One, var(--default-font-family);
  font-size: 34px;
  font-weight: 400;
  line-height: 47px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 10;
}
.s {
  position: relative;
  color: #fd3f0a;
  font-family: Paytone One, var(--default-font-family);
  font-size: 34px;
  font-weight: 400;
  line-height: 47.464px;
  text-align: left;
}
.player {
  position: relative;
  color: #ffffff;
  font-family: Paytone One, var(--default-font-family);
  font-size: 34px;
  font-weight: 400;
  line-height: 47.464px;
  text-align: left;
}
.mxv-player {
  position: absolute;
  width: 190px;
  height: 47px;
  top: 102px;
  left: 442px;
  font-family: Paytone One, var(--default-font-family);
  font-size: 34px;
  font-weight: 400;
  line-height: 47px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 12;
}
.mxv {
  position: relative;
  color: #4093fd;
  font-family: Paytone One, var(--default-font-family);
  font-size: 34px;
  font-weight: 400;
  line-height: 47.464px;
  text-align: left;
}
.player-2 {
  position: relative;
  color: #ffffff;
  font-family: Paytone One, var(--default-font-family);
  font-size: 34px;
  font-weight: 400;
  line-height: 47.464px;
  text-align: left;
}
.website-highlight-item-3 {
  position: relative;
  width: 1210px;
  height: 171px;
  margin: 30px 0 0 79px;
  z-index: 4;
  overflow: hidden;
}
.cutting-edge-technology-4 {
  position: absolute;
  width: 1000px;
  height: 108px;
  top: 36px;
  left: 183px;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36.307px;
  text-align: left;
  z-index: 6;
}
.cutting-edge-technology-5 {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
}
.max-media-tech-utilizes-cutting-edge-technology {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36.307px;
  text-align: left;
}
.internet {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 40px;
  left: 33px;
  background: url(./assets/images/d9699d1724910d025515885bde0ae6e1b99c6e87.png)
    no-repeat center;
  background-size: contain;
  z-index: 5;
}
.website-highlight-item-6 {
  position: relative;
  width: 1210px;
  height: 171px;
  margin: 30px 0 0 79px;
  z-index: 14;
  overflow: hidden;
}
.cutting-edge-technology-7 {
  position: absolute;
  width: 1000px;
  height: 108px;
  top: 36px;
  left: 183px;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
  z-index: 15;
}
.superior-performance {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
}
.superior-performance-8 {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36.307px;
  text-align: left;
}
.lightning-bolt {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 40px;
  left: 33px;
  background: url(./assets/images/28350c98dd762ab99e6f6f40565c419ded3dbdac.png)
    no-repeat center;
  background-size: contain;
  z-index: 16;
}
.website-highlight-item-9 {
  position: relative;
  width: 1210px;
  height: 171px;
  margin: 30px 0 0 79px;
  z-index: 17;
  overflow: hidden;
}
.user-centric-design {
  position: absolute;
  width: 1000px;
  height: 108px;
  top: 36px;
  left: 183px;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
  z-index: 18;
}
.user-centric-design-a {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
}
.user-centric-design-b {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36.307px;
  text-align: left;
}
.user {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 40px;
  left: 33px;
  background: url(./assets/images/d7be0586c47eac1208e2f632a927927cb97e7cc8.png)
    no-repeat center;
  background-size: contain;
  z-index: 19;
}
.website-highlight-item-c {
  position: relative;
  width: 1210px;
  height: 171px;
  margin: 30px 0 0 79px;
  z-index: 20;
  overflow: hidden;
}
.innovation {
  position: absolute;
  width: 1000px;
  height: 108px;
  top: 36px;
  left: 183px;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
  z-index: 21;
}
.innovation-d {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
}
.max-media-tech {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36.307px;
  text-align: left;
}
.light-on {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 40px;
  left: 33px;
  background: url(./assets/images/6c498a5285b6140ea1699260e13be6365b75b57b.png)
    no-repeat center;
  background-size: contain;
  z-index: 22;
}
.website-highlight-item-e {
  position: relative;
  width: 1210px;
  height: 171px;
  margin: 30px 0 0 79px;
  z-index: 23;
  overflow: hidden;
}
.optimized-for-mobile {
  position: absolute;
  width: 1000px;
  height: 108px;
  top: 36px;
  left: 183px;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
  z-index: 24;
}
.optimized-for-mobile-f {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
}
.optimized-for-mobile-10 {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36.307px;
  text-align: left;
}
.speaker-phone {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 40px;
  left: 33px;
  background: url(./assets/images/ade8d22cd3f8d6111ced8d1a266a70be61b7ca9d.png)
    no-repeat center;
  background-size: contain;
  z-index: 25;
}
.website-highlight-item-11 {
  position: relative;
  width: 1210px;
  height: 171px;
  margin: 30px 0 0 79px;
  z-index: 26;
  overflow: hidden;
}
.seamless-integration {
  position: absolute;
  width: 1000px;
  height: 108px;
  top: 36px;
  left: 183px;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
  z-index: 27;
}
.seamless-integration-12 {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
}
.media-tech {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36.307px;
  text-align: left;
}
.circuit {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 40px;
  left: 33px;
  background: url(./assets/images/7aeaf36f3952ca9d8dea1e6dc4915f05179c4e82.png)
    no-repeat center;
  background-size: contain;
  z-index: 28;
}
.highlight-item {
  position: relative;
  width: 1210px;
  height: 171px;
  margin: 30px 0 0 79px;
  z-index: 29;
  overflow: hidden;
}
.reliability-trust {
  position: absolute;
  width: 1000px;
  height: 108px;
  top: 36px;
  left: 183px;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
  z-index: 30;
}
.reliability-trust-13 {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 900;
  line-height: 36.307px;
  text-align: left;
}
.reliability-trust-14 {
  position: relative;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 30px;
  font-weight: 400;
  line-height: 36.307px;
  text-align: left;
}
.helping-hand {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 40px;
  left: 33px;
  background: url(./assets/images/94645e001a62bbee0c556a22bec0ec9b00ea8777.png)
    no-repeat center;
  background-size: contain;
  z-index: 31;
}
.logo-15 {
  position: absolute;
  width: 97px;
  height: 101px;
  top: 49px;
  left: 79px;
  background: url(./assets/images/c6f392b5b699e054edbe57e4c74560858775fc88.png)
    no-repeat center;
  background-size: cover;
}
.media-tech-16 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 84px;
  top: 57px;
  left: 207px;
  color: #ffffff;
  font-family: Paytone One, var(--default-font-family);
  font-size: 60px;
  font-weight: 400;
  line-height: 83.76px;
  text-align: left;
  white-space: nowrap;
  z-index: 1;
}