/* Single Certificate Page */

/* web */
.single-certificate .cert {
  font-family: "Inter", sans-serif;
  position: relative;
}

.single-certificate .cert .recipient,
.single-certificate .cert .total-trees,
.single-certificate .cert .certificate-number {
  position: absolute;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.single-certificate .cert .recipient {
  top: 43%;
  right: 20%;
  width: calc(30.6vw + 10px);
  height: calc(6.6vw + 10px);
}

.single-certificate .cert .recipient .elementor-widget-container {
  /* font-size: 42px; */
  font-size: 1.125rem;
  font-size: clamp(1.125rem, -0.2550000000000001rem + 3.2vw, 2.625rem);
  font-weight: 500;
  color: #004122;
  display: flex;
  align-items: center;
  text-align: center;
  line-height: 1.1;
}

.single-certificate .cert .total-trees {
  top: 65%;
  right: 6%;
  width: calc(55vw + 10px);
  height: calc(2.6vw + 10px);
}

.single-certificate .cert .total-trees .elementor-widget-container {
  /* font-size: 28px; */
  font-size: 0.688rem;
  font-size: 0.688rem;
  font-size: clamp(0.688rem, -0.28903999999999996rem + 2.2656vw, 1.75rem);
  font-weight: 400;
  color: #333;
  display: flex;
  align-items: center;
  text-align: center;
  line-height: 1.1;
}

.single-certificate .cert .certificate-number {
  top: 91%;
  right: 14%;
  width: calc(13vw + 10px);
  height: calc(1.6vw + 10px);
}

.single-certificate .cert .certificate-number .elementor-widget-container {
  /* font-size: 22px; */
  font-size: 0.5rem;
  font-size: clamp(
    0.5rem,
    -0.30499999999999994rem + 1.8666666666666665vw,
    1.375rem
  );
  font-weight: bold;
  color: #333333;
  display: flex;
  align-items: center;
  text-align: center;
  line-height: 1.1;
}

.single-certificate .cert .certificate-image img {
  width: 100%;
}

/* pdf */
.single-certificate .cert-pdf {
  font-family: "Inter", sans-serif;
  position: relative;
  display: none;
}

.single-certificate .cert-pdf .recipient,
.single-certificate .cert-pdf .total-trees,
.single-certificate .cert-pdf .certificate-number {
  position: absolute;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.single-certificate .cert-pdf .recipient {
  top: 43%;
  right: 18%;
  width: calc(34.6vw + 10px);
  height: calc(6.6vw + 10px);
}

.single-certificate .cert-pdf .recipient .elementor-widget-container {
  font-size: 30px;
  font-weight: 500;
  color: #004122;
  display: flex;
  align-items: center;
  text-align: center;
  line-height: 1.1;
}

.single-certificate .cert-pdf .total-trees {
  top: 67%;
  right: 3%;
  width: calc(60vw + 10px);
}

.single-certificate .cert-pdf .total-trees .elementor-widget-container {
  font-size: 20px;
  font-weight: 400;
  color: #333;
}

.single-certificate .cert-pdf .certificate-number {
  top: 91%;
  right: 14%;
  width: calc(13vw + 10px);
}

.single-certificate .cert-pdf .certificate-number .elementor-widget-container {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}

.single-certificate .cert-pdf .certificate-image img {
  width: 100%;
}