.page-g3 {
    overflow: hidden;
  .grid-1 {
      width: 100vw;
        height: calc(300 / 1080 * 100vw);
        min-height: 30rem;
      overflow: hidden;
      .banner-img {
          width: 100%;
          height: 100%;
          left: 0;
          object-fit: cover;
      }
      .banner-bg {
          width: 108rem;
          right: 1rem;
          top: 0;
          .bg-img{
            object-fit: fill;
          }
          .banner-bg-inner {
                margin-left: 19rem;
                padding-left: 0rem;
                padding-top: 0rem;
                padding-right: 0rem;
                width: 84rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
              .title {
                  color: #333333;
                  font-size: 4rem;
                  margin-bottom: 3rem;
              }
              .desc {
                  color: #333333;
                  font-size: 2.2rem;
                  line-height: 1.5;
              }
          }
      }
  }
  .grid-2 {
      margin-top: 0rem;
      padding-left: 0rem;
      margin-bottom: 11rem;
      width: 120rem;
      height: 45.9rem;
      margin-left: auto;
      margin-right: auto;
      overflow: hidden;
      .bg-banner {
        height: 110%;
        top: -4%;
      }
      .grid-text {
            width: 70.6rem;
            margin-left: 7rem;
            padding-top: 3rem;
          .logo-group {
            align-items: flex-end;
            margin-bottom: 2.5rem;
          }
          .logo-1 {
            width: 11.2rem;
            height: 4rem;
            margin-right: 1.6rem;
          }
          .logo-2 {
            width: 11.4rem;
            height: 3.6rem;
          }
          .evox-g3-img {
            width: 13.5rem;
            height: 1.9rem;
            object-fit: contain;
            margin-left: 0.6rem;
            transform: translateY(0.3rem)
          }
          .title {
              color: #333;
              font-size: 5.2rem;
              line-height: 1.2;
              width: 42rem;
          }
          .desc {
              color: #333;
              font-size: 2.2rem;
              line-height: 1.5;
              margin-top: 1.6rem;
          }
      }
      .system-img {
        width: 32rem;
        height: 38.3rem;
        left: 87rem;
        top: 6.4rem;
      }
  }
  .content-container {
        width:120rem;
        margin:0 auto;
      .content-wrapper {
          display: none;
          &.active {
              display: block;
          }
      }
      #content-1 {
          padding-top: 0rem;
          padding-bottom: 6rem;
          .inner {
            
            justify-content: space-between;
              .flex-left {
                width: 43rem;
                background-color: #f2f2f2;
                border-radius: 4.4rem;
                margin-right: 5rem;
                padding-left: 4rem;
                padding-top: 7rem;
                padding-right: 4rem;
                box-sizing: border-box;
                flex-shrink: 0;
                height: auto;
                .title {
                    color: #333;
                    font-size: 5rem;
                    line-height: 1.1;
                    margin-bottom: 4.4rem;
                }
                .list {
                    color: #333;
                    font-size: 2.2rem;
                    line-height: 2.4;
                    margin-left: -0.4rem;
                    width: auto;
                    .indicator {
                        left: -0.8rem;
                        top: 0rem;
                    }
                }
                  .machine-wrapper {
                      width: 35.2rem;
                      height: 58.8rem;
                      bottom: 9.9rem;
                      overflow: hidden;
                      .machine-img {
                        object-fit: contain;
                        transform: translate(-1.3rem);
                      }
                  }
              }
              .flex-right {
                width:72rem;
                  padding-top: 14.7rem;
                  flex: 1;
                  .card-1 {
                      width: 72rem;
                      height: 15.1rem;
                      background-color: #f2f2f2;
                      border-radius: 1.6rem;
                      justify-content: flex-start;
                      padding-left: 3.7rem;
                      .card-1-title {
                        left: 0;
                        color: #333;
                        font-size: 1.4rem;
                        line-height: 1.2;
                        bottom: calc(100% + 3.2rem);
                      }
                      .spec-name {
                          color: #4b4949;
                          font-size: 1.7rem;
                      }
                      .spec-value {
                          color: #333;
                          font-size: 3rem;
                          margin-top: 0.8rem;
                      }
                      .separator-1 {
                          width: 1px;
                          height: 5.3rem;
                          background: #cccccc;
                          margin-left: 1.2rem;
                          margin-right: 1.5rem;
                      }
                      .separator-2 {
                          width: 1px;
                          height: 5.3rem;
                          background: #cccccc;
                          margin-left: 1.5rem;
                          margin-right: 1.5rem;
                      }
                      .separator-3 {
                        width: 1px;
                        height: 5.3rem;
                        background: #cccccc;
                        margin-left: 1.4rem;
                        margin-right: 1.3rem;
                    }
                      .img-wrapper {
                          width: 6.6rem;
                          height: 21.6rem;
                          left: 65rem;
                          top: -6.4rem;
                          .img-wrapper-inner {
                              overflow: hidden;
                          }
                          .fridge {
                              width: 100%;
                              height: 100%;
                              left: 0;
                              top: 0;
                              object-fit: contain;
                          }
                          .spec-text {
                              color: #4b4949;
                              font-size: 3rem;
                              top: 23.7rem;
                              white-space: nowrap;
                              transform: translateX(-76%);
                          }
                      }
                  }
                  .options {
                    margin-top: 8.2rem;
                    .flex{
                        flex:1;
                    }
                      .option-b {
                          margin-left: 1.6rem;
                          margin-right: 1.6rem;
                      }
                      .option-label {
                          color: #fff;
                          font-size: 1.2rem;
                          width: 1.5rem;
                          height: 1.5rem;
                          background-color: #1f94d2;
                          border-radius: 100%;
                          display: flex;
                          align-items: center;
                          justify-content: center;
                          margin-right: 0.5rem;
                      }
                      .option-title {
                          color: #4b4949;
                          font-size: 2.2rem;
                          margin-top: 0.25rem;
                          margin-bottom: 0.4rem;
                      }
                      .option-values {
                          color: #4b4949;
                          font-size: 2.2rem;
                          width: 16.7rem;
                          div{
                                font-family: Arial;
                            }
                      }
                  }
                  .card-1-note {
                    font-size: 2.2rem;
                    margin-top: 2.4rem;
                  }
                  .card-2-1 {
                    width: 100%;
                    margin-top: 10rem;
                    .title {
                        font-size: 2.8rem;
                        line-height: 1.2;
                        margin-bottom: 5.2rem;
                    }
                    .card-2-img-wrapper {
                        width: 100%;
                        overflow: hidden;
                        height: 26.6rem;
                        .cooling-left {
                            width: 29.7rem;
                            height: 44.5rem;
                            object-fit: cover;
                            top: -12.2rem;
                            left: -2.5rem;
                            z-index: 2;
                        }
                        .cooling-right {
                            width: 42rem;
                            height: 28rem;
                            object-fit: cover;
                            left: 26.7rem;
                            top: 0;
                            z-index: 1;
                        }
                    }
                  }
                  .card-2 {
                    margin-top: 8.8rem;
                    width: 100%;
                    .title {
                        font-size: 2.8rem;
                        line-height: 1.2;
                        margin-bottom: 4rem;
                    }
                    .sub-title {
                        color: #818285;
                        font-size: 2.1rem;
                        margin-bottom: 9rem;
                    }
                    .img-group {
                        width: 100%;
                        .img-left {
                            width: 27.216rem;
                            height: 19.936rem;
                        }
                        .img-right {
                            width: 26.4rem;
                            height: 30rem;
                            overflow: hidden;
                            .auto-2 {
                                bottom: 0;
                                width: 27.6rem;
                                height: 31.6rem;
                                object-fit: contain;
                                right: 0;
                                transform: translateY(9%);
                            }
                            .auto-1 {
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 15rem;
                            }
                        }
                    }
                  }
                  .card-3 {
                    margin-top: 9.3rem;
                    .title {
                        font-size: 2.8rem;
                        margin-bottom: 12.6rem;
                    }
                    .module-wrapper {
                        width: 56.5rem;
                        height: 16.2rem;
                        transform: translateX(-1.4rem);
                        .text-1 {
                            font-size: 2.2rem;
                            top: -1.5rem;
                            transform: translateY(-100%);
                            left: 36.5rem;
                        }
                        .text-2 {
                            font-size: 2.2rem;
                            top: 3.7rem;
                            left: 12rem;
                        }
                    }
                  }
                  .card-4 {
                    margin-top: 15rem;
                    .title {
                        font-size: 2.8rem;
                        margin-bottom: 5.5rem;
                    }
                    .ways-wrapper {
                        width: 55.7rem;
                        height: 12.9rem;
                        .ways-img {
                            width: 100%;
                            height: 14.3rem;
                            left: 0;
                            bottom: 0;
                        }
                    }
                  }
                  .card-5 {
                    margin-top: 14rem;
                    .title {
                        font-size: 2.8rem;
                        margin-bottom: 4rem;
                    }
                    .desc {
                        font-size: 2rem;
                        color: #818285;
                        width: 90%;
                        line-height: 1.5;
                        margin-bottom: 16rem;
                    }
                    .house-wrapper {
                        width: 55.2rem;
                        height: 19.5rem;
                        .house-specs {
                            left: 0;
                            top: -6.5rem;
                            .spec-row {
                                margin-bottom: 1.2rem;
                                font-size: 2.2rem;
                                line-height: 1.2;
                                white-space: nowrap;
                                color: #333;
                                img {
                                    width: 2.4rem;
                                    height: 2.4rem;
                                    object-fit: contain;
                                    margin-right: 1rem;
                                }
                            }
                        }
                    }
                  }
                  .card-6 {
                    margin-top: 11.8rem;
                    .title {
                        font-size: 2.8rem;
                        margin-bottom: 4.9rem;
                    }
                    .img-1-wrapper {
                        width: 54.9rem;
                        height: 13rem;
                        margin-bottom: 1.2rem;
                        overflow: hidden;
                        .img-1 {
                            width: 56rem;
                            height: 44.12rem;
                            left: 0;
                            top: 0;
                        }
                    }
                    .img-2-wrapper {
                        width: 55.3rem;
                        height: 19.2rem;
                        overflow: hidden;
                        .img-2 {
                            width: 130rem;
                            height: 130rem;
                            left: -37.5rem;
                            top: -61.7rem;
                        }
                    }
                  }
              }
          }
      }
  }
  .download-grid {
      margin-top: 2rem;
  }
  .product-grid {
      margin-bottom: 2rem;
      
      .product-grid-title {
          z-index: 3;
      }
      .product-grid-content {
        padding-left: 10vw;
        padding-right: 10vw;
      }
      .product-grid-show-more {
          margin-top: 0;
          .product-grid-content {
              height: 40rem;
              background: #eaeaea;
              width: 100%;
          }
          .button {
              width: 16.9rem;
              height: 4rem;
              bottom: 3.1rem;
              background-color: #1f94d2;
              border-radius: 2rem;
              color: #fff;
              text-align: center;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 1.2rem;
          }
            .pill-text {
                font-size: 1.2rem;
                color: black;
                font-family: 'Gotham-pro-reg';
                white-space: nowrap;
                top: 28rem;
            }
          .product-pill {
              height: 100%;
              padding-bottom: 9.2rem;
              display: flex;
              flex-direction: column;
              justify-content: flex-end;
              align-items: center;
              text-align: center;
              flex: 1;

              .pill-img-1 {
                  width: 14.4rem;
                  height: 14.4rem;
                  top: 11.4rem;
                  overflow: hidden;
                  img {
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                  }
              }
              .pill-img-2 {
                  width: 13.268rem;
                  height: 15.622399999999999rem;
                  top: 9.8rem;
                  overflow: hidden;
                  img {
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                  }
              }
              .pill-img-3 {
                  width: 14.49rem;
                  height: 14.49rem;
                  top: 9.3rem;
                  overflow: hidden;
                  img {
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                  }
              }
              .pill-img-4 {
                width: 16.98rem;
                height: 20.332rem;
                top: 3.4rem;
                overflow: hidden;
                img {
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                }
              }
          }
      }
  }
  .grid-6 {
      width: 120rem;
      margin:0 auto;
      padding-top: 10rem;

      .title {
          color: #333333;
          font-size: 2.4rem;
          margin-bottom: 2.8rem;
          margin-left: 5.4rem;
      }
      .bottom-switch-row {
          height: 21.5rem;
          background: #eaeaea;
          .swiper {
              width: 80rem;
              margin-left: auto;
              margin-right: auto;
              overflow: hidden;
              .swiper-slide {
                  width: 20rem;
                  height: 100%;
                  padding-top: 15.8rem;
                  position: relative;
                  cursor: pointer;
                  .product-name {
                      text-align: center;
                      font-size: 1.2rem;
                      color: #4b4949;
                      line-height: 1.2;
                  }
                  &.active {
                      background: #cbcbcb;
                      .product-name {
                          font-family: 'Gotham-pro-bold';
                      }
                  }
                  .product-wrapper-1 {
                      width: 9.5rem;
                      height: 9.5rem;
                      top: 3.9rem;
                      overflow: hidden;
                      .product-1 {
                          width: 13.2rem;
                          height: 13rem;
                          left: -1.9rem;
                          top: -2rem;
                      }
                  }
                  .product-wrapper-2 {
                      width: 9.5rem;
                      height: 9.5rem;
                      top: 3.9rem;
                      overflow: hidden;
                      .product-2 {
                          width: 13.37rem;
                          height: 13.65rem;
                          left: -1.9rem;
                          top: -2rem;
                      }
                  }

                  .product-wrapper-3 {
                      width: 22.3rem;
                      height: 6.8rem;
                      top: 6.3rem;
                      .product-wrapper-3-inner {
                          transform: scale(0.75);
                      }
                      .product-3-1 {
                          width: 9.9rem;
                          height: 6.2rem;
                          left: 0;
                          bottom: 0;
                          .product-3-1-img {
                              width: 12.2rem;
                              height: 9.15rem;
                              left: -0.8rem;
                              top: -1.55rem;
                          }
                      }
                      .product-3-2 {
                          width: 11rem;
                          height: 6.8rem;
                          bottom: 0;
                          right: 0;
                          .product-3-2-img {
                              width: 12.3rem;
                              height: 9.225rem;
                              left: -0.7rem;
                              top: -1rem;
                          }
                      }
                  }
  
                  .product-wrapper-4 {
                      width: 9.5rem;
                      height: 9.5rem;
                      top: 3.9rem;
                      overflow: hidden;
                      .product-4 {
                          width: 17.34rem;
                          height: 13rem;
                          left: -3.3200000000000003rem;
                          top: -2.13rem;
                      }
                  }
                  .product-5 {
                      height: 10.1rem;
                      width: 5.01rem;
                      top: 3.5rem;
                  }
              }
          }
          .prev-button {
              width: 1rem;
              height: 1.9rem;
              left: 5.6rem;
              cursor: pointer;
              img {
                  object-fit: contain!important;
              }
          }
          .next-button {
              width: 1rem;
              height: 1.9rem;
              right: 5.6rem;
              cursor: pointer;
              img {
                  object-fit: contain!important;
              }
          }
      }
      .bottom-switch-cards {
          height: 40.7rem;
          .bottom-switch-card {
              display: none;
              align-items: center;
              padding-left: 47.6rem;
              width:120rem;
              margin:0 auto;
              left:50%;
              transform:translateX(-50%);
              &.active {
                  display: flex;
              }
              .card-title {
                  color: #333333;
                  font-size: 2.4rem;
              }
              .card-sub-title {
                  margin-top: 0.5rem;
                  color: #333333;
                  font-size: 1.8rem;
                  width: 48.5rem;
              }
              .card-desc {
                  margin-top: 2.8rem;
                  color: #333333;
                  font-size: 1.2rem;
                  width: 48.5rem;
                  line-height: 1.2;
              }
              .button {
                  color: #f6f6f6;
                  font-size: 1.2rem;
                  padding: 1.4rem 3.4rem;
                  border-radius: 2rem;
                  background: #1f94d2;
                  text-align: center;
                  cursor: pointer;
                  margin-top: 2.8rem;
                  display: inline-flex;
              }
              .img-wrapper-1 {
                  width: 26.3rem;
                  height: 26.3rem;
                  left: 15rem;
                  top: 7.9rem;
                  overflow: hidden;
                  .img-1 {
                      width: 37rem;
                      height: 36.3rem;
                      left: -5.4rem;
                      top: -5.6rem;
                  }
              }
              .img-wrapper-2 {
                  width: 26.3rem;
                  height: 26.3rem;
                  left: 15rem;
                  top: 7.9rem;
                  overflow: hidden;
                  .img-2 {
                      width: 37rem;
                      height: 37.8rem;
                      left: -5.3rem;
                      top: -5.6rem;
                  }
              }
              .img-wrapper-3 {
                  width: 61.7rem;
                  height: 18.8rem;
                  top: 9rem;
                  left: 0;
                  transform: scale(0.6) translateX(-20%);
                  .img-3-1 {
                      width: 27.4rem;
                      height: 17.16rem;
                      left: 0;
                      bottom: 0;
                      .img-3-1-img {
                          width: 33.769999999999996rem;
                          height: 25.330000000000002rem;
                          left: -2.2rem;
                          top: -4.29rem;
                      }
                  }
                  .img-3-2 {
                      width: 30.45rem;
                      height: 18.830000000000002rem;
                      bottom: 0;
                      right: 0;
                      .img-3-2-img {
                          width: 34.05rem;
                          height: 25.54rem;
                          left: -1.94rem;
                          top: -2.77rem;
                      }
                  }
              }
              .img-wrapper-4 {
                  width: 26.3rem;
                  height: 26.3rem;
                  left: 15rem;
                  top: 7.9rem;
                  overflow: hidden;
                  .img-4 {
                      width: 48rem;
                      height: 36rem;
                      left: -9.2rem;
                      top: -5.9rem;
                  }
              }
              .img-5 {
                  height: 28rem;
                  width: 13.87rem;
                  top: 7rem;
                  left: 20rem;
              }
          }
      }
  }
}

