/* Supplied final.zip design, scoped to portrait certificates only. */
.banner_certificate.banner_certificate--portrait { width: 630px; max-width: min(100%, calc(100vw - 30px)); box-sizing: border-box; }

    @font-face {
      font-family: WtsPortraitPoppins;
      src: url('fonts/Poppins-Regular.ttf') format('truetype');
      font-weight: 400;
      font-display: swap;
    }
    @font-face {
      font-family: WtsPortraitPoppins;
      src: url('fonts/Poppins-Bold.ttf') format('truetype');
      font-weight: 700;
      font-display: swap;
    }
    @font-face {
      font-family: WtsPortraitCertificate;
      src: url('fonts/UnifrakturMaguntia-Regular.ttf') format('truetype');
      font-weight: 400;
      font-display: swap;
    }
    .banner_certificate--portrait .portrait-certificate, .banner_certificate--portrait .portrait-certificate * { box-sizing: border-box; }
    .banner_certificate--portrait .portrait-certificate { margin: 0; padding: 0; color: #221f1f; font-family: WtsPortraitPoppins, Arial, sans-serif; line-height: normal; letter-spacing: normal; }
    .banner_certificate--portrait .portrait-certificate p { font-family: inherit; }
    .banner_certificate--portrait .portrait-certificate img { display: block; max-width: 100%; }
    .banner_certificate--portrait .portrait-certificate h1, .banner_certificate--portrait .portrait-certificate h2, .banner_certificate--portrait .portrait-certificate p { margin: 0; }
    .banner_certificate--portrait .portrait-certificate {
      position: relative;
      isolation: isolate;
      container-type: inline-size;
      width: 100%;
      max-width: 600px;
      margin-inline: auto;
      overflow: hidden;
      border: 3px solid #252525;
      background: #fff;
    }
    
    .banner_certificate--portrait .portrait-certificate .corner { position: absolute; z-index: -2; pointer-events: none; }
    .banner_certificate--portrait .portrait-certificate .corner-top { top: -1.9%; left: -1.9%; width: 55.5%; }
    .banner_certificate--portrait .portrait-certificate .corner-bottom { right: -1.45%; bottom: -1.35%; width: 57.5%; }
    .banner_certificate--portrait .portrait-certificate .accreditation {
      display: flex;
      justify-content: flex-end;
      padding: 3cqw 3.4cqw 0;
    }
    .banner_certificate--portrait .portrait-certificate .accreditation img { width: 27.2%; height: auto; }
    .banner_certificate--portrait .portrait-certificate .brand { width: 40.5%; height: auto; margin: 4cqw auto 2.5cqw; }
    .banner_certificate--portrait .portrait-certificate .association { padding-inline: 5%; text-align: center; }
    .banner_certificate--portrait .portrait-certificate .association-label { font-size: clamp(12px, 3cqw, 24px); font-weight: 600; line-height: 1.4; color: #221f1f;}
    .banner_certificate--portrait .portrait-certificate .company { font-size: clamp(15px, 3.35cqw, 27px); font-weight: 700; line-height: 1.4; text-wrap: balance; color: #221f1f;}
    .banner_certificate--portrait .portrait-certificate .iso { margin-top: 2.3cqw; font-size: clamp(12px, 2.9cqw, 24px); line-height: 1.5; color: #221f1f;}
    .banner_certificate--portrait .portrait-certificate .award { position: relative; margin-top: 1cqw; text-align: center; padding-inline: 7.5%; }
    .banner_certificate--portrait .portrait-certificate .watermark {
      position: absolute;
      top: 3cqw;
      left: 5%;
      width: 90%;
      height: 27cqw;
      overflow: hidden;
      opacity: .095;
      z-index: -1;
      pointer-events: none;
    }
    .banner_certificate--portrait .portrait-certificate .watermark img { width: 100%; height: 33cqw; }
    .banner_certificate--portrait .portrait-certificate h1 { font-family: WtsPortraitCertificate, 'Old English Text MT', Georgia, serif; font-size: clamp(44px, 12.2cqw, 103px); font-weight: 400; line-height: 1.05; color: #333131;}
    .banner_certificate--portrait .portrait-certificate h2 { margin-top: 0.2cqw; font-size: clamp(15px, 3.45cqw, 28px); line-height: 1.45; color: #221f1f;font-family: 'WtsPortraitPoppins', sans-serif; font-weight: 700;}
    .banner_certificate--portrait .portrait-certificate p {letter-spacing: 0;}
    .banner_certificate--portrait .portrait-certificate .certify { margin-top: 2cqw; font-size: clamp(11px, 2.25cqw, 18px); font-weight: 700; color: #221f1f;}
    .banner_certificate--portrait .portrait-certificate .recipient {min-height: 10.5cqw; padding: 3cqw 0 0; border-bottom: 1px solid #333; font-size: clamp(20px, 4cqw, 38px); line-height: 1.2; overflow-wrap: anywhere; color: #1c80c4; font-weight: 600;}
    .banner_certificate--portrait .portrait-certificate .completion { margin-top: 2cqw; margin-inline: -3%; font-size: clamp(12px, 3cqw, 24px); font-weight: 700; line-height: 1.2; text-wrap: balance; color: #221f1f;}
    .banner_certificate--portrait .portrait-certificate .course { min-height: 18cqw; padding-top: 2cqw; font-size: clamp(16px, 3.8cqw, 30px); line-height: 1.5; overflow-wrap: anywhere;color: #1c80c4;
    font-weight: 600; }
    .banner_certificate--portrait .portrait-certificate .signatories {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 4cqw;
      width: 59%;
      margin: 3cqw 0 7cqw 6%;
      text-align: center;
    }
    .banner_certificate--portrait .portrait-certificate .signature { width: 70%; text-align: center; height: 5cqw; margin: 0 auto 1cqw; border-bottom: 1px solid #777; }
    .banner_certificate--portrait .portrait-certificate .signature img { max-height: 100%; object-fit: contain; max-width: fit-content; margin: auto; }
    .banner_certificate--portrait .portrait-certificate .role { font-size: clamp(8px, 1.2cqw, 10px); font-weight: 700; line-height: 1.5; color: #221f1f;}
    .banner_certificate--portrait .portrait-certificate .signatory small { display: block; font-size: clamp(7px, 1cqw, 8px); line-height: 1.4; font-weight: 600;}
    @media (max-width: 480px) {
      .certificate { border-width: 2px; }
      .banner_certificate--portrait .portrait-certificate .signatories { width: 70%; gap: 2cqw; margin-left: 4%; }
      .banner_certificate--portrait .portrait-certificate .brand { margin-bottom: 6cqw; }
      .banner_certificate--portrait .portrait-certificate .course { min-height: 16cqw; }
      .banner_certificate--portrait .portrait-certificate .corner-bottom {width: 49%;}
      .banner_certificate--portrait .portrait-certificate .accreditation img { width: 36%; }
    }