.sec0 {
  margin-top: -1px;
  position: relative;
  z-index: 9;
  background-color: #000;
  padding-top: var(--pt);
}

.hw-gopaint-all {
  color: #000;
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.hw-gopaint-all :is(svg) {
  width: 100%;
  height: auto;
  vertical-align: middle;
  overflow: visible;
}

.hw-gopaint-all div svg {
  width: 100%;
  height: 100%;
}

.hw-gopaint-all picture {
  border: 0;
  width: 100%;
  display: block;
}

.hw-gopaint-all video {
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.hw-gopaint-all a {
  text-decoration: none;
  color: initial;
}

.hw-gopaint-all em {
  font-style: normal;
}

.hw-gopaint-all .video-load {
  width: 100%;
  height: 100%;
}

.hw-gopaint-all .pc-show {
  display: block;
  font-style: normal;
}

.hw-gopaint-all .pc-hidden {
  display: none;
  font-style: normal;
}

.hw-gopaint-all .pad-show {
  display: none;
  font-style: normal;
}

.hw-gopaint-all .pad-hidden {
  display: block;
  font-style: normal;
}

.hw-gopaint-all .mob-show {
  display: none;
  font-style: normal;
}

.hw-gopaint-all .mob-hidden {
  display: block;
  font-style: normal;
}

.hw-gopaint-all .iPc-show {
  display: inline-block;
  font-style: normal;
}

.hw-gopaint-all .iPc-hidden {
  display: none;
  font-style: normal;
}

.hw-gopaint-all .iPad-show {
  display: none;
  font-style: normal;
}

.hw-gopaint-all .iPad-hidden {
  display: inline-block;
  font-style: normal;
}

.hw-gopaint-all .iMob-show {
  display: none;
  font-style: normal;
}

.hw-gopaint-all .iMob-hidden {
  display: inline-block;
  font-style: normal;
}

.hw-gopaint-all .nr {
  white-space: nowrap;
  font-style: normal;
  display: inline-block;
}

.hw-gopaint-all .blur-up {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: -webkit-filter 400ms;
  transition: -webkit-filter 400ms;
  transition: filter 400ms;
  transition: filter 400ms, -webkit-filter 400ms;
  will-change: filter;
}

.hw-gopaint-all .blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

.hw-gopaint-all .lazyload:not([src]) {
  /* display: none; */
  visibility: hidden;
}

.hw-gopaint-all sup.hw-sup {
  font-size: 0.6em;
  cursor: pointer;
}

.hw-gopaint-all .mt-8 {
  margin-top: 0.41666667vw;
}

.hw-gopaint-all .mt-16 {
  margin-top: 0.83333333vw;
}

.hw-gopaint-all .mt-24 {
  margin-top: 1.25vw;
}

.hw-gopaint-all .mt-32 {
  margin-top: 1.66666667vw;
}

.hw-gopaint-all .mt-40 {
  margin-top: 2.08333333vw;
}

.hw-gopaint-all .mt-48 {
  margin-top: 2.5vw;
}

.hw-gopaint-all .mt-56 {
  margin-top: 2.91666667vw;
}

.hw-gopaint-all .mt-72 {
  margin-top: 3.75vw;
}

.hw-gopaint-all .mt-80 {
  margin-top: 4.16666667vw;
}

.hw-gopaint-all .abs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .hw-gopaint-all .pc-show {
    display: none;
    font-style: normal;
  }

  .hw-gopaint-all .pc-hidden {
    display: block;
    font-style: normal;
  }

  .hw-gopaint-all .pad-show {
    display: none;
    font-style: normal;
  }

  .hw-gopaint-all .pad-hidden {
    display: block;
    font-style: normal;
  }

  .hw-gopaint-all .mob-show {
    display: block;
    font-style: normal;
  }

  .hw-gopaint-all .mob-hidden {
    display: none;
    font-style: normal;
  }

  .hw-gopaint-all .iPc-show {
    display: none;
    font-style: normal;
  }

  .hw-gopaint-all .iPc-hidden {
    display: inline-block;
    font-style: normal;
  }

  .hw-gopaint-all .iPad-show {
    display: none;
    font-style: normal;
  }

  .hw-gopaint-all .iPad-hidden {
    display: inline-block;
    font-style: normal;
  }

  .hw-gopaint-all .iMob-show {
    display: inline-block;
    font-style: normal;
  }

  .hw-gopaint-all .iMob-hidden {
    display: none;
    font-style: normal;
  }

  .hw-gopaint-all sup.hw-sup {
    cursor: initial;
  }

  .hw-gopaint-all .mt-8 {
    margin-top: 1.111111vw;
  }

  .hw-gopaint-all .mt-16 {
    margin-top: 2.222222vw;
  }

  .hw-gopaint-all .mt-24 {
    margin-top: 3.333333vw;
  }

  .hw-gopaint-all .mt-32 {
    margin-top: 32;
  }

  .hw-gopaint-all .mt-40 {
    margin-top: 5.555556vw;
  }

  .hw-gopaint-all .mt-48 {
    margin-top: 6.666667vw;
  }

  .hw-gopaint-all .mt-56 {
    margin-top: 7.777778vw;
  }

  .hw-gopaint-all .mt-72 {
    margin-top: 10vw;
  }

  .hw-gopaint-all .mt-80 {
    margin-top: 11.111111vw;
  }
}

/* sec start */
.hw-gopaint-all .sec {
  padding: 10.41666667vw 0 0 0;
}

.hw-gopaint-all .sec-h2 {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(180deg, #ffe6cb 0%, #ffbf7b 100%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transform: translate3d(0, 0, 0);
  font-size: 2.91666667vw;
  line-height: 1.25;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .hw-gopaint-all .sec {
    padding: 27.777778vw 0 0 0;
  }

  .hw-gopaint-all .sec-h2 {
    font-size: 7.777778vw;
  }
}

/* sec end */

/* sec1 start */
.hw-gopaint-all .sec1 {
  padding-bottom: 10.41666667vw;
  overflow: hidden;
}

.hw-gopaint-all .sec1-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hw-gopaint-all .sec1-title img {
  margin-right: 1.5625vw;
  width: 14.89583333vw;
}

.hw-gopaint-all .sec1-title span {
  display: inline-block;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(180deg, #ffe6cb, #ffbf7b);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transform: translate3d(0, 0, 0) rotate(0deg);
  font-size: 2.91666667vw;
  line-height: 1.25;
  font-weight: 700;
}

.hw-gopaint-all .sec1-p {
  font-size: 1.14583333vw;
  line-height: 1.6;
  font-weight: 400;
  color: #868686;
  text-align: center;
}

.hw-gopaint-all .sec1-content {
  margin-top: 3.95833333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  /* height: 36.25vw; */
  position: relative;
}

.hw-gopaint-all .sec1-imgs {
  position: relative;
  width: 53.69791667vw;
  transform: scale(2);
  transform-origin: center top;
  will-change: transform;
}

.hw-gopaint-all .sec1-img {
  width: 100%;
  border-radius: 1.5625vw;
  -webkit-border-radius: 1.5625vw;
  -moz-border-radius: 1.5625vw;
  -ms-border-radius: 1.5625vw;
  -o-border-radius: 1.5625vw;
  overflow: hidden;
  will-change: width;
}

.hw-gopaint-all .sec1-border {
  width: 100%;
  opacity: 0;
  will-change: opacity;
}

.hw-gopaint-all .sec1-hand {
  width: 49.73958333vw;
  height: 34.375vw;
  position: absolute;
  top: 9.73958333vw;
  left: 62.76041667vw;
  transform: translate(150%, 112%);
  will-change: transform;
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .hw-gopaint-all .sec1 {
    /* padding-bottom: 27.777778vw; */
  }

  .hw-gopaint-all .sec1-title img {
    margin-right: 3.611111vw;
    width: 40vw;
  }

  .hw-gopaint-all .sec1-title span {
    font-size: 7.777778vw;
  }

  .hw-gopaint-all .sec1-p {
    padding: 0 6.666667vw;
    font-size: 4.444444vw;
  }

  .hw-gopaint-all .sec1-content {
    margin-top: 11.111111vw;
    padding: 0 6.666667vw 27.777778vw 6.666667vw;
  }

  .hw-gopaint-all .sec1-imgs {
    width: 86.805556vw;
  }

  .hw-gopaint-all .sec1-img {
    border-radius: 2.777778vw;
    -webkit-border-radius: 2.777778vw;
    -moz-border-radius: 2.777778vw;
    -ms-border-radius: 2.777778vw;
    -o-border-radius: 2.777778vw;
  }

  .hw-gopaint-all .sec1-img picture {
    transform: scale(1.004);
  }

  .hw-gopaint-all .sec1-hand {
    width: 80.555556vw;
    top: 28.611111vw;
    left: 51.805556vw;
    transform: translate(200%, 150%);
  }
}

/* sec1 end */

/* sec2 start */
.hw-gopaint-all .sec2 {
  margin-top: 2.60416667vw;
  padding-top: 0;
}

.hw-gopaint-all .sec2-container {
  padding-top: 5.20833333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  opacity: 0;
  transform: translateY(6.25vw);
  transition: opacity 0.3s linear, transform 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  overflow: hidden;
}

.hw-gopaint-all .sec2-container.active {
  opacity: 1;
  transform: translateY(0px);
}

.hw-gopaint-all .sec2-container .comtimemat {
  margin: 0 0 7.08333333vw 0;
  color: #fff;
  color: transparent;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  background-clip: text;
  -webkit-background-clip: text;
  background-image: linear-gradient(180deg, #fce5cb 0%, #c07e4a 100%);
}

.hw-gopaint-all .sec2-container .comthstage {
  display: flex;
  align-items: flex-end;
  margin: 0 0 0 17.91666667vw;
  text-align: center;
}

.hw-gopaint-all .sec2-container .comthstage li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 6.77083333333vw;
}

.hw-gopaint-all .sec2-container .comthstage .wholetxt {
  transition: transform 0.6s linear;
}

.hw-gopaint-all .sec2-container .comthstage li.active .wholetxt {
  transform: translateY(-1.5625vw);
}

.hw-gopaint-all .sec2-container .comthstage li:not(:last-child) {
  margin-right: 21.66666667vw
}
.hw-gopaint-all .sec2-container .comthstage li:last-child{
  position: relative;
}
.hw-gopaint-all .sec2-container .septxt.active {
  transform: translateY(-1.5625vw);
}

.hw-gopaint-all .sec2-container .comsmon {
  margin: 0 0 5.83333333vw 0;
  color: rgba(253, 231, 210, 0.6);
  font-size: 1.6666666666vw;
  font-weight: 400;
  line-height: 1.6;
  transition: 1s linear;
  text-align: center;
  white-space: nowrap;
}

.hw-gopaint-all .sec2-container .active .comsmon {
  color: rgba(253, 231, 210, 1);
}

.hw-gopaint-all .sec2-container .comsim {
  position: relative;
  width: 5.625vw;
  height: 5.625vw;
  transition: opacity 1s linear, transform 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.hw-gopaint-all .sec2-container .active .comsim {
  transform: translateY(-0.5208333333vw);
}

.hw-gopaint-all .sec2-container .comiback {
  opacity: 0.6;
  transition: opacity 1s linear, transform 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.hw-gopaint-all .sec2-container .active .comiback {
  opacity: 1;
  transform: scale(1.1111);
}

.hw-gopaint-all .sec2-container .comisphoto,
.hw-gopaint-all .sec2-container .comifphoto {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.6458333333vw;
}

.hw-gopaint-all .sec2-container .comisphoto {
  opacity: 0;
  transition: opacity 1s linear, transform 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.hw-gopaint-all .sec2-container .active .comisphoto {
  opacity: 1;
}

.hw-gopaint-all .sec2-container .comifphoto {
  transition: opacity 1s linear, transform 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  z-index: 99;
}

.hw-gopaint-all .sec2-container .active .comifphoto {
  opacity: 0;
}

.hw-gopaint-all .sec2-container .comsim svg {
  width: 100%;
  height: 100%;
}

.hw-gopaint-all .sec2-container .comsdes {
  margin: 1.04166666vw 0 0 0;
  color: rgba(255, 255, 255, .6);
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.6;
}

.hw-gopaint-all .sec2-container .active .comsdes {
  color: #fff;
  transform: translateY(-10px);
  transition: opacity 1s linear, transform 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}

.hw-gopaint-all .sec2-container .shuline {
  display: flex;
  transform: translateX(-2.60416666vw);
}

.hw-gopaint-all .sec2-container .shuline li:not(:last-child) {
  margin: 0 0.52083333vw 0 0;
}

.hw-gopaint-all .sec2-container .shuline li {
  width: 0.15625vw;
  height: 0.9375vw;
  background-color: #fff;
  opacity: 0.2;
}

.hw-gopaint-all .sec2-container .shuline li:nth-child(6n) {
  background-color: #fff;
  opacity: 0.5;
}

.hw-gopaint-all .sec2-container .comsvantime {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.hw-gopaint-all .sec2-container .comssvani {
  position: absolute;
  top: 4.1125vw;
  align-self: flex-start;
  z-index: 2;
}

.hw-gopaint-all .sec2-container .canlinecon {
  position: relative;
  width: 100%;
  height: 2.60416666vw;
  margin: -0.46875vw 0 0 -0.52083333333vw;
}

.hw-gopaint-all .sec2-container .quline {
  position: absolute;
  left: 16.09375vw;
  top: -0.4175vw;
  width: 10.4166666666vw;
  height: 7.8125vw;
}

.hw-gopaint-all .sec2-container .finalimg {
  position: relative;
  width: 100vw;
  height: 2.0104166666vw;
}

.hw-gopaint-all .sec2-container .finalimg>div {
  width: 100%;
  height: 100%;
}

.hw-gopaint-all .sec2-container .finalimg svg {
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
}

.hw-gopaint-all .sec2-container .finalimg svg path {
  will-change: transform, d;
}

.hw-gopaint-all .sec2-container .finalimg .svg2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 1s ease;
  opacity: 1;
}

.hw-gopaint-all .sec2-container .finalimg .svg3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  transition: 1s ease;
  opacity: 0;
}

.hw-gopaint-all .sec2-container .finalimg.active .svg2 {
  opacity: 0;
}

.hw-gopaint-all .sec2-container .finalimg.active .svg1 {
  opacity: 0;
}

.hw-gopaint-all .sec2-container .finalimg.active .svg3 {
  opacity: 1;
}

.hw-gopaint-all .sec2-container .finalimg .svg2 path {
  stroke-dasharray: 1930px;
  stroke-dashoffset: 1924px;
}

.hw-gopaint-all .sec2-container .quline svg:nth-child(1) {
  position: relative;
  z-index: 2;
}

.hw-gopaint-all .sec2-container .quline svg:nth-child(1) path {
  stroke-dasharray: 120%;
  stroke-dashoffset: 120%;
}

.hw-gopaint-all .sec2-container .quline svg:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.hw-gopaint-all .sec2-container .canshadowim {
  position: absolute;
  /*left: 72.047917vw;
  top: -5.546145833vw;
  */left: 67.4%;
  top: -210%;
  width: 14.895833333vw;
  transform: translate3d(0,0.5208333333vw,0);
  opacity: 0;
  transition: opacity 1s linear, transform 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  -webkit-transform: translate3d(0,0.5208333333vw,0);
  -moz-transform: translate3d(0,0.5208333333vw,0);
}

.hw-gopaint-all .sec2-container .canshadowim.active {
  transform: translate3d(0,0,0);
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
}

.hw-gopaint-all .sec2-container #canline1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}


@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .hw-gopaint-all .sec2 {
    margin-top: 0;
  }

  .hw-gopaint-all .sec2-container {
    padding-top: 0;
    overflow-x: scroll;
    scrollbar-width: none;
    -webkit-scrollbar-width: none;
    -moz-scrollbar-width: none;
    -ms-scrollbar-width: none;
    -o-scrollbar-width: none;
    align-items: flex-start;
}
  .hw-gopaint-all .sec2-container .comtimemat {
    margin: 0 0 12.7777777777vw 0;
    font-size: 6.66666666vw;
  }

  .hw-gopaint-all .sec2-container .comsdes {
    margin: 3.33333333vw 0 0 0;
    font-size: 3.888889vw;
  }

  .hw-gopaint-all .sec2-container .comsdays {
    font-size: 11.11111111vw;
  }

  .hw-gopaint-all .sec2-container .comsvantime {
    align-items: center;
    width: 124.166667vw;
    padding-top: 17.361111vw;
    overflow: hidden;
}

  .hw-gopaint-all .sec2-container .comsim {
    width: 15vw;
    height: 15vw;
    width: 18.055556vw;
    height: 18.055556vw;
  }

  .hw-gopaint-all .sec2-container .comsmon {
    margin: 0 0 16.666667vw 0;
    font-size: 5.555556vw;
  }

  .hw-gopaint-all .sec2-container .comthstage {
    padding: 0 8.3333333333vw;
    width: 100%;
    justify-content: space-between;
  }

  .hw-gopaint-all .sec2-container .comthstage li:not(:last-child) {
    margin: 0;
  }

  .hw-gopaint-all .sec2-container .shuline li {
    width: 0.41666666vw;
    height: 2.5vw;
  }

  .hw-gopaint-all .sec2-container .comssvani {
    top: 39.751389vw;
  }

  .hw-gopaint-all .sec2-container .shuline li:not(:last-child) {
    margin: 0 1.38888888vw 0 0;
  }

  .hw-gopaint-all .sec2-container .canlinecon {
    width: 100vw;
    height: 6.94444444vw;
    margin: -0.9vw 0 0 -103.755556vw;
  }

  .hw-gopaint-all .sec2-container .finalimg {
    width: 266.666666666vw;
    height: 5.361111111111111vw;
  }

  .hw-gopaint-all .sec2-container .shuline {
    transform: translateX(-43.377778vw);
    -webkit-transform: translateX(-43.377778vw);
    -moz-transform: translateX(-43.377778vw);
}

  .hw-gopaint-all .sec2-container .quline {
    left: 4.29375vw;
    top: -1.25vw;
    width: 27.02222222vw;
    height: 20.83333333vw;
  }

  .hw-gopaint-all .sec2-container .canshadowim {
width: 33.88888888vw;
        top: calc(-182% + 0.1px);
        left: calc(194% + 0.1px);
  }

  .hw-gopaint-all .sec2-container .active .comiback {
    transform: scale(1.0923);
  }

  .hw-gopaint-all .sec2-container .comisphoto,
  .hw-gopaint-all .sec2-container .comifphoto {
    width: 12.777778vw;
    height: 12.777778vw;
  }

  .hw-gopaint-all .sec2-container .comthstage {
    margin: 0;
  }

  .hw-gopaint-all .sec2-container .comthstage li {
    width: auto;
    align-items: center;
  }

  .hw-gopaint-all .sec2-container .comthstage li.active .wholetxt {
    transform: translateY(-4.166667vw);
  }

  .hw-gopaint-all .sec2-container .active .comsim {
    transform: translateY(-0.833333vw);
  }

  .hw-gopaint-all .sec2-container .active .comsdes {
    transform: translateY(0);
  }
}
@media screen and (max-width: 550px) {
  .hw-gopaint-all .sec2-container .canshadowim{
    top: calc(-174% + 0.1px)
  }
}


/* sec2 end */

/* sec3 start */
.hw-gopaint-all .sec3-container {
  margin: 3.333333vw auto 0;
  width: 70.52083333vw;
  height: 111.54166667vw;
  display: flex;
  justify-content: flex-end;
  /* border: 1px solid #fff; */
}

.hw-gopaint-all .sec3-swiper {
  width: 60.15625vw;
  height: 44.270833vw;
  position: relative;
  /* border: 1px solid #fff; */
}

.hw-gopaint-all .sec3-swiper .swiper-slide {
  position: absolute;
  height: auto;
  transform-origin: 0% 0%;
  will-change: width, transform;
}

.hw-gopaint-all .sec3-swiper .swiper-slide:nth-of-type(1) {
  width: 60.15625vw;
  top: 4.791667vw;
  left: 0;
  z-index: 1;
}

.hw-gopaint-all .sec3-swiper .swiper-slide:nth-of-type(2) {
  width: 22.708333vw;
  height: 32.13541667vw;
  top: 0;
  left: 26.145833vw;
  z-index: 2;
}

.hw-gopaint-all .sec3-swiper .swiper-slide:nth-of-type(3) {
  width: 35.364583vw;
  top: 2.5vw;
  left: 8.4375vw;
  z-index: 3;
}

.hw-gopaint-all .sec3-swiper .swiper-slide:nth-of-type(4) {
  width: 22.604167vw;
  top: 24.739583vw;
  left: 3.125vw;
  z-index: 4;
}

.hw-gopaint-all .sec3-swiper .swiper-slide:nth-of-type(5) {
  width: 30.46875vw;
  top: 16.197917vw;
  left: 22.291667vw;
  z-index: 5;
}

.hw-gopaint-all .sec3-swiper .swiper-slide:nth-of-type(2) .sec3-item {
  height: 32.13541667vw;
  transform: scaleY(1);
}

.hw-gopaint-all .sec3-container.active1 .swiper-slide:nth-of-type(2) {
  transform: translate(11.302083vw, 10.572917vw) !important;
  transition: transform 0.6s ease-out;
}

.hw-gopaint-all .sec3-container.active1 .swiper-slide:nth-of-type(3) {
  transform: translate(-11.875vw, 35.520833vw) !important;
  transition: transform 0.6s 0.2s ease-out;
}

.hw-gopaint-all .sec3-container.active2 .swiper-slide:nth-of-type(4) {
  transform: translate(26.25vw, 43.177083vw) !important;
  transition: transform 0.6s ease-out;
}

.hw-gopaint-all .sec3-container.active2 .swiper-slide:nth-of-type(5) {
  transform: translate(-29.6875vw, 66.666667vw) !important;
  transition: transform 0.6s 0.2s ease-out;
}

.hw-gopaint-all .sec3 .sec3-text {
  margin-top: 1.25vw;
}

.hw-gopaint-all .sec3 .sec3-text p {
  text-align: left;
}

.hw-gopaint-all .sec3 .swiper-slide:nth-of-type(2) p,
.hw-gopaint-all .sec3 .swiper-slide:nth-of-type(4) p {
  text-align: right;
}

.hw-gopaint-all .sec3 .sec3-text p:nth-of-type(1) {
  font-size: 1.458333vw;
  font-weight: 500;
  line-height: 1.6;
  color: #fff;
}

.hw-gopaint-all .sec3 .sec3-text p:nth-of-type(2) {
  margin-top: 0.416667vw;
  font-size: 1.041667vw;
  font-weight: 400;
  line-height: 1.6;
  color: #868686;
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .hw-gopaint-all .sec3-container {
    margin: 8.888889vw 0 0 0;
    width: 100%;
    padding: 0 8.888889vw;
    height: auto;
    display: block;
    overflow: hidden;
  }

  .hw-gopaint-all .sec3-swiper {
    width: auto;
    height: auto;
  }

  .hw-gopaint-all .sec3-swiper .swiper-slide {
    position: static;
    height: auto;
  }

  .hw-gopaint-all .sec3 .sec3-text {
    margin-top: 6.666667vw;
  }

  .hw-gopaint-all .sec3 .sec3-text p {
    text-align: center;
  }

  .hw-gopaint-all .sec3-swiper .swiper-slide:nth-of-type(2) p,
  .hw-gopaint-all .sec3-swiper .swiper-slide:nth-of-type(4) p {
    text-align: center;
  }

  .hw-gopaint-all .sec3 .sec3-text p:nth-of-type(1) {
    font-size: 5.555556vw;
  }

  .hw-gopaint-all .sec3 .sec3-text p:nth-of-type(2) {
    margin-top: 2.777778vw;
    font-size: 3.888889vw;
  }

  .hw-gopaint-all .sec3-swiper .swiper-slide:nth-of-type(2) .sec3-item {
    height: 91.666667vw;
  }

  .hw-gopaint-all .sec3-navigation {
    margin: 11.111111vw auto 0;
    width: fit-content;
    width: -webkit-fit-content;
    position: relative;
  }

  .hw-gopaint-all .sec3-navigation .sec3-bg {
    width: 56.944444vw;
  }

  .hw-gopaint-all .sec3-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 4.861111vw;
  }

  .hw-gopaint-all .sec3-nav .swiper-button-prev,
  .hw-gopaint-all .sec3-nav .swiper-button-next {
    position: static;
    width: 6.666667vw;
    height: 6.666667vw;
    margin: 0;
    cursor: default;
    transform: translate3d(0, 0, 0) rotate(0deg);
    background-color: transparent;
  }

  .hw-gopaint-all .sec3-nav .swiper-button-prev::after,
  .hw-gopaint-all .sec3-nav .swiper-button-next::after {
    display: none;
  }

  .hw-gopaint-all .sec3-nav .swiper-button-prev::before,
  .hw-gopaint-all .sec3-nav .swiper-button-next::before {
    display: none;
  }

  .hw-gopaint-all .sec3-nav .swiper-button-disabled {
    opacity: 0.3;
  }

  .hw-gopaint-all .sec3-nav .sec3-page {
    width: 24.444444vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .hw-gopaint-all .sec3-nav .sec3-page span {
    width: 2.222222vw;
    height: 2.222222vw;
    border-radius: 50%;
    background-color: rgba(255, 191, 123, 0.4);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .hw-gopaint-all .sec3-nav .sec3-page span.swiper-pagination-bullet-active {
    background-color: rgba(255, 191, 123);
  }

  .hw-gopaint-all .sec3-nav .sec3-page span+span {
    margin: 0 0 0 3.333333vw;
  }
}

/* sec3 end */

/* sec4 start */
.hw-gopaint-all .sec4-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hw-gopaint-all .sec4-head {
  margin-top: 1.45833333vw;
  color: #868686;
  font-size: 1.14583333vw;
  text-align: center;
  line-height: 1.6;
  font-weight: 400;
}

.hw-gopaint-all .sec4-content {
  margin: 3.125vw auto 0;
  width: 67.864583vw;
  /* clip-path: polygon(338 279, 964 279, 964 589, 338 589); */
  clip-path: polygon(25.94% 32.2%, 73.98% 32.2%, 73.98% 67.779%, 25.94% 67.779%);
  -webkit-clip-path: polygon(25.94% 32.2%, 73.98% 32.2%, 73.98% 67.779%, 25.94% 67.779%);
  will-change: clip-path;
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .hw-gopaint-all .sec4 {
    padding-top: 27.777778vw;
  }

  .hw-gopaint-all .sec4-title {
    padding: 0 8.055556vw;
    transform: translate(0, 0);
  }

  .hw-gopaint-all .sec4-head {
    margin-top: 4.444444vw;
    font-size: 4.444444vw;
  }

  .hw-gopaint-all .sec4-content {
    margin: 8.333333vw 0 0 0;
    padding: 0 4.444444vw;
    width: 100%;
    clip-path: unset;
    transition: unset;
  }
}

/* sec4 end */

/* sec5 start */
.hw-gopaint-all .sec5 {
  padding-top: 10.41666667vw;
}

.hw-gopaint-all .sec5 .sec5-cta {
  width: 67.5vw;
  margin: 3.17708333vw auto 0;
}

.hw-gopaint-all .sec5 .sec5-imge {
  position: relative;
  opacity: 0;
  transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -webkit-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -moz-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -ms-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -o-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  will-change: transform, opacity;
}

.hw-gopaint-all .sec5 .sec5-imge.active {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
  -moz-transform: translate3d(0, 0, 0) rotate(0deg);
  -ms-transform: translate3d(0, 0, 0) rotate(0deg);
  -o-transform: translate3d(0, 0, 0) rotate(0deg);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -moz-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -ms-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -o-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.hw-gopaint-all .sec5 .sec5-public {
  opacity: 0;
  transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -webkit-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -moz-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -ms-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -o-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  will-change: transform, opacity;
}

.hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
  -moz-transform: translate3d(0, 0, 0) rotate(0deg);
  -ms-transform: translate3d(0, 0, 0) rotate(0deg);
  -o-transform: translate3d(0, 0, 0) rotate(0deg);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -moz-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -ms-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -o-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public:nth-child(2) {
  transition-delay: 0.3s;
}

.hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public:nth-child(3) {
  transition-delay: 0.6s;
}

.hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public:nth-child(4) {
  transition-delay: 0.9s;
}

.hw-gopaint-all .sec5 .sec5-image {
  margin-top: 1.25vw;
  display: flex;
}

.hw-gopaint-all .sec5 .sec5-imge5,
.hw-gopaint-all .sec5 .sec5-imge6 {
  position: relative;
}

.hw-gopaint-all .sec5 .sec5-imge5 {
  width: 33.125vw;
  margin-right: 1.25vw;
}

.hw-gopaint-all .sec5 .sec5-imge6 {
  width: 33.125vw;
}

.hw-gopaint-all .sec5 .sec5-image .sec5-desc {
  width: fit-content;
  width: -webkit-fit-content;
  position: absolute;
  top: 50%;
  left: 17.70833333vw;
  transform: translate(0, -50%);
}

.hw-gopaint-all .sec5 .sec5-imge6 .sec5-desc {
  left: 17.91666667vw;
}

.hw-gopaint-all .sec5 .sec5-image .desc-1 {
  font-size: 1.45833333vw;
  font-weight: 500;
  color: #a2b3de;
  line-height: 1.6;
}

.hw-gopaint-all .sec5 .sec5-image .desc-2 {
  margin-top: 1.04166667vw;
  font-size: 1.04166667vw;
  line-height: 1.6;
  font-weight: 400;
  color: #868686;
  white-space: nowrap;
}

.hw-gopaint-all .sec5 .sec5-image .desc-3 {
  background: linear-gradient(132.71deg, #a2b2de 0%, #acbade 50%, #a2b2de 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transform: translate3d(0, 0, 0);
  line-height: unset;
}

.hw-gopaint-all .sec5 .sec5-imge6 .desc-1 {
  color: #b6cec9;
}

.hw-gopaint-all .sec5 .sec5-imge6 .desc-3 {
  width: 13.07291667vw;
}

.hw-gopaint-all .sec5 .sec5-imge4 .desc-3 p,
.hw-gopaint-all .sec5 .sec5-imge6 .desc-3 p {
  margin-top: 0.625vw;
  font-size: 1.04166667vw;
  color: #bebebe;
}

.hw-gopaint-all .sec5 .sec5-imge5,
.hw-gopaint-all .sec5 .sec5-imge6 {
  opacity: 0;
  transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -webkit-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -moz-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -ms-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -o-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  will-change: transform, opacity;
}

.hw-gopaint-all .sec5 .sec5-image.active .sec5-imge5,
.hw-gopaint-all .sec5 .sec5-image.active .sec5-imge6 {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
  -moz-transform: translate3d(0, 0, 0) rotate(0deg);
  -ms-transform: translate3d(0, 0, 0) rotate(0deg);
  -o-transform: translate3d(0, 0, 0) rotate(0deg);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -moz-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -ms-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -o-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.hw-gopaint-all .sec5 .sec5-imge5 .sec5-desc,
.hw-gopaint-all .sec5 .sec5-imge6 .sec5-desc {
  top: 5.20833333vw;
  transform: translate3d(0, 0, 0);
}

.hw-gopaint-all .sec5 .sec5-image.active .sec5-imge5 {
  transition-delay: 0.3s;
}

.hw-gopaint-all .sec5 .sec5-image.active .sec5-imge6 {
  transition-delay: 0.6s;
}

.hw-gopaint-all .sec5-foot {
  opacity: 0;
  transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -webkit-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -moz-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -ms-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  -o-transform: translate3d(0, 4.16666667vw, 0) rotate(0deg);
  will-change: transform, opacity;
}

.hw-gopaint-all .sec5-foot.active {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
  -moz-transform: translate3d(0, 0, 0) rotate(0deg);
  -ms-transform: translate3d(0, 0, 0) rotate(0deg);
  -o-transform: translate3d(0, 0, 0) rotate(0deg);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -moz-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -ms-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  -o-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.hw-gopaint-all .sec5 .sec5-foot.active {
  transition-delay: 0.01s;
}

.hw-gopaint-all .sec5 .sec5-size {
  width: 100%;
}

.hw-gopaint-all .sec5 .sec5-desc {
  width: 16.92708333vw;
  position: absolute;
  top: 5.96510417vw;
  left: 37.74427083vw;
  text-align: center;
}

.hw-gopaint-all .sec5 .sec5-title {
  font-size: 1.875vw;
  font-weight: 700;
  line-height: 1.25;
  background: linear-gradient(140.92deg, #f4cd38 0%, #ed846f 57.93%, #6e71b4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transform: translate3d(0, 0, 0);
}

.hw-gopaint-all .sec5 .sec5-count {
  margin-top: 1.40625vw;
  font-size: 1.04166667vw;
  font-weight: 400;
  line-height: 1.6;
  color: #868686;
}

.hw-gopaint-all .sec5 .sec5-price {
  margin-top: 1.04166667vw;
  font-size: 2.5vw;
  line-height: 1.25;
  font-weight: 700;
  background: linear-gradient(117.29deg, #e6d8ae 0%, #ffd685 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transform: translate3d(0, 0, 0);
}

.hw-gopaint-all .sec5 .sec5-price span {
  font-size: 1.04166667vw;
}

.hw-gopaint-all .sec5 .sec5-imgs {
  display: flex;
  margin-top: 1.25vw;
}

.hw-gopaint-all .sec5 .sec5-public {
  position: relative;
  flex-shrink: 0;
}

.hw-gopaint-all .sec5 .sec5-public img {
  width: 100%;
}

.hw-gopaint-all .sec5 .sec5-public:nth-child(-n + 3) {
  margin-right: 1.25vw;
}

.hw-gopaint-all .sec5 .imge-pub {
  width: 15.9375vw;
}

.hw-gopaint-all .sec5 .imge-desc {
  width: 13.6875vw;
  position: absolute;
  left: 50%;
  top: 10.9375vw;
  transform: translate(-50%);
  text-align: center;
}

.hw-gopaint-all .sec5 .desc-1 {
  font-size: 1.45833333vw;
  line-height: 1.6;
  font-weight: 500;
}

.hw-gopaint-all .sec5 .desc-2 {
  margin-top: 1.04166667vw;
  font-size: 1.04166667vw;
  line-height: 1.6;
  font-weight: 400;
  color: #868686;
  white-space: nowrap;
}

.hw-gopaint-all .sec5 .desc-3 {
  margin-top: 1.04166667vw;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 1.25;
  background: linear-gradient(180deg, #e7c579 0%, #ffe0ab 50%, #f1bf63 100%);
  white-space: nowrap;
  transform: translate3d(0, 0, 0);
}

.hw-gopaint-all .sec5 .desc-3 span {
  font-size: 1.04166667vw;
}

.hw-gopaint-all .sec5 .sec5-imge1 .desc-1 {
  color: #f5d597;
}

.hw-gopaint-all .sec5 .sec5-imge2 .desc-1 {
  color: #d1d1d1;
}

.hw-gopaint-all .sec5 .sec5-imge3 .desc-1 {
  color: #e0aa7c;
}

.hw-gopaint-all .sec5 .sec5-imge4 .desc-1 {
  color: #bebebe;
}

.hw-gopaint-all .sec5 .sec5-imge1 .desc-3 {
  background: linear-gradient(180deg, #e7c579 0%, #ffe0ab 50%, #f1bf63 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transform: translate3d(0, 0, 0);
}

.hw-gopaint-all .sec5 .sec5-imge2 .desc-3 {
  background: linear-gradient(0deg, #6B6B6B 0%, #DEDEDE 50%, #A5A5A5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transform: translate3d(0, 0, 0);
}

.hw-gopaint-all .sec5 .sec5-imge3 .desc-3 {
  background: linear-gradient(180deg, #e2a170 0%, #ffe0b8 50%, #bf805b 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transform: translate3d(0, 0, 0);
}

.hw-gopaint-all .sec5 .sec5-imge4 .desc-3 {
  margin-top: 1.66666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: none;
}

.hw-gopaint-all .sec5 .sec5-imge4 .desc-3 img {
  width: 13.02083333vw;
}

.hw-gopaint-all .sec5-foot {
  margin-top: 2.08333333vw;
  margin-left: 15.80729167vw;
}

.hw-gopaint-all .sec5-foot div {
  line-height: 1.6;
  font-size: 0.83333333vw;
  font-weight: 400;
  color: #868686;
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .hw-gopaint-all .sec5 {
    padding: 27.777778vw 4.444444vw 0;
  }

  .hw-gopaint-all .sec5 .sec5-h3 {
    width: 80%;
    font-size: 7.777778vw;
  }

  .hw-gopaint-all .sec5 .sec5-cta {
    width: 100%;
    margin: 8.888889vw 0 0 0;
  }

  .hw-gopaint-all .sec5 .sec5-imge {
    transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -webkit-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -moz-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -ms-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -o-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
  }

  .hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public:nth-child(1),
  .hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public:nth-child(2) {
    transition-delay: 0.3s;
  }

  .hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public:nth-child(3),
  .hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public:nth-child(4) {
    transition-delay: 0.1s;
  }

  .hw-gopaint-all .sec5 .sec5-public {
    opacity: 0;
    transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -webkit-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -moz-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -ms-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -o-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
  }

  .hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public:nth-child(1),
  .hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public:nth-child(2) {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    -moz-transform: translate3d(0, 0, 0) rotate(0deg);
    -ms-transform: translate3d(0, 0, 0) rotate(0deg);
    -o-transform: translate3d(0, 0, 0) rotate(0deg);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    -webkit-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    -moz-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    -ms-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    -o-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }

  .hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public:nth-child(3),
  .hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public:nth-child(4) {
    opacity: 0;
    transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -webkit-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -moz-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -ms-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -o-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    transition: unset;
    -webkit-transition: unset;
    -moz-transition: unset;
    -ms-transition: unset;
    -o-transition: unset;
  }

  .hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public.active:nth-child(3),
  .hw-gopaint-all .sec5 .sec5-imgs.active .sec5-public.active:nth-child(4) {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0deg);
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    -moz-transform: translate3d(0, 0, 0) rotate(0deg);
    -ms-transform: translate3d(0, 0, 0) rotate(0deg);
    -o-transform: translate3d(0, 0, 0) rotate(0deg);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    -webkit-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    -moz-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    -ms-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    -o-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }

  .hw-gopaint-all .sec5 .sec5-image {
    margin-top: 2.777778vw;
  }

  .hw-gopaint-all .sec5 .sec5-imge5 {
    width: 44.166667vw;
    margin-right: 2.777778vw;
  }

  .hw-gopaint-all .sec5 .sec5-imge6 {
    width: 44.166667vw;
  }

  .hw-gopaint-all .sec5 .sec5-image .sec5-desc {
    top: 27.166667vw;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .hw-gopaint-all .sec5 .sec5-image .desc-1 {
    font-size: 3.888889vw;
  }

  .hw-gopaint-all .sec5 .sec5-image .desc-2 {
    margin-top: 2.222222vw;
    font-size: 3.333333vw;
  }

  .hw-gopaint-all .sec5 .sec5-image .desc-3 {
    margin-top: 4.166667vw;
    font-size: 6.666667vw;
  }

  .hw-gopaint-all .sec5 .sec5-imge6 .desc-3 {
    width: 37.222222vw;
  }

  .hw-gopaint-all .sec5 .sec5-imge5,
  .hw-gopaint-all .sec5 .sec5-imge6 {
    transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -webkit-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -moz-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -ms-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -o-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
  }

  .hw-gopaint-all .sec5 .sec5-image.active .sec5-imge5,
  .hw-gopaint-all .sec5 .sec5-image.active .sec5-imge6 {
    transition-delay: 0.1s;
  }

  .hw-gopaint-all .sec5 .sec5-imge5 .sec5-desc,
  .hw-gopaint-all .sec5 .sec5-imge6 .sec5-desc {
    left: 50%;
    transform: translate(-50%, 0);
  }

  .hw-gopaint-all .sec5-foot {
    transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -webkit-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -moz-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -ms-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
    -o-transform: translate3d(0, 11.111111vw, 0) rotate(0deg);
  }

  .hw-gopaint-all .sec5 .sec5-foot {
    width: 86.666667vw;
  }

  .hw-gopaint-all .sec5 .sec5-foot.active {
    transition-delay: 0s;
  }

  .hw-gopaint-all .sec5 .sec5-size {
    width: 100%;
  }

  .hw-gopaint-all .sec5 .sec5-desc {
    width: 37.5vw;
    top: 50%;
    left: 43.333333vw;
    transform: translate(0, -50%);
    white-space: nowrap;
  }

  .hw-gopaint-all .sec5 .sec5-title {
    font-size: 3.888889vw;
  }

  .hw-gopaint-all .sec5 .sec5-count {
    margin-top: 3.333333vw;
    font-size: 3.333333vw;
  }

  .hw-gopaint-all .sec5 .sec5-price {
    margin-top: 2.5vw;
    font-size: 6.666667vw;
  }

  .hw-gopaint-all .sec5 .sec5-price span {
    font-size: 3.333333vw;
  }

  .hw-gopaint-all .sec5 .sec5-imgs {
    margin-top: 2.777778vw;
    display: flex;
    flex-wrap: wrap;
  }

  .hw-gopaint-all .sec5 .sec5-public:nth-child(-n + 3) {
    margin-right: 0;
  }

  .hw-gopaint-all .sec5 .sec5-public:nth-child(-n + 2) {
    margin-bottom: 2.777778vw;
  }

  .hw-gopaint-all .sec5 .sec5-public:nth-child(odd) {
    margin-right: 2.777778vw;
  }

  .hw-gopaint-all .sec5 .imge-pub {
    width: 44.166667vw;
  }

  .hw-gopaint-all .sec5 .imge-desc {
    width: 37.222222vw;
    top: 27.166667vw;
  }

  .hw-gopaint-all .sec5 .desc-1 {
    font-size: 3.888889vw;
  }

  .hw-gopaint-all .sec5 .desc-2 {
    margin-top: 2.222222vw;
    font-size: 3.333333vw;
  }

  .hw-gopaint-all .sec5 .desc-3 {
    margin-top: 2.5vw;
    font-size: 6.666667vw;
    transform: translate3d(0, 0, 0);
  }

  .hw-gopaint-all .sec5 .desc-3 span {
    font-size: 2.777778vw;
  }

  .hw-gopaint-all .sec5 .sec5-imge4 .desc-3 {
    margin-top: 4.166667vw;
  }

  .hw-gopaint-all .sec5 .sec5-imge4 .desc-3 img {
    width: 37.222222vw;
  }

  .hw-gopaint-all .sec5 .sec5-imge4 .desc-3 div {
    font-size: 2.777778vw;
    margin-top: 1.111111vw;
  }

  .hw-gopaint-all .sec5-foot {
    margin-top: 8.888889vw;
    margin-left: 2.222222vw;
  }

  .hw-gopaint-all .sec5-foot div {
    font-size: 3.333333vw;
  }
}

/* sec5 end */

/* sec6 start */
.hw-gopaint-all .sec6-container {
  margin: 3.125vw auto 0;
  width: 67.5vw;
}

.hw-gopaint-all .sec6-content {
  display: flex;
  position: relative;
}

.hw-gopaint-all .sec6-text {
  width: 19.32291667vw;
  margin-right: 7.29166667vw;
}

.hw-gopaint-all .sec6-text h2 {
  font-weight: 500;
  line-height: 1.25;
  font-size: 1.66666667vw;
  color: #fff;
}

.hw-gopaint-all .sec6-text p {
  margin-top: 0.83333333vw;
  width: 18.02083333vw;
  color: #868686;
  font-size: 1.14583333vw;
  line-height: 1.6;
  font-weight: 400;
}

.hw-gopaint-all .sec6 .swiper-slide:nth-of-type(1) p {
  width: 18.75vw;
}

.hw-gopaint-all .sec6-img {
  width: 25vw;
  height: 14.58333333vw;
  transition: width 0.6s ease-out, height 0.6s ease-out;
  -webkit-transition: width 0.6s ease-out, height 0.6s ease-out;
  -moz-transition: width 0.6s ease-out, height 0.6s ease-out;
  -ms-transition: width 0.6s ease-out, height 0.6s ease-out;
  -o-transition: width 0.6s ease-out, height 0.6s ease-out;
  transform: translate3d(0, 0, 0) rotate(0deg);
  transform-origin: 0% 100%;
  will-change: width, height;
  overflow: hidden;
  position: relative;
}

.hw-gopaint-all .sec6-reload {
  width: 2.0833334vw;
  height: 2.0833334vw;
  position: absolute;
  right: 1.25vw;
  bottom: 1.25vw;
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: rgba(128, 128, 128, .4);
  backdrop-filter: blur(8px) brightness(120%);
  -webkit-backdrop-filter: blur(8px) brightness(120%);
  transition: backdrop-filter 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-transition: backdrop-filter 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: backdrop-filter 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0;
  pointer-events: none;
}

.hw-gopaint-all .sec6-reload.active {
  opacity: 1;
  pointer-events: all;
}

@media (hover: hover) and (pointer: fine) {
  .hw-gopaint-all .sec6-reload {
    cursor: pointer;
  }
}

.hw-gopaint-all .sec6-img picture {
  transform-origin: 38% 77%;
  transition: transform 0.6s ease-out;
  transform: translate3d(0, 0, 0) scale(1.3, 1.4);
  will-change: transform;
}

.hw-gopaint-all .sec6-line {
  margin: 3.125vw 0;
  width: 100%;
  height: 1px;
  background-color: #4e4e4e;
}

.hw-gopaint-all .sec6 .swiper-wrapper {
  display: block;
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .hw-gopaint-all .sec6-container {
    margin: 8.888889vw 0 0 0;
    padding: 0 8.888889vw;
    width: 100%;
    overflow: hidden;
  }

  .hw-gopaint-all .sec6-content {
    flex-direction: column;
  }

  .hw-gopaint-all .sec6-text {
    width: 61.527778vw;
    margin-right: 0;
    margin-left: 2.222222vw;
  }

  .hw-gopaint-all .sec6 .swiper-slide:nth-of-type(1) .sec6-text {
    width: 65.416667vw;
  }

  .hw-gopaint-all .sec6-text h2 {
    margin-top: 6.666667vw;
    font-size: 5.555556vw;
  }

  .hw-gopaint-all .sec6 .swiper-slide:nth-of-type(1) p {
    width: 100%;
  }

  .hw-gopaint-all .sec6-text p {
    margin-top: 2.777778vw;
    width: 100%;
    font-size: 3.888889vw;
  }

  .hw-gopaint-all .sec6-img {
    width: 100%;
    height: 55.555556vw;
    order: -1;
  }

  .hw-gopaint-all .sec6-img picture {
    transform: scale(1);
    transform-origin: center;
  }

  .hw-gopaint-all .sec6 .swiper-wrapper {
    display: flex;
  }

  .hw-gopaint-all .sec6 .sec6-nav {
    margin-top: 11.111111vw;
    display: flex;
    justify-content: flex-end;
  }

  .hw-gopaint-all .sec6 .swiper-button-prev,
  .hw-gopaint-all .sec6 .swiper-button-next {
    position: static;
    width: 11.111111vw;
    height: 11.111111vw;
    margin: 0;
    cursor: default;
    transform: translate3d(0, 0, 0) rotate(0deg);
    z-index: 1;
  }

  .hw-gopaint-all .sec6 .swiper-button-prev {
    margin-right: 5.555556vw;
  }

  .hw-gopaint-all .sec6 .swiper-button-prev::after,
  .hw-gopaint-all .sec6 .swiper-button-next::after,
  .hw-gopaint-all .sec6 .swiper-button-prev::before,
  .hw-gopaint-all .sec6 .swiper-button-next::before {
    display: none;
  }

  .hw-gopaint-all .sec6 .swiper-button-prev.disabled,
  .hw-gopaint-all .sec6 .swiper-button-next.disabled {
    opacity: 0.3;
  }
}

/* sec6 end */

/* sec7 start */
.hw-gopaint-all .sec7 .sec7-container {
  width: 62.5vw;
  margin: 3.17708333vw auto 0;
}

.hw-gopaint-all .sec7 .swiper-wrapper {
  display: flex;
  justify-content: space-between;
}

.hw-gopaint-all .sec7 .swiper-slide {
  width: 15.625vw;
}

.hw-gopaint-all .sec7 .sec7-con {
  width: 15.625vw;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.hw-gopaint-all .sec7 .swiper-slide .sec7-con:nth-of-type(2) {
  margin-top: 1.66666667vw;
}

.hw-gopaint-all .sec7 .sec7-title {
  font-size: 1.25vw;
  color: #fff;
  line-height: 1.25;
  font-weight: 500;
}

.hw-gopaint-all .sec7 .sec7-desc {
  width: 14.58333333vw;
  margin-top: 0.78125vw;
  font-size: 0.83333333vw;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(255, 255, 255, .4);
  text-align: center;
  white-space: nowrap;
}

.hw-gopaint-all .sec7 .sec7-txt {
  margin-top: 1.5625vw;
  padding-right: 2.8125vw;
  font-size: 0.83333333vw;
  text-align: right;
  color: rgba(255, 255, 255, .4);
  line-height: 1.6;
  font-weight: 400;
}

.hw-gopaint-all .sec7 .sec7-note {
  margin-top: 3.33333333vw;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  color: rgba(255, 255, 255, .4);
}

@media screen and (min-width: 1920px) {
  .hw-gopaint-all .sec7 .sec7-note {
    font-size: 0.625vw
  }
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .hw-gopaint-all .sec7 .sec7-h3 {
    font-size: 7.777778vw;
  }

  .hw-gopaint-all .sec7 .sec7-container {
    width: 100%;
    margin-top: 11.111111vw;
    padding: 0 6.666667vw;
    overflow: hidden;
  }

  .hw-gopaint-all .sec7 .sec7-swiper .swiper-slide {
    margin: 0 3.333333vw 0 0;
    width: 41.666667vw;
    display: block;
  }

  .hw-gopaint-all .sec7 .swiper-slide:nth-child(4) {
    margin-right: 0;
  }

  .hw-gopaint-all .sec7 .swiper-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .hw-gopaint-all .sec7 .sec7-con {
    width: 100%;
    /* height: var(--conHeight); */
    margin: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .hw-gopaint-all .sec7 .swiper-slide .sec7-con:nth-of-type(1) {
    margin-bottom: 10vw;
  }

  .hw-gopaint-all .sec7 .sec7-swiper .swiper-slide:nth-of-type(3) {
    margin-right: 0 !important;
  }

  .hw-gopaint-all .sec7 .sec7-imge {
    width: 100%;
    height: 41.666667vw;
  }

  .hw-gopaint-all .sec7 .sec7-imge img {
    width: 100%;
  }

  .hw-gopaint-all .sec7 .sec7-title {
    margin-top: 2.777778vw;
    font-size: 4.444444vw;
  }

  .hw-gopaint-all .sec7 .sec7-desc {
    width: 100%;
    margin-top: 1.805556vw;
    font-size: 2.777778vw;
    text-align: center;
    white-space: unset;
  }

  .hw-gopaint-all .sec7 .sec7-txt {
    margin-top: 4.166667vw;
    padding-right: 0;
    font-size: 2.5vw;
    text-align: center;
  }

  .hw-gopaint-all .sec7 .gopaint-scrollbar {
    display: block !important;
    width: 16.111111vw;
    height: 1.666667vw;
    margin: 8.333333vw auto 0;
    border-radius: 1.111111vw;
    background: rgb(255, 191, 123, .2);
  }

  .hw-gopaint-all .sec7 .swiper-scrollbar-drag {
    background: #ffbf7b;
  }

  .hw-gopaint-all .sec7 .sec7-note {
    margin-top: 6.666667vw;
    font-size: 2.777778vw;
  }
}

/* sec7 end */

/* sec8 start */
.hw-gopaint-all .sec8 {
  padding: 9.375vw 0 10.41666667vw;
}

.hw-gopaint-all .sec8 .sec8-h3 {
  font-size: 2.91666667vw;
  font-weight: 700;
  line-height: 1.25;
}

.hw-gopaint-all .sec8 .sec8-cta {
  width: 67.5vw;
  margin: 3.33333333vw auto 0;
}

.hw-gopaint-all .sec8 .sec8-con {
  position: relative;
  border-radius: 0.83333333vw;
  overflow: hidden;
}

.hw-gopaint-all .sec8 .sec8-con:nth-child(n + 2) {
  margin-top: 1.25vw;
}

.hw-gopaint-all .sec8 .sec8-ctn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 2.5vw 4.84375vw 3.85416667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.hw-gopaint-all .sec8 .sec8-title {
  font-size: 1.45833333vw;
  line-height: 1.25;
  font-weight: 500;
  color: #fff;
}

.hw-gopaint-all .sec8 .sec8-svg {
  margin-top: 1.66666667vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hw-gopaint-all .sec8 .sec8-svg1 {
  width: 16.45833333vw;
}

.hw-gopaint-all .sec8 .sec8-svg2 {
  width: 19.27083333vw;
}

.hw-gopaint-all .sec8 .sec8-svg3 {
  width: 11.45833333vw;
}

.hw-gopaint-all .sec8 .sec8-imge2,
.hw-gopaint-all .sec8 .sec8-imge3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.hw-gopaint-all .sec8 .sec8-imge2 img,
.hw-gopaint-all .sec8 .sec8-imge3 img {
  display: block;
  width: 100%;
  height: 100%;
}

.hw-gopaint-all .sec8 .sec8-content {
  padding: 2.5vw 2.76041667vw;
  text-align: center;
  position: relative;
  z-index: 2;
}

.hw-gopaint-all .sec8 .sec8-title1 {
  width: 61.25vw;
  color: #fff;
  line-height: 1.25;
  font-weight: 500;
  font-size: 1.45833333vw;
}

.hw-gopaint-all .sec8 .sec8-desc1 {
  width: 61.25vw;
  margin-top: 1.40625vw;
  font-size: 1.04166667vw;
  line-height: 1.6;
  font-weight: 400;
  color: #868686;
}

.hw-gopaint-all .sec8 .sec8-desc2 {
  margin-top: 1.25vw;
  font-size: 0.83333333vw;
  line-height: 1.6;
  font-weight: 400;
  color: #868686;
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .hw-gopaint-all .sec8 {
    padding: 27.777778vw 6.666667vw;
  }

  .hw-gopaint-all .sec8 .sec8-h3 {
    font-size: 7.777778vw;
  }

  .hw-gopaint-all .sec8 .sec8-cta {
    width: 100%;
    margin: 8.888889vw auto 0;
  }

  .hw-gopaint-all .sec8 .sec8-con {
    border-radius: 0;
  }

  .hw-gopaint-all .sec8 .sec8-ctn {
    padding: 8.333333vw 15vw 9.166667vw;
  }

  .hw-gopaint-all .sec8 .sec8-con:nth-child(n + 2) {
    margin-top: 3.333333vw;
  }

  .hw-gopaint-all .sec8 .sec8-title {
    font-size: 5.555556vw;
  }

  .hw-gopaint-all .sec8 .sec8-svg {
    width: unset;
    flex-direction: column;
    justify-content: center;
    margin-top: 6.111111vw;
  }

  .hw-gopaint-all .sec8 .sec8-svg1 {
    width: 56.527778vw;
  }

  .hw-gopaint-all .sec8 .sec8-svg2 {
    margin-top: 9.027778vw;
    width: 56.527778vw;
  }

  .hw-gopaint-all .sec8 .sec8-svg3 {
    margin-top: 10.416667vw;
    width: 50vw;
  }

  .hw-gopaint-all .sec8 .sec8-content {
    padding: 8.333333vw 2.777778vw;
  }

  .hw-gopaint-all .sec8 .sec8-title1 {
    width: 81.111111vw;
    font-size: 5.555556vw;
  }

  .hw-gopaint-all .sec8 .sec8-desc1 {
    width: 81.111111vw;
    margin-top: 3.472222vw;
    font-size: 3.888889vw;
  }

  .hw-gopaint-all .sec8 .sec8-desc2 {
    margin-top: 3.333333vw;
    font-size: 3.333333vw;
  }
}

/* sec8 end */

/* sec9 start */
.hw-gopaint-all .sec9 .sec9-container {
  margin-top: 5.20833333vw;
  display: flex;
  justify-content: center;
}

.hw-gopaint-all .sec9 .sec9-content {
  width: 64.0625vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-shrink: 0;
}

.hw-gopaint-all .sec9 .sec9-item {
  flex-shrink: 0;
}

.hw-gopaint-all .sec9 .sec9-item:nth-child(n + 5) {
  margin-top: 4.16666667vw;
}

.hw-gopaint-all .sec9 .sec9-head {
  color: #fff;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
}

.hw-gopaint-all .sec9 .sec9-text {
  margin-top: 0.78125vw;
  font-size: 0.83333333vw;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(255, 255, 255, .4);
  text-align: center;
  white-space: nowrap;
}

.hw-gopaint-all .sec9 .flex-line {
  display: flex;
  align-items: center;
}

.hw-gopaint-all .sec9 .sec9-ctn {
  flex-shrink: 0;
  align-self: flex-start;
}

.hw-gopaint-all .sec9 .sec9-item:nth-of-type(1) .sec9-ctn,
.hw-gopaint-all .sec9 .sec9-item:nth-of-type(5) .sec9-ctn {
  width: 10.83333333vw;
  margin-right: 3.33333333vw;
}

.hw-gopaint-all .sec9 .sec9-item:nth-of-type(2) .sec9-ctn,
.hw-gopaint-all .sec9 .sec9-item:nth-of-type(6) .sec9-ctn {
  width: 15.83333333vw;
}

.hw-gopaint-all .sec9 .sec9-item:nth-of-type(3) .sec9-ctn,
.hw-gopaint-all .sec9 .sec9-item:nth-of-type(7) .sec9-ctn {
  width: 18.4375vw;
}

.hw-gopaint-all .sec9 .sec9-item:nth-of-type(4) .sec9-ctn,
.hw-gopaint-all .sec9 .sec9-item:nth-of-type(8) .sec9-ctn {
  width: 10.9375vw;
  margin-left: 3.28125vw;
}

.hw-gopaint-all .sec9 .sec9-line {
  width: 1px;
  height: 3.125vw;
  background-color: #707070;
}

.hw-gopaint-all .sec9 .sec9-note {
  margin: 4.16666667vw auto 0;
  width: 62.65625vw;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  color: rgba(255, 255, 255, .4);
}

@media screen and (min-width: 1920px) {
  .hw-gopaint-all .sec9 .sec9-note {
    font-size: 0.625vw
  }
}

@media screen and (max-aspect-ratio:136/100),
(max-width: 991px) {
  .hw-gopaint-all .sec9 .sec9-container {
    margin-top: 0;
  }

  .hw-gopaint-all .sec9 .sec9-content {
    margin-left: 0.833333vw;
    width: 85.138889vw;
  }

  .hw-gopaint-all .sec9 .sec9-content .sec9-item {
    margin-top: 11.111111vw;
  }

  .hw-gopaint-all .sec9 .sec9-item:nth-child(odd) {
    margin-right: 10.277778vw;
  }

  .hw-gopaint-all .sec9 .sec9-head {
    font-size: 4.444444vw;
  }

  .hw-gopaint-all .sec9 .sec9-text {
    margin-top: 1.944444vw;
    font-size: 2.777778vw;
  }

  .hw-gopaint-all .sec9 .flex-line {
    align-items: flex-start;
  }

  .hw-gopaint-all .sec9 .sec9-note {
    margin-top: 11.111111vw;
    font-size: 2.777778vw;
  }

  .hw-gopaint-all .sec9 .sec9-item:nth-of-type(1) .sec9-ctn,
  .hw-gopaint-all .sec9 .sec9-item:nth-of-type(5) .sec9-ctn {
    width: auto;
    margin-right: 0;
  }

  .hw-gopaint-all .sec9 .sec9-item:nth-of-type(2) .sec9-ctn,
  .hw-gopaint-all .sec9 .sec9-item:nth-of-type(6) .sec9-ctn {
    width: auto;
  }

  .hw-gopaint-all .sec9 .sec9-item:nth-of-type(3) .sec9-ctn,
  .hw-gopaint-all .sec9 .sec9-item:nth-of-type(7) .sec9-ctn {
    width: auto;
  }

  .hw-gopaint-all .sec9 .sec9-item:nth-of-type(4) .sec9-ctn,
  .hw-gopaint-all .sec9 .sec9-item:nth-of-type(8) .sec9-ctn {
    width: auto;
    margin-left: 0;
  }

  .hw-gopaint-all .sec9 .sec9-container .sec9-content .sec9-ctn {
    width: 36.666667vw;
  }
}

/* sec9 end */
/* new css */
/* 2026/01/23 start */

/* 2026/01/23 end */