.ani-tab-grid-title{
        width: 100%;
        max-width: 120rem;
        padding-left: 7.95348837rem;
        padding-right: 7.95348837rem;
      }




















































@media (max-width: 990px) {
  .page-g3 {
      .grid-1 {
        height: 55rem;
        overflow: visible;
          .banner-img {
              width: 100%;
              height: 100%;
              left: 0;
          }
          .banner-bg {
            width: 90%;
            height: 42rem;
            right: unset;
            left: 50%;
            top: 7.5rem;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.55);
            .banner-bg-inner {
                // padding-top: 2rem;
                // padding-left: 1.3rem;
                // padding-right: 1.3rem;
                padding:2.2rem;
                transform: none;
                width:100%;
                margin-left:0;
                .title {
                    font-size: 3rem;
                    text-align: center;
                    letter-spacing: 0px;
                    color: #fff;
                }
                .desc {
                    width: 100%;
                    color: #fff;
                    text-align: center;
                    font-size: 1.4rem;
                    margin-top: 2rem;
                }
            }

        }
      }
      
      #categories {
        margin-top: 25.1rem;
      }
      .grid-2 {
          margin-left: 1.6rem;
          margin-right: 1.6rem;
          padding-left: 1.2rem;
          margin-top: 4rem;
          margin-bottom: 3rem;
          width: auto;
          height: 23rem;
          .bg-banner {
            object-position: 65% 50%;
          }
          .grid-text {
              width: 63rem;
              margin-right: 1rem;
              padding-top: 3.7rem;
              margin-left:0;
              .logo-group {
                margin-bottom: 0.8rem;
              }
              .logo-1 {
                width: 7.1rem;
                height: 2.6rem;
                margin-right: 0.8rem;
              }
              .logo-2 {
                width: 7.5rem;
                height: 2.5rem;
              }
              .title {
                  font-size: 2rem;
                  width: 100%;
                  letter-spacing: -0.5px;
                  .evox-g3-img {
                    width: 10rem;
                    height: auto;
                    margin-left: 1.4rem;
                  }
              }
              .desc {
                  margin-top: 3.4rem;
                  font-size: 1.2rem;
              }
          }
          .system-img {
            width: 38.5rem;
            height: 46.1rem;
            left: 71.7rem;
            top: 4rem;
          }
      }
      .grid-2-desc {
        margin-left: 1.6rem;
        margin-right: 2.2rem;
        font-size: 1.8rem;
        line-height: 1.4;
        color: #333;
      }
      .product-grid {
          margin-bottom: 4rem;
          .product-grid-content {
            padding-left: 0;
            padding-right: 0;
          }
          .product-grid-show-more {
              .product-grid-content {
                  height: 64.2rem;
                  justify-content: space-evenly;
              }
              .button {
                width: 30rem;
                height: 5.4rem;
                border-radius: 3.2rem;
                bottom: 2.4rem;
                font-size: 1.6rem;
              }
                .pill-text {
                    font-size: 1.2rem;
                    letter-spacing: -0.4px;
                    white-space: normal;
                    text-align: center;
                    top: 36rem;
                }
              .product-pill {
                  padding-bottom: 24.8rem;

                  .pill-img-1 {
                      transform: translateX(-50%) translateY(5.6rem) scale(1.3);
                  }
                  .pill-img-2 {
                      transform: translateX(-50%) translateY(5.4rem) scale(1.3);
                  }
                  .pill-img-3 {
                      transform: translateX(-50%) translateY(4.8rem) scale(1.3);
                  }
                  .pill-img-4 {
                      transform: translateX(-50%) translateY(4rem) scale(1.3);
                  }
              }
          }
      }
      .download-grid {
          margin-top: 4rem;
      }

      .grid-6 {
        width:100%;
        padding-top: 7rem;
          .title {
            font-size: 2.4rem;
            margin-bottom: 2.2rem;
            margin-left: 1.6rem;
          }
          .bottom-switch-row {
              height: 30rem;
              .swiper {
                  width: 70%;
                  .swiper-slide {
                      width: 20rem;
                      padding-top: 0rem;
                      .product-name {
                          font-size: 1.2rem;
                      }
                      .product-wrapper-1 {
                            position: relative;
                          width: 15rem;
                          height: 15rem;
                          top: 0rem;
                          left:0;
                          transform: translateX(0);
                            margin: 0 auto;
                            margin-top: 5rem;
                          .product-1 {
                                position: relative;
                              width: 100%;
                              height: 100%;
                              left: 0rem;
                              top: 0rem;
                          }
                      }
                      .product-wrapper-2 {
                          position: relative;
                          width: 15rem;
                          height: 15rem;
                          top: 0rem;
                          left:0;
                          transform: translateX(0);
                            margin: 0 auto;
                            margin-top: 5rem;
                          .product-2 {
                              position: relative;
                              width: 100%;
                              height: 100%;
                              left: 0rem;
                              top: 0rem;
                          }
                      }
                      .product-wrapper-3 {
                          position: relative;
                          width: 15rem;
                          height: auto;
                          top: 0rem;
                          left:0;
                          transform: translateX(0);
                            margin: 0 auto;
                            margin-top: 2rem;
                          .product-wrapper-3-inner {
                            position: relative;
                              transform: scale(1);
                          }
                          .product-3-1 {
                              position: relative;
                              width: 100%;
                              height: 100%;
                              left: 0rem;
                              top: 0rem;
                              .product-3-1-img {
                                  position: relative;
                                    width: 100%;
                                    height: 100%;
                                    left: 0rem;
                                    top: 0rem;
                              }
                          }
                          .product-3-2 {
                              position: relative;
                              width: 100%;
                              height: 100%;
                              left: 0rem;
                              top: 0rem;
                              .product-3-2-img {
                                  position: relative;
                                width: 100%;
                                height: 100%;
                                left: 0rem;
                                top: 0rem;
                              }
                          }
                      }
                      .product-wrapper-4 {
                          position: relative;
                          width: 15rem;
                          height: 15rem;
                          top: 0rem;
                          left:0;
                          transform: translateX(0);
                            margin: 0 auto;
                            margin-top: 5rem;
                          .product-4 {
                              position: relative;
                              width: 100%;
                              height: 100%;
                              left: 0rem;
                              top: 0rem;
                          }
                      }
                      .product-5 {
                          width: 10.120000000000001rem;
                          height: 20.4rem;
                          top: 12.4rem;
                      }
                  }
              }
              .prev-button {
                  width: 2rem;
                  height: 6.65rem;
                  left: 2.1rem;
              }
              .next-button {
                  width: 2rem;
                  height: 6.65rem;
                  right: 2.1rem;
              }
          }
          .bottom-switch-cards {
              height: auto;
              .bottom-switch-card {
                  position: relative;
                  height: auto;
                  padding-left: 0rem;
                  padding-right: 0rem;
                  padding-top: 0rem;
                  padding-bottom: 3.2rem;
                  flex-direction: column;
                     width: 93%;
                    margin: 0 auto;
                    transform: translateX(0px);
                    left: 0;
                  .font-pro-r {
                      width: 100%;
                      margin-top:0;
                  }
                  .card-title {
                    font-size: 2rem;
                  }
                  .card-sub-title {
                    font-size: 1.2rem;
                    margin-top: 0.8rem;
                    width: 100%;
                  }
                  .card-desc {
                    margin-top: 1.4rem;
                    font-size: 1.4rem;
                    line-height: 1.4;
                    width: 100%;
                  }
                  .button {
                    margin:0 auto;
                    width: 90%;
                    height: 5.4rem;
                    border-radius: 3.2rem;
                    font-size: 1.6rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-top: 3.6rem;
                  }
                  .img-wrapper-1 {
                    position: relative;
                      width: 93%;
                      height: auto;
                      left: 0%;
                      transform: translateX(0%);
                      top:0;
                      .img-1 {
                        position: relative;
                          width: 100%;
                          height: 100%;
                          left: 0;
                          top: 0;
                      }
                  }
                  .img-wrapper-2 {
                    position: relative;
                      width: 93%;
                      height: auto;
                      left: 0%;
                      transform: translateX(0%);
                      top: 0;
                      .img-2 {
                          position: relative;
                          width: 100%;
                          height: 100%;
                          left: 0;
                          top: 0;
                      }
                  }
                  .img-wrapper-3 {
                    position: relative;
                      width:  93%;
                      height: auto;
                      top: 0;
                      left: 0;
                      transform: translateX(0) scale(1);
                      .img-3-1 {
                        position: relative;
                          width: 60%;
                          height: auto;
                          left: 0;
                          bottom: unset;
                          top: 0;
                          margin:0 auto;
                          .img-3-1-img {
                            position: relative;
                              width: 100%;
                          height: auto;
                              left: 0;
                              top: 0;
                          }
                      }
                      .img-3-2 {
                        position: relative;
                          width: 60%;
                          height: auto;
                          margin:0 auto;
                          .img-3-2-img {
                            position: relative;
                              width: 100%;
                          height: auto;
                              left: 0;
                              top: 0;
                          }
                      }
                  }
                  .img-wrapper-4 {
                    position: relative;
                      left: 0;
                      transform: translateX(0);
                     width: 93%;
                      height: auto;
                      top: 0;
                      .img-4 {
                         position: relative;
                          width: 100%;
                          height: auto;
                          left: 0;
                          top: 0;
                      }
                  }
                  .img-5 {
                      height: 60rem;
                      top: 10rem;
                      left: 50%;
                      transform: translateX(-50%);
                      width: 29.72rem;
                  }
              }
          }
      }
      .content-container {
            width:100%;
          #content-1 {
              margin-top: 4rem;
              padding-top: 0rem;
              padding-bottom: 7rem;
              padding-left: 1.6rem;
              padding-right: 1.6rem;
              .inner {
                  flex-direction: column;
                  padding-left: 0;
                  padding-right: 0;
                  .flex-left {
                    width: 100%;
                    height: 152rem;
                    margin-right: 0;
                    border-radius: 2rem;
                    padding-left: 1.6rem;
                    padding-top: 5rem;
                    padding-right: 1.6rem;
                    .title {
                        font-size: 2.4rem;
                        margin-bottom: 2.4rem;
                    }
                    .list {
                        font-size: 1.8rem;
                        
                        margin-left: 1.2rem;
                        .indicator {
                          left: -0.8rem;
                        }
                    }
                    .machine-wrapper {
                        width: 24.5rem;
                        height: 40.9rem;
                        bottom: 1.8rem;
                        left: 50%;
                        .machine-img {
                          transform: none;
                        }
                    }
                }
                  .flex-right {
                    width: 100%;
                      padding-top: 16.1rem;
                      padding-right: 0;

                      .card-1 {
                          margin-left: 0;
                          width: auto;
                          height: 12.5rem;
                          justify-content: flex-start;
                          padding-left: 2.8rem;
                          flex-wrap: wrap;
                          .card-1-title {
                            font-size: 1.4rem;
                            width: 100%;
                            bottom: 14.5rem;
                          }
                          .spec-name {
                            font-size: 1.2rem;
                            width: 10rem;
                            margin-right: 5rem;
                        }
                          .spec-value {
                            font-size: 1.6rem;
                            margin-top: 0.6rem;
                        }
                          .separator-1 {
                              display: none;
                          }
                          .separator-2 {
                              display: none;
                          }
                          .separator-3 {
                            display: none;
                          }
                          .img-wrapper {
                              width: 6.9rem;
                              height: 22.6rem;
                              left: 82%;
                              top: -10rem;
                              .spec-text {
                                  font-size: 1.4rem;
                                  top: 24.2rem;
                                  right: -0.4rem;
                              }
                          }
                      }
                      .options {
                        margin-top: 8.2rem;
                        padding-left: 1.2rem;
                          flex-wrap: wrap;
                          .option-label {
                            width: 2.4rem;
                            height: 2.4rem;
                            margin-right: 0.5rem;
                            font-size: 1.6rem;
                          }
                          .option-title {
                            font-size: 1.4rem;
                            margin-right: 0;
                          }
                          .option-values {
                            font-size: 1.2rem;
                            width: 15.5rem;
                            
                          }
                          .option-b {
                              margin-left: 0rem;
                          }
                          .option-c {
                            width: 76rem;
                            
                          }
                      }
                      .card-1-note {
                        font-size: 1.4rem;
                        margin-top: 2rem;
                      }
                      .card-2-1 {
                        margin-top: 6rem;
                        .title {
                            font-size: 2.4rem;
                            width: 30rem;
                            margin-bottom: 0;
                        }
                        .card-2-img-wrapper {
                            width: 38.5rem;
                            height: 19rem;
                            margin-top: 2rem;
                        }
                      }
                      .card-2 {
                        margin-top: 6rem;
                        .title {
                            font-size: 2.4rem;
                            margin-bottom: 1rem;
                        }
                        .sub-title {
                            font-size: 1.6rem;
                            margin-bottom: 2.9rem;
                        }
                        .img-group {
                            .img-left {
                                height: 18.0rem;
                                width: 25rem;
                            }
                            .img-right {
                                width: 15rem;
                                height: auto;
                                .auto-2 {
                                    position: relative;
                                    width: 100%;
                                    height: auto;
                                }
                                .auto-1 {
                                    width:100%;
                                    height: auto;
                                }
                            }
                        }
                      }
                      .card-3 {
                        margin-top: 5.6rem;
                        .title {
                            font-size: 2.4rem;
                            margin-bottom: 1.1rem;
                        }
                        .module-wrapper {
                            width: 39.9rem;
                            height: 13.2rem;
                            transform: none;
                            margin-left: -1.6rem;
                            .text-1 {
                                font-size: 2.4rem;
                                left: 63.2rem;
                                top: -1.9rem;
                            }
                            .text-2 {
                                font-size: 2.4rem;
                                left: 27.4rem;
                                top: 7.3rem;
                            }
                        }
                      }
                      .card-4 {
                        margin-top: 6rem;
                        .title {
                            font-size: 2.4rem;
                            margin-bottom: 2.4rem;
                        }
                        .ways-wrapper {
                            width: 100%;
                            height: 22.8rem;
                            .ways-img {
                                height: auto;
                            }
                        }
                      }
                      .card-5 {
                        margin-top: 6rem;
                        .title {
                            font-size: 2.4rem;
                            margin-bottom: 1rem;
                        }
                        .desc {
                            font-size: 1.6rem;
                            width: 100%;
                            
                        }
                        .house-wrapper {
                            width: 100%;
                            height: 14.6rem;
                            .house-specs {
                                top: -11.3rem;
                                .spec-row {
                                    margin-bottom: 1rem;
                                    font-size: 1.2rem;
                                    img {
                                        width: 2.2rem;
                                        height: 2.2rem;
                                        margin-right: 2rem;
                                    }
                                }
                            }
                        }
                      }
                      .card-6 {
                        margin-top: 6rem;
                        .title {
                            font-size: 2.4rem;
                            margin-bottom: 2.4rem;
                        }
                        .img-1-wrapper {
                            width: 38.5rem;
                            height: 9.5rem;
                            margin-bottom: 3.9rem;
                            transform-origin: right;
                            .img-1 {
                                width: 39.25rem;
                                height: 30.939999999999998rem;
                            }
                        }
                        .img-2-wrapper {
                            width: 100%;
                            height: 14.374rem;
                            margin:0 auto;
                        }
                      }
                  }
              }
          }
      }
  }
  .ani-tab-grid{
    .ani-tab-grid-title{
        width: 93%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
  }
  
}