@charset "UTF-8";
.about-page .about-who {
  background-image: url("/default_image/who-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0px 60px 0px;
}
@media screen and (min-width: 1200px) {
  .about-page .about-who .container {
    width: 1096px;
  }
}
@media screen and (max-width: 992px) {
  .about-page .about-who {
    background-image: url("/default_image/who-mb-bg.png");
  }
}
.about-page .about-who .title-sub-page {
  margin-bottom: 20px;
}
.about-page .about-who p {
  color: #292F36;
  margin-bottom: 20px;
}
.about-page .about-who p:last-child {
  margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  .about-page .box-icon-about {
    margin-bottom: 80px;
    padding: 20px 0px;
  }
  .about-page .box-icon-about:last-child {
    margin-bottom: 0px;
  }
}
.about-page .box-icon-about .title-box-icon {
  color: #204269;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 150%; /* 36px */
  margin-top: 10px;
  margin-bottom: 10px;
}
.about-page .box-icon-about .text-detail-icon {
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 0px !important;
}
.about-page .about-what-we {
  padding: 40px 0px 60px 0px;
  background-color: #EAF2FF;
}
.about-page .about-what-we .title-sub-page {
  margin-bottom: 40px;
}
.about-page .about-what-we .box-img-what {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .about-page .about-what-we .box-img-what {
    margin-bottom: 24px;
  }
  .about-page .about-what-we .box-img-what:last-child {
    margin-bottom: 0px;
  }
}
.about-page .about-what-we .box-img-what .box-img {
  width: 217px;
  height: 217px;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
  margin-bottom: 24px;
}
.about-page .about-what-we .box-img-what .box-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 101%;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-page .about-what-we .box-img-what .text-service {
  color: #35509D;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 150%; /* 18px */
  margin-bottom: 0px;
}
.about-page .about-what-we .box-img-what .text-img-what {
  color: #204269;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%; /* 36px */
  margin-bottom: 0px;
  text-align: center;
}
.about-page .about-chef {
  padding: 60px 0px;
  background-color: #EAF2FF;
}
.about-page .about-chef .box-detail-all {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  .about-page .about-chef .row-doctor .box-img-doctor {
    padding-right: 0px;
  }
}
.about-page .about-chef .row-doctor .box-img-doctor .img-doctor {
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .about-page .about-chef .row-doctor .box-detail-doctor {
    padding-left: 0px;
  }
}
.about-page .about-chef .row-doctor .box-detail-doctor .box-detail-all {
  padding: 0px 44px 0px 60px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #204269;
}
@media screen and (max-width: 1200px) {
  .about-page .about-chef .row-doctor .box-detail-doctor .box-detail-all {
    padding: 40px 16px;
  }
}
.about-page .about-chef .row-doctor .box-detail-doctor .title-officer {
  color: #7DC263;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin-bottom: 4px;
}
.about-page .about-chef .row-doctor .box-detail-doctor .title-doctor-name {
  color: #FFF;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 150%; /* 60px */
  margin-bottom: 4px;
}
.about-page .about-chef .row-doctor .box-detail-doctor .title-doctor-name-th {
  color: #FFF;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%; /* 36px */
  margin-bottom: 4px;
}
.about-page .about-chef .row-doctor .box-detail-doctor .title-doctor-name-en {
  color: #FFF;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  margin-bottom: 24px;
}
.about-page .about-chef .row-doctor .box-detail-doctor .list-about-block {
  padding-left: 0px;
}
.about-page .about-chef .row-doctor .box-detail-doctor .list-about-block li {
  color: #FFF;
  margin-bottom: 16px;
}
.about-page .about-chef .row-doctor .box-detail-doctor .link-bn-arrow {
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .about-page .about-chef .row-doctor .box-detail-doctor .link-bn-arrow {
    margin-right: auto;
    margin-left: auto;
  }
}
.about-page .about-chef .row-equipment {
  margin-top: 40px;
}
.about-page .about-chef .row-equipment .box-order-one {
  order: 1;
}
@media screen and (max-width: 1200px) {
  .about-page .about-chef .row-equipment .box-order-one {
    order: 2;
  }
}
@media screen and (min-width: 1200px) {
  .about-page .about-chef .row-equipment .box-order-one {
    padding-right: 0px;
  }
}
.about-page .about-chef .row-equipment .box-order-one .box-detail-all {
  padding: 0px 44px 0px 60px;
  background: #416D7F;
}
@media screen and (max-width: 1200px) {
  .about-page .about-chef .row-equipment .box-order-one .box-detail-all {
    padding: 40px 16px;
  }
}
.about-page .about-chef .row-equipment .box-order-one .box-detail-all .list-about-block {
  padding-left: 0px;
}
.about-page .about-chef .row-equipment .box-order-one .box-detail-all .list-about-block li {
  color: #FFF;
  margin-bottom: 16px;
}
.about-page .about-chef .row-equipment .box-order-one .box-detail-all .list-about-block li::before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(191deg) brightness(108%) contrast(101%);
}
.about-page .about-chef .row-equipment .box-order-one .box-detail-all .title-equipment {
  color: #FFF;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin-bottom: 4px;
}
.about-page .about-chef .row-equipment .box-order-one .box-detail-all .title-equipment-name {
  color: #FFF;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%; /* 48px */
  margin-bottom: 24px;
}
.about-page .about-chef .row-equipment .box-order-one .box-detail-all .text-equipment {
  color: #FFF;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%; /* 21px */
  margin-bottom: 24px;
}
.about-page .about-chef .row-equipment .box-order-one .box-detail-all .link-bn-arrow {
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .about-page .about-chef .row-equipment .box-order-one .box-detail-all .link-bn-arrow {
    margin-right: auto;
    margin-left: auto;
  }
}
.about-page .about-chef .row-equipment .box-order-two {
  order: 2;
}
@media screen and (max-width: 1200px) {
  .about-page .about-chef .row-equipment .box-order-two {
    order: 1;
  }
}
@media screen and (min-width: 1200px) {
  .about-page .about-chef .row-equipment .box-order-two {
    padding-left: 0px;
  }
}
.about-page .about-why-choose {
  padding: 64px 0px;
  background-image: url("/default_image/why-choose-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-page .about-why-choose {
    padding: 60px 0px;
    background-image: url("/default_image/why-choose-mb-bg.png");
  }
}
@media screen and (min-width: 1200px) {
  .about-page .about-why-choose .container {
    width: 1096px;
  }
}
.about-page .about-why-choose .box-img-choose {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  padding-right: 28px;
}
@media screen and (max-width: 1200px) {
  .about-page .about-why-choose .box-img-choose {
    margin-bottom: 88px;
    padding-right: 0px;
    row-gap: 25px;
  }
}
.about-page .about-why-choose .box-img-choose img {
  border-radius: 5px;
}
.about-page .about-why-choose .box-img-choose .box-img-top {
  padding-right: 72px;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .about-page .about-why-choose .box-img-choose .box-img-top {
    padding-right: 55px;
  }
}
.about-page .about-why-choose .box-img-choose .box-img-bottom {
  padding-left: 72px;
  text-align: right;
}
@media screen and (max-width: 1200px) {
  .about-page .about-why-choose .box-img-choose .box-img-bottom {
    padding-left: 55px;
  }
}
.about-page .about-why-choose .box-detail-choose {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 28px;
}
@media screen and (max-width: 1200px) {
  .about-page .about-why-choose .box-detail-choose {
    padding-left: 0px;
  }
}
.about-page .about-why-choose .box-detail-choose .title-text-choose {
  color: #35509D;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin-bottom: 4px;
}
.about-page .about-why-choose .box-detail-choose .title-choose {
  color: #204269;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%; /* 48px */
  margin-bottom: 13px;
}
.about-page .about-why-choose .box-detail-choose .text-choose {
  color: #292F36;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 40px;
}
.about-page .about-why-choose .box-detail-choose .link-bn-arrow {
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .about-page .about-why-choose .box-detail-choose .link-bn-arrow {
    margin-right: auto;
    margin-left: auto;
  }
}
.about-page .about-why-choose .box-detail-choose .list-about-block {
  padding-left: 0px;
}
.about-page .about-why-choose .box-detail-choose .list-about-block li {
  margin-bottom: 24px;
}
.about-page .about-why-choose .box-detail-choose .list-about-block li::before {
  filter: brightness(0) saturate(100%) invert(29%) sepia(8%) saturate(6274%) hue-rotate(194deg) brightness(96%) contrast(91%);
}
.about-page .row-doctor .img-doctor {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .about-page .row-doctor .img-doctor {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}
.about-page .row-doctor .box-detail-all {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .about-page .row-doctor .box-detail-all {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.about-page .row-equipment .img-equipment {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .about-page .row-equipment .img-equipment {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}
.about-page .row-equipment .box-detail-all {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .about-page .row-equipment .box-detail-all {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}

.contact-page {
  padding: 60px 0px;
  background: #EAF2FF;
  background-image: url("/default_image/contact-page-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 992px) {
  .contact-page {
    padding: 40px 0px;
  }
}
@media screen and (max-width: 1200px) {
  .contact-page {
    background-image: url("/default_image/contact-page-mb-bg.png");
  }
}
.contact-page .box-contact-img {
  order: 1;
}
@media screen and (max-width: 992px) {
  .contact-page .box-contact-img {
    order: 2;
  }
}
.contact-page .box-contact-img .box-map img {
  width: 100%;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .contact-page .box-contact-img .box-map {
    padding-right: 14px;
  }
}
.contact-page .box-contact-detail {
  order: 2;
}
@media screen and (max-width: 992px) {
  .contact-page .box-contact-detail {
    order: 1;
  }
}
@media screen and (min-width: 992px) {
  .contact-page .box-contact-detail .box-contact-all {
    padding-left: 14px;
  }
}
.contact-page .title-contact {
  color: #204269;
  font-family: Fahkwang;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%; /* 36px */
}
.contact-page .contact-box .title-contact {
  margin-bottom: 20px;
}
.contact-page .contact-box .form-row-inner label {
  display: none;
}
.contact-page .contact-box .g-recaptcha {
  margin: 4px 0px;
}
.contact-page .contact-box button {
  display: flex;
  height: 42px;
  padding: 0px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 5px;
  color: #FFF;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%; /* 24px */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #204269;
  margin-bottom: 4px;
}
.contact-page .contact-details {
  padding: 8px 0px;
}
@media screen and (max-width: 1200px) {
  .contact-page .contact-details {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
.contact-page .contact-details .title-contact {
  margin-bottom: 8px;
}
.contact-page .contact-details .text-contact {
  color: #292F36;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.contact-page .contact-details .box-group-contact {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contact-page .contact-details .box-group-contact .box-contact-link {
  display: flex;
  gap: 8px;
}
.contact-page .contact-details .box-group-contact .box-contact-link a {
  color: #292F36;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.contact-page .contact-details .box-group-contact-social {
  margin-top: 20px;
  display: flex;
  gap: 12px;
}

.product-list-page {
  padding-bottom: 76px;
  background-color: #EAF2FF;
}
@media screen and (max-width: 1200px) {
  .product-list-page {
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .product-list-page .container {
    width: 1096px;
    padding: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .product-list-page .box-img-left {
    padding-left: 0px;
  }
}
.product-list-page .row {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .product-list-page .row {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.product-list-page .row:first-child {
  padding-top: 60px;
}
.product-list-page .row:last-child {
  padding-bottom: 60px;
}
.product-list-page .box-img-right {
  order: 1;
}
@media screen and (min-width: 1200px) {
  .product-list-page .box-img-right {
    order: 2;
    padding-right: 0px;
  }
}
.product-list-page .box-text-left {
  order: 2;
}
@media screen and (min-width: 1200px) {
  .product-list-page .box-text-left {
    order: 1;
    padding-left: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .product-list-page .box-text-right {
    padding-right: 0px;
  }
}
.product-list-page .box-img {
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .product-list-page .box-img {
    margin-bottom: 32px;
  }
}
.product-list-page .box-img img {
  width: 100%;
  border-radius: 10px;
}
.product-list-page .box-detail {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.product-list-page .box-detail .product-title {
  color: #00306B;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%; /* 48px */
  margin-bottom: 10px;
}
.product-list-page .box-detail .product-price {
  color: #00306B;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 150%; /* 36px */
  margin-bottom: 24px;
}
.product-list-page .box-detail .product-detail {
  color: #292F36;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 24px;
}
.product-detail-page {
  padding: 60px 0px;
  background-color: #EAF2FF;
}
@media screen and (min-width: 1200px) {
  .product-detail-page .container {
    width: 1096px;
    padding: 0px;
  }
}
.product-detail-page .row-product-top {
  margin-bottom: 60px;
}
.product-detail-page .box-detail .product-title {
  color: #00306B;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%; /* 48px */
  margin-bottom: 10px;
}
@media screen and (max-width: 1200px) {
  .product-detail-page .box-detail .product-title {
    margin-top: 20px;
  }
}
.product-detail-page .box-detail .product-price {
  color: #00306B;
  font-size: 2rem;
  font-weight: 600;
  line-height: 150%; /* 36px */
  margin-bottom: 24px;
}
.product-detail-page .box-detail .product-detail {
  color: #292F36;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 24px;
}
@media screen and (max-width: 1200px) {
  .product-detail-page .box-detail .product-detail {
    margin-bottom: 0px;
  }
}
.product-detail-page .box-title-product {
  padding-bottom: 10px;
  border-bottom: 1px solid #A0D0E4;
  margin-bottom: 24px;
}
.product-detail-page .box-title-product .title-product {
  color: #204269;
  font-family: Fahkwang;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%; /* 36px */
  margin-bottom: 0px;
}
.product-detail-page .box-img-product {
  margin-bottom: 24px;
}
.product-detail-page .box-detail-product .text-title-product {
  color: #292F36;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%; /* 36px */
  margin-bottom: 24px;
}
.product-detail-page .box-detail-product .text-product-weight {
  font-weight: 700 !important;
}
.product-detail-page .box-detail-product .text-product {
  margin-bottom: 24px;
}
.product-detail-page .box-detail-product .text-product:last-child {
  margin-bottom: 0px;
}

.service-page {
  padding: 40px 0px;
  background-color: #EAF2FF;
  background-image: url("/default_image/bg-service-all.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.service-page .row-service {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  padding: 20px 0px 40px 0px;
}
.service-page .row-service .row {
  row-gap: 40px;
}
.service-page .row-service .box-header-service {
  border-bottom: 1px solid #A0D0E4;
  padding-bottom: 10px;
}
.service-page .row-service .box-header-service .title-service-sub {
  color: #204269;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%; /* 48px */
  margin-bottom: 0px;
}
@media screen and (min-width: 992px) {
  .service-page .row-service .box-col {
    padding: 0px 12px;
  }
}
.service-page .row-service .box-col .box-service {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: #FFF;
}
.service-page .row-service .box-col .box-service .text-service {
  color: #35509D;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .service-page .row-service .box-col .box-service .text-service {
    font-size: 0.75rem;
  }
}
.service-page .row-service .box-col .box-service .title-service-box {
  color: #204269;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 150%; /* 36px */
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .service-page .row-service .box-col .box-service .title-service-box {
    font-size: 1rem;
  }
}
.service-page .row-service .box-col .box-service .box-service-detail {
  padding: 40px 40px 0px 40px;
  height: 140px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .service-page .row-service .box-col .box-service .box-service-detail {
    padding: 10px 16px;
    height: 90px;
  }
}
.service-page .row-service .box-col .box-service .box-service-img {
  padding: 0px 20px 10px 20px;
  text-align: center;
}
.service-page .row-service .box-col .box-service .box-service-img img {
  margin: auto;
}
.service-page .row-service .box-col .box-service .over-card {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("data:image/jpeg;base64,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");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto;
  bottom: -50px; /* เริ่มจากล่างและขวา เผื่อ offset เลย */
  right: -50px;
  transition: 0.6s all ease;
  z-index: 2;
}
.service-page .row-service .box-col .box-service:hover {
  border-radius: 10px;
  background: #A0D0E4;
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.1);
}
.service-page .row-service .box-col .box-service:hover .over-card {
  bottom: 0;
  right: 0;
}
.service-page .row-service .box-col .box-service:hover .text-service {
  color: #FFF;
}
.service-page .row-service .slick-dots {
  position: relative;
  bottom: 0px;
}
@media screen and (max-width: 1200px) {
  .service-page .row-service .slick-dots {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.service-page .row-service .slick-dots li {
  width: 33.75px;
  height: 4.43px;
}
.service-page .row-service .slick-dots li.slick-active {
  width: 33.75px;
  height: 4.43px;
  background-color: #7DC263;
}

.service-detail-page .box-shadow-bg {
  position: relative;
}
.service-detail-page .box-shadow-bg::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.1);
  bottom: 0;
}
.service-detail-page .title-service-main {
  color: #204269;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%; /* 48px */
}
.service-detail-page .text-service {
  color: #292F36;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.service-detail-page .section-1 {
  padding: 40px 0px;
}
.service-detail-page .section-1 .box-detail {
  width: 100%;
  max-width: 872px;
  margin: auto;
}
.service-detail-page .section-1 .title-service-main {
  margin-bottom: 20px;
}
.service-detail-page .section-2 {
  padding: 40px 0px;
  background-color: #EAF2FF;
}
.service-detail-page .section-2 .title-service-main {
  margin-bottom: 40px;
}
.service-detail-page .section-2 .text-hair {
  color: #292F36;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.service-detail-page .section-2 .frame-row-service {
  position: relative;
  margin-bottom: 40px;
}
.service-detail-page .section-2 .frame-row-service:last-child {
  margin-bottom: 0px;
}
@media screen and (min-width: 1200px) {
  .service-detail-page .section-2 .frame-row-service .box-left-img {
    position: absolute;
    left: 0px;
    width: 100%;
    z-index: 1;
    max-width: 536px;
  }
}
.service-detail-page .section-2 .frame-row-service .box-img-service {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .service-detail-page .section-2 .frame-row-service .box-img-service {
    position: relative;
  }
}
.service-detail-page .section-2 .frame-row-service .box-img-service img {
  border-radius: 10px;
  width: 100%;
  filter: drop-shadow(0px 31px 34px rgba(0, 0, 0, 0.09));
}
@media screen and (min-width: 1200px) {
  .service-detail-page .section-2 .frame-row-service .box-img-service img {
    position: absolute;
  }
}
@media screen and (max-width: 922px) {
  .service-detail-page .section-2 .frame-row-service .box-img-service img {
    margin-bottom: -31px;
    z-index: 1;
  }
}
.service-detail-page .section-2 .frame-row-service .box-right-img {
  order: 1;
}
@media screen and (min-width: 1200px) {
  .service-detail-page .section-2 .frame-row-service .box-right-img {
    order: 2;
    position: absolute;
    right: 0px;
    width: 100%;
    z-index: 1;
    max-width: 536px;
  }
}
@media screen and (min-width: 1200px) {
  .service-detail-page .section-2 .frame-row-service .box-right-text {
    min-height: 399px !important;
    min-width: 784px !important;
    padding: 40px 0px 0px 200px;
    margin-left: auto;
    margin-top: 37px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1200px) {
  .service-detail-page .section-2 .frame-row-service .box-right-text .box-text-detail {
    background: #fff;
    padding: 50px 16px;
  }
}
.service-detail-page .section-2 .frame-row-service .box-left-text {
  order: 2;
}
@media screen and (min-width: 1200px) {
  .service-detail-page .section-2 .frame-row-service .box-left-text {
    order: 1;
    min-height: 399px !important;
    min-width: 784px !important;
    padding: 40px 200px 0px 0px;
    margin-right: auto;
    margin-top: 37px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1200px) {
  .service-detail-page .section-2 .frame-row-service .box-left-text .box-text-detail {
    background: #fff;
    padding: 50px 16px;
  }
}
.service-detail-page .section-2 .frame-row-service .box-text-detail {
  padding: 0px 40px;
  border-radius: 10px;
}
.service-detail-page .section-2 .frame-row-service .box-text-detail .title-techniques {
  color: #35509D;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin-bottom: 4px;
}
.service-detail-page .section-2 .frame-row-service .box-text-detail .title-hair {
  color: #204269;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%; /* 36px */
  margin-bottom: 24px;
}
.service-detail-page .section-step {
  padding: 40px 0px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #204269;
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1200px) {
  .service-detail-page .section-step {
    padding: 30px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .service-detail-page .section-step [class^=col-], .service-detail-page .section-step [class*=" col-"] {
    padding: 0px 12px;
  }
}
.service-detail-page .section-step .title-main-step {
  color: #FFF;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%; /* 48px */
  margin-bottom: 20px;
}
@media screen and (max-width: 922px) {
  .service-detail-page .section-step .box-detail {
    padding: 0px 23px;
    margin-bottom: 24px;
  }
}
.service-detail-page .section-step .box-detail img {
  border-radius: 4px;
  margin-bottom: 20px;
  width: 100%;
}
.service-detail-page .section-step .box-detail .text-step-number {
  color: #FFF;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin-bottom: 4px;
}
.service-detail-page .section-step .box-detail .title-step {
  color: #FFF;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%; /* 36px */
  margin-bottom: 12px;
}
.service-detail-page .section-step .box-detail .text-detail-step {
  color: #FFF;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 0px;
}
.service-detail-page .section-text-center {
  padding: 20px 0px;
}
.service-detail-page .section-text-center .box-text-detail {
  width: 100%;
  max-width: 872px;
  margin: auto;
}
.service-detail-page .section-compress {
  padding: 60px 0px;
  background-color: #EAF2FF;
}
.service-detail-page .section-compress .title-main-compress {
  color: #204269;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%; /* 48px */
  margin-bottom: 20px;
}
.service-detail-page .section-compress .title-main-compress .text-sub-compress {
  color: #35509D;
}
@media screen and (max-width: 1200px) {
  .service-detail-page .section-compress .box-compress-img {
    margin-top: 68px;
    margin-bottom: 68px;
    text-align: center;
  }
}
.service-detail-page .section-compress .box-compress-img img {
  border-radius: 10px;
}
@media screen and (min-width: 1200px) {
  .service-detail-page .section-compress .box-compress-detail.detail-left {
    padding-right: 36px;
  }
}
@media screen and (min-width: 1200px) {
  .service-detail-page .section-compress .box-compress-detail.detail-right {
    padding-left: 36px;
  }
}
.service-detail-page .section-compress .box-compress-detail .text-compress {
  color: #35509D;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%; /* 27px */
  margin-bottom: 8px;
}
.service-detail-page .section-compress .box-compress-detail .title-compress {
  color: #204269;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%; /* 36px */
  margin-bottom: 32px;
}
.service-detail-page .section-compress .box-compress-detail .list-about-block {
  padding-left: 0px;
  margin: 0;
}
.service-detail-page .section-compress .box-compress-detail .list-about-block li {
  color: #292F36;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 24px;
}
.service-detail-page .section-compress .box-compress-detail .list-about-block li:last-child {
  margin-bottom: 0px;
}
.service-detail-page .section-compress .box-compress-detail .list-about-block li::before {
  filter: brightness(0) saturate(100%) invert(26%) sepia(82%) saturate(756%) hue-rotate(195deg) brightness(93%) contrast(92%);
}
.service-detail-page .section-box-results {
  padding: 40px 0px;
}
.service-detail-page .section-box-results .row {
  row-gap: 40px;
  margin-bottom: 40px;
}
.service-detail-page .section-box-results .row:last-child {
  margin-bottom: 0px;
}
@media screen and (min-width: 1200px) {
  .service-detail-page .section-box-results .row [class^=col-], .service-detail-page .section-box-results .row [class*=" col-"] {
    padding: 0px 20px;
  }
}
.service-detail-page .section-box-results .box-left-text {
  order: 1;
}
@media screen and (max-width: 1200px) {
  .service-detail-page .section-box-results .box-left-text {
    order: 2;
  }
}
.service-detail-page .section-box-results .box-left-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-detail-page .section-box-results .box-right-img {
  display: flex;
  justify-content: center;
  align-items: center;
  order: 2;
}
@media screen and (max-width: 1200px) {
  .service-detail-page .section-box-results .box-right-img {
    order: 1;
  }
}
.service-detail-page .section-box-results img {
  border-radius: 10px;
}
.service-detail-page .section-box-results .box-compress-detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.service-detail-page .section-box-results .box-compress-detail .title-detail-box {
  color: #204269;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%; /* 48px */
  margin-bottom: 20px;
}
.service-detail-page .section-box-results .box-compress-detail .text-detail-box {
  color: #204269;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin-bottom: 20px;
}
.service-detail-page .section-box-results .box-compress-detail .text-detail-box:last-child {
  margin-bottom: 0px;
}

.box-fitter-group {
  padding: 24px 0px;
}
.box-fitter-group .box-header {
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: 16px;
}
.box-fitter-group .box-header .title-fitter {
  margin: 4px 0px;
  color: #383D40;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
.box-fitter-group .box-list {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 10px;
}
@media screen and (max-width: 1200px) {
  .box-fitter-group .box-list {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
.box-fitter-group .box-list .box-link {
  color: #292F36;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  border-radius: 4px;
  border: 1px solid #E1E1E1;
  background: #FFF;
  padding: 8px 16px;
  /* Shadow */
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.box-fitter-group .box-list .box-link.active {
  color: #fff;
  border: 1px solid #416D7F;
  background: #416D7F;
}

.review-page {
  padding: 60px 0px;
  background: #EAF2FF;
}
.review-page .section-list-img {
  row-gap: 24px;
}
.review-page .section-list-img .box-img-review {
  padding: 0px 12px;
  text-align: center;
}
.review-page .section-list-img .box-img-review img {
  border-radius: 4px;
}