body {
  background: linear-gradient(
    135deg,
    rgba(115, 63, 41, 0.65),
    rgba(81, 30, 120, 0.65),
    rgba(113, 34, 73, 0.45)
  );
  color: #fff;
}

.page-title {
  padding: 1rem 0;
  text-align: center;
  margin: 2rem 0;
  background-color: #65836599;
}

.page-title h1 {
  display: inline-block;
  color: #9edaf7;
  background: linear-gradient(
    135deg,
    rgba(115, 63, 41, 0.65),
    rgba(81, 30, 120, 0.65),
    rgba(113, 34, 73, 0.45)
  );
  padding: 10px 10px;
  border-radius: 10px;
  margin-bottom: 0.5rem;
}

.page-title p {
  font-size: 1.2rem;
  color: #211b1b;
}

.basic-info {
  padding: 1%;
  margin: 2%;
  border-radius: 10px;
  background: linear-gradient(
    135deg,
    rgba(70, 38, 25, 0.65),
    rgba(58, 22, 86, 0.65),
    rgba(81, 25, 53, 0.45)
  );
}
.basic-info h2 {
  color: #f79eee;
  background: linear-gradient(
    135deg,
    rgba(84, 47, 31, 0.881),
    rgba(65, 24, 96, 0.468),
    rgba(113, 34, 73, 0.146)
  );
  padding: 10px 10px;
  border-radius: 10px;
  margin-bottom: 2%;
}
.basic-info ul {
  list-style-type: none;
}
.basic-info li {
  padding: 1%;
  border-radius: 10px;
}

.all-set {
  padding: 1rem 0;
  text-align: center;
  margin: 2%;
  border-radius: 10px;
  background: linear-gradient(
    135deg,
    rgb(97, 53, 34),
    rgb(74, 28, 110),
    rgb(100, 30, 65)
  );
}

.all-set h2 {
  color: #b1faa3;
  background: linear-gradient(
    135deg,
    rgba(241, 151, 112, 0.276),
    rgba(187, 103, 252, 0.468),
    rgba(248, 123, 185, 0.146)
  );
  padding: 10px 10px;
  border-radius: 10px;
  margin-bottom: 2%;
}
.all-set ul {
  margin: 1%;
  padding: 1%;
}

.all-set li {
  display: inline-block;
  background: linear-gradient(
    135deg,
    rgb(250, 182, 153),
    rgb(205, 250, 164),
    rgb(249, 165, 207)
  );
  padding: 12px 12px;
  border-radius: 10px;
  margin: 1% 1% 1% 1%;
}

.all-set li a {
  text-decoration: none;
  color: #4f0404;
}
.all-set li:hover {
  background: linear-gradient(
    135deg,
    rgb(249, 165, 207),
    rgb(250, 182, 153),
    rgb(205, 250, 164)
  );
}
.all-set li a:hover {
  color: #4d016e;
  text-decoration: underline;
}

/* ====== review notice ======= */
.review-notice {
  margin: 15px;
  background: linear-gradient(
    135deg,
    rgb(249, 165, 207),
    rgb(250, 182, 153),
    rgb(205, 250, 164)
  );
  border: 1px solid #dbeafe;
  border-radius: 12px;
  overflow: hidden;
}

.review-title {
  background: linear-gradient(135deg, #1e3a8a, #0f172a);
  color: #fff;
  padding: 12px 15px;
  font-size: 15px;
  font-weight: 700;
}

.review-body {
  padding: 15px;
  font-size: 13px;
  line-height: 1.8;
  color: #01204d;
}

.review-body p {
  margin-bottom: 12px;
}

.review-body ul {
  margin: 10px 0 15px 20px;
}

.review-body li {
  margin-bottom: 6px;
}

.review-email {
  background: #eff6ff;
  border-left: 4px solid #2563eb;
  padding: 10px 12px;
  border-radius: 6px;
  margin: 12px 0;
}

.review-email a {
  color: #1d4ed8;
  text-decoration: none;
  font-weight: 600;
}

.review-subject {
  background: #cbedacbb;
  padding: 10px 12px;
  border-radius: 6px;
  margin-bottom: 12px;
}

.review-footer-text {
  margin-bottom: 0;
  font-weight: 500;
}

@media (max-width: 768px) {
  .review-body {
    font-size: 12px;
    line-height: 1.7;
  }
}

/* ====== review notice end======= */