/* REVIEWS — #product / #service-reviews */
.reviews-title {
  font-family: "Noto Sans Display", sans-serif;
  margin-bottom: 8px !important;
  line-height: 48px !important;
}
.reviews-description {
  font-family: "NotoSansRegular", sans-serif !important;
  font-size: 32px !important;
  margin-top: 0px !important;
  line-height: 40px;
  margin-bottom: 0px !important;
  width: 100%;
  text-align: center;
}

#product {
  margin: 0 auto;
  background-color: #f3f3f3;
  color: #000000;
}

#product #service-reviews {
  margin: 150px auto 0;
  overflow: hidden;
  margin-top: 0px;
  padding-top: 160px;
  padding-bottom: 120px;
}
#product #service-reviews .service-reviews {
  margin: 100px auto;
  margin-top: 56px !important;
}
#product #service-reviews .service-reviews .slick-list {
  overflow: unset;
}
#product #service-reviews .service-reviews .review-slide {
  overflow: hidden;
  border-radius: 30px;
  box-shadow: -10px -10px 20px rgba(208, 208, 208, 0.25),
    10px 10px 20px rgba(208, 208, 208, 0.25);
  background: #fff;
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  justify-items: center;
  align-items: center;
  text-align: center;
  padding: 28px 22px;
  box-sizing: border-box;
  min-height: 340px;
  height: auto;
}

#product .service-reviews .swiper-slide {
  transform: scale(0.8);
  transition: 0.7s;
}
#product .service-reviews .swiper-slide.swiper-slide-active {
  transform: scale(1);
  transition: 0.7s;
}

#product #service-reviews .service-reviews .review-avatar {
  width: 26%;
  max-width: 112px;
  min-width: 80px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 0;
  object-fit: contain;
  object-position: center;
  display: block;
  flex-shrink: 0;
  margin: 0;
  background: transparent;
  align-self: end;
  margin-bottom: 12px;
}

#product #service-reviews .service-reviews .review-stars {
  color: #f5c518;
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.14em;
  margin: 0;
  align-self: center;
}

#product #service-reviews .service-reviews .review-body {
  margin: 0;
  margin-top: 14px;
  color: #000;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 700;
  font-family: "Noto Sans Display", "NotoSansRegular", sans-serif;
  word-break: break-word;
  max-width: 92%;
  align-self: start;
}
/* CJK reviews use the device's own CJK font first. Chinese falls back to the
   Noto Sans SC/TC web font before Microsoft YaHei/JhengHei, whose hinted Bold
   looks jagged in the scaled-down side slides; only Windows reaches it.
   zh-Hant must stay after zh: :lang(zh) also matches zh-Hant. */
#product #service-reviews .service-reviews .review-body:lang(ja) {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic",
    YuGothic, Meiryo, "Noto Sans CJK JP", sans-serif;
}
#product #service-reviews .service-reviews .review-body:lang(zh) {
  font-family: "PingFang SC", "Noto Sans CJK SC", "Noto Sans SC",
    "Microsoft YaHei", sans-serif;
}
#product #service-reviews .service-reviews .review-body:lang(zh-Hant) {
  font-family: "PingFang TC", "Noto Sans CJK TC", "Noto Sans TC",
    "Microsoft JhengHei", sans-serif;
}
#product #service-reviews .service-grade {
  width: 1300px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
#product #service-reviews .service-grade .service-grade-box {
  display: flex;
  width: 100%;
  max-width: 100%;
  padding: 20px;
  text-align: center;
  background: #fff;
  border-radius: 30px;
}
#product #service-reviews .service-grade .service-grade-box > div {
  width: 25%;
}
#product #service-reviews .service-grade .service-grade-box > div p {
  font-size: 30px;
  font-family: "Lexend";
}
#product
  #service-reviews
  .service-grade
  .service-grade-box
  > div
  .service-grade-txt {
  font-size: 15px;
  font-weight: 300;
  font-family: "NotoSansKR";
}
#product #service-reviews .service-grade {
  color: #000000;
}

#product #service-reviews .service-grade ul {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 30px;
}
#product #service-reviews .service-grade ul li {
  position: absolute;
}
#product #service-reviews .service-grade ul li:nth-child(1) {
  top: 120%;
}
#product #service-reviews .service-grade ul li:nth-child(2) {
  left: 10%;
  top: 180%;
}
#product #service-reviews .service-grade ul li:nth-child(3) {
  left: 17%;
  top: 160%;
}
#product #service-reviews .service-grade ul li:nth-child(4) {
  left: 25%;
  top: 260%;
}
#product #service-reviews .service-grade ul li:nth-child(5) {
  left: 38%;
  top: 120%;
}
#product #service-reviews .service-grade ul li:nth-child(6) {
  left: 48%;
  top: 150%;
}
#product #service-reviews .service-grade ul li:nth-child(7) {
  left: 55%;
  top: 200%;
}
#product #service-reviews .service-grade ul li:nth-child(8) {
  left: 63%;
  top: 140%;
}
#product #service-reviews .service-grade ul li:nth-child(9) {
  left: 83%;
  top: 190%;
}
#product #service-reviews .service-grade ul li:nth-child(10) {
  right: -30px;
  top: 120%;
}