/* Original result article treatments, scoped to translation and valuation bodies.
   The two backgrounds are copies of the site's original CDN artwork. */
.public-redesign .service-result-body .dichbien_wrapper,
.public-redesign .service-result-body .dinhgia_wrapper {
  margin: 5px 10px 20px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  color: #212529;
}
.public-redesign .service-result-body .dichbien_wrapper h2,
.public-redesign .service-result-body .dinhgia_wrapper h2 {
  color: #e9060e !important;
  font-family: inherit;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1.5;
}
.public-redesign .service-result-body .dichbien_wrapper .text-center,
.public-redesign .service-result-body .dinhgia_wrapper .text-center {
  text-align: center;
}
.public-redesign .service-result-body .dichbien_wrapper img,
.public-redesign .service-result-body .dinhgia_wrapper img {
  max-height: none;
}

/* Dịch biển: the original gold frame and red artwork around the conclusion. */
.public-redesign .service-result-body .div_ketluan {
  width: 100%;
  max-width: 660px;
  min-height: 245px;
  margin: 28px auto;
  padding: 20px;
  border: 3.5px solid #e78b37;
  border-radius: 12px;
  background-color: #9c1917;
  background-image: url('/public-assets/result-conclusion-bg.jpg');
  background-size: cover;
  background-position: bottom;
  box-shadow: inset 0 2px 4px rgb(0 0 0 / 20%);
  text-align: center;
}
.public-redesign .service-result-body .div_ketluan .h1ketluan {
  margin: 0 0 10px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  text-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
}
.public-redesign .service-result-body .div_ketluan .diem {
  color: #ff0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
}
.public-redesign .service-result-body .div_ketluan .mota {
  margin-top: 10px;
  padding: 20px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 2px 7px 5px rgb(0 0 0 / 20%);
  color: #d50000;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4rem !important;
}
.public-redesign .service-result-body .div_ketluan .mota p {
  margin: 0 0 10px;
}
.public-redesign .service-result-body .div_ketluan .mota p:last-child {
  margin-bottom: 0;
}

/* The original red table heading, white cells and full grid. */
.public-redesign .service-result-body .dichbien_wrapper table {
  display: table;
  width: 100%;
  max-width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 15px;
  line-height: 1.7;
}
.public-redesign .service-result-body .dichbien_wrapper th,
.public-redesign .service-result-body .dichbien_wrapper td {
  padding: 8px;
  border: 1px solid #ddd !important;
  background-color: #fff;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  overflow-wrap: break-word;
}
.public-redesign .service-result-body .dichbien_wrapper thead tr,
.public-redesign .service-result-body .dichbien_wrapper thead td,
.public-redesign .service-result-body .dichbien_wrapper thead th {
  background-color: #ec3237;
  color: #fff;
  font-weight: 500;
}
.public-redesign .service-result-body .dichbien_wrapper thead :is(td, th):first-child {
  width: 11%;
}
.public-redesign .service-result-body .dichbien_wrapper thead :is(td, th):nth-child(2) {
  width: 16%;
}

/* Định giá: the original red banner, yellow plate and gold price plaque. */
.public-redesign .service-result-body .div_banner {
  width: 100%;
  max-width: 660px;
  min-height: 245px;
  margin: 28px auto;
  padding: 10px;
  border: 3.5px solid #e78b37;
  border-radius: 12px;
  background-color: #9c1917;
  background-image: url('/public-assets/result-valuation-bg.jpg');
  background-size: 100% 100%;
  background-position: bottom;
  box-shadow: inset 0 2px 4px rgb(0 0 0 / 20%);
  text-align: center;
}
.public-redesign .service-result-body .div_banner .h1banner {
  margin: 8px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.2rem;
  text-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
}
.public-redesign .service-result-body .div_banner .bien {
  margin-bottom: 15px;
  color: #ffff2e;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 2.2rem;
  text-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
}
.public-redesign .service-result-body .div_banner .boxgia {
  position: relative;
  display: inline-block;
  width: fit-content;
  max-width: calc(100% - 20px);
  margin: 10px;
  padding: 16px 40px;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(to bottom, #fff9d1, #f2e59a);
  box-shadow: 0 5px 5px rgb(0 0 0 / 20%);
  color: #c00;
}
.public-redesign .service-result-body .div_banner .boxgia .gia {
  position: relative;
  z-index: 2;
  display: block;
  color: #c00;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.15;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.public-redesign .service-result-body .div_banner .boxgia .vnd {
  display: block;
  margin-top: 6px;
  color: #c00;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}
.public-redesign .service-result-body .foot_dichbien {
  margin-top: 10px;
}

@media (max-width: 600px) {
  .public-redesign .service-result-body .dichbien_wrapper,
  .public-redesign .service-result-body .dinhgia_wrapper {
    margin-inline: 0;
  }
  .public-redesign .service-result-body .div_ketluan {
    padding: 16px 12px;
  }
  .public-redesign .service-result-body .div_ketluan .mota {
    padding: 16px 12px;
  }
  .public-redesign .service-result-body .dichbien_wrapper table {
    table-layout: fixed;
    font-size: 13px;
    line-height: 1.65;
  }
  .public-redesign .service-result-body .dichbien_wrapper th,
  .public-redesign .service-result-body .dichbien_wrapper td {
    padding: 7px 5px;
  }
  .public-redesign .service-result-body .dichbien_wrapper thead :is(td, th):first-child {
    width: 12%;
  }
  .public-redesign .service-result-body .dichbien_wrapper thead :is(td, th):nth-child(2) {
    width: 20%;
  }
}
@media (max-width: 440px) {
  .public-redesign .service-result-body .div_banner .boxgia {
    padding: 16px clamp(12px, 4vw, 28px);
  }
  .public-redesign .service-result-body .div_banner .boxgia .gia {
    font-size: clamp(1.5rem, 7.8vw, 2.1rem);
  }
  .public-redesign .service-result-body .div_banner .boxgia .vnd {
    font-size: 1.8rem;
  }
  .public-redesign .service-result-body .div_banner .h1banner {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .public-redesign .service-result-body .div_banner .bien {
    font-size: 2rem;
  }
}