@font-face {
  font-family: Gill-Sans;
  src: url("../fonts/Gill-Sans.otf");
}

@font-face {
  font-family: Gill-Sans-Bold;
  src: url("../fonts/Gill-Sans-Bold.otf");
}


@font-face {
  font-family: Gill-Sans-Heavy;
  src: url("../fonts/Gill-Sans-Heavy.otf");
}

@media print{
  
  @page {size: portrait}

  .certificate-main{
    zoom: 160%;
  }

}

html {
  height: 100%;
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  font-family: Gill-Sans;
  font-size: 12px;
  font-weight: 300;
  text-align: left;
}

.certificate-main{
  display: flex;
  border: 3px solid #000;
  /*border: 3px solid #16345e;*/
  height: 841px;
  width: 595px;
  margin: 0 auto;
}

.lhub-background{
  background: #FFF url('../images/certificate_bg.png') no-repeat;
}

.content{
  padding: 10px 63px;
  position: relative;
}

.content .issue-date{
  margin-left: -36px;
  font-size: 9px;
}

.content .issue-date span{
  font-family: Gill-Sans-Bold;
}

.content .logos-container{
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 43px;
}

.content .logos-container > div > img{
  max-width: 180px;
  max-height: 43px;
}

.content .logos-container > .logo-separator{
  width: 2px;
  background-color: #000;
  line-height: 25px;
  margin: 0px 12px;
}

.content h1{
  font-family: Gill-Sans-Heavy;
  font-size: 36px;
  line-height: 42px;
  color: #0097CE;
  margin: 22px 0px;
  white-space: nowrap;
}

.content h2{
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  margin-top: 26px;
  margin-bottom: 2px;
}

.content h3{
  font-family: Gill-Sans-Bold;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  margin-top: 0px;
}

.content .certificate-skill-title{
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}

.content .certificate-dates > div{
  display: inline-block;
  margin-right: 22px;
}

.content .certificate-dates h3, .content .certificate-signature h3{
  font-size: 16px;
  line-height: 19px;
}

.content .certificate-signature{
  margin-top: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  position: absolute;
  bottom: 78px;
  width: calc(100% - 63px);
}

.content .certificate-signature > div{
  display: inline-block;
  margin-right: 30px;
  max-width: 200px;
}

.content .certificate-signature > div img{
  width: 100%;
}

.content .certificate-signature .signature-name{
  font-family: Gill-Sans-Heavy;
  color: #18355E;
}

.content .certificate-iso{
  text-align: right;
  position: absolute;
  right: 12px;
  top: 735px;
}

.content .certificate-iso > div{
  display: inline-block;
  text-align: center;
}

.content .certificate-iso > div > div{
  font-weight: 600;
  font-size: 3px;
  line-height: 4px;
  margin-top: -3px;
}

.content .company-registration-no{
  text-align: right;
  position: absolute;
  right: 12px;
  top: 795px;
  font-weight: 300;
  font-size: 5px;
  line-height: 6px;
  white-space: nowrap;
}


        @font-face {
          font-family: roboto_bold;
          /* src: url(assets/Roboto-Bold.ttf); */
          src: url("../fonts/Roboto-Bold.ttf");
        }

        @font-face {
          font-family: roboto_regular;
          /* src: url(assets/Roboto-Regular.ttf); */
          src: url("../fonts/Roboto-Regular.ttf");
        }


      .certificatewithoutSignature {

      display: block;
      position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      /* overflow-x: auto;
      overflow-y: auto; */
      background-color: rgba(255, 255, 255, 1);
      width: 1125.00px;
    height: 1500.00px;
    left: 0px;
    top: 0px;

}

.certificatewithoutSignature .background77fc29a1 {

      display: block;
      position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      overflow-x: unset;
      overflow-y: unset;
      background-color: transparent;
      width: 1125.00px;
    height: 1500.00px;
    left: 0.00px;
    top: 0.00px;

}

.certificatewithoutSignature .background77fc29a1 .background20719d0c {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      /* background-image: url("assets/background20719d0c.png"); */
      background-image: url("../images/background20719d0c.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      border-bottom-color: rgba(0, 0, 0, 0);
      border-bottom-style: solid;
      border-bottom-width: 1.00px;
      border-left-color: rgba(0, 0, 0, 0);
      border-left-style: solid;
      border-left-width: 1.00px;
      border-right-color: rgba(0, 0, 0, 0);
      border-right-style: solid;
      border-right-width: 1.00px;
      border-top-color: rgba(0, 0, 0, 0);
      border-top-style: solid;
      border-top-width: 1.00px;
      border-top-left-radius: 0.00px;
      border-top-right-radius: 0.00px;
      border-bottom-left-radius: 0.00px;
      border-bottom-right-radius: 0.00px;
      box-shadow: none;
      width: 1124.00px;
    height: 1499.00px;
    left: -0.50px;
    top: -0.50px;

}

.certificatewithoutSignature .background77fc29a1 .background {

      display: block;
      position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      overflow-x: unset;
      overflow-y: unset;
      background-color: transparent;
      width: 1005.00px;
    height: 1340.00px;
    left: 60.00px;
    top: 80.00px;

}

.certificatewithoutSignature .background77fc29a1 .background .path4641 {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      fill: rgba(255, 255, 255, 1);
      stroke: rgba(0, 0, 0, 0);
          stroke-width: 1.00px;
          stroke-linecap: butt;
      box-shadow: none;
      width: 1007.00px;
    height: 1342.00px;
    left: -1.00px;
    top: -1.00px;

}

.certificatewithoutSignature .background77fc29a1 .background .path4642 {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      fill: rgba(0, 78, 116, 1);
      stroke: rgba(0, 0, 0, 0);
          stroke-width: 1.00px;
          stroke-linecap: butt;
      box-shadow: none;
      width: 937.00px;
    height: 1272.00px;
    left: 34.00px;
    top: 34.00px;

}

.certificatewithoutSignature .content {

      display: block;
      position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      overflow-x: unset;
      overflow-y: unset;
      background-color: transparent;
      width: 566.00px;
    height: 590.00px;
    left: 280.00px;
    top: 455.00px;

}

.certificatewithoutSignature .content .courseName {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      text-align: center;
      line-height: 45.00px;
      letter-spacing: 0.00px;
      color: rgba(24, 53, 94, 1);
      -webkit-text-stroke: unset;
      font-size: 36.00px;
      font-weight: 700;
      font-style: normal;
      text-align: center;
      font-family: roboto_bold, Arial;
      text-decoration: none;
      box-shadow: none;
      overflow-x: unset;
      overflow-y: unset;
      height: 48.00px;
      /* left: 110.00px; */
      width: 100%;
      top: 530.00px;

}

.certificatewithoutSignature .content .forTheSuccessfulCompletionOf {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      text-align: center;
      line-height: 26.00px;
      letter-spacing: 0.00px;
      color: rgba(102, 102, 102, 1);
      -webkit-text-stroke: unset;
      font-size: 30.00px;
      font-weight: 400;
    font-style: normal;
      font-family: roboto_regular, Arial;
      text-decoration: none;
      box-shadow: none;
      overflow-x: unset;
      overflow-y: unset;
      white-space: pre;
      width: 432.00px;
    height: 39.00px;
    left: 67.00px;
    top: 422.50px;

}

.certificatewithoutSignature .content .fullName {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      text-align: center;
      line-height: 45.00px;
      letter-spacing: 0.00px;
      color: rgba(24, 53, 94, 1);
      -webkit-text-stroke: unset;
      font-size: 48.00px;
      font-weight: 700;
    font-style: normal;
      font-family: roboto_bold, Arial;
      text-decoration: none;
      box-shadow: none;
      overflow-x: unset;
      overflow-y: hidden;
      white-space: pre;
      width: 218.00px;
    height: 135.00px;
    /* left: 174.00px; */
    width: 100%;
    top: 205.50px;

}

.certificatewithoutSignature .content .thisCertificateIsHerebyAwardedTo {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      text-align: center;
      line-height: 26.00px;
      letter-spacing: 0.00px;
      color: rgba(102, 102, 102, 1);
      -webkit-text-stroke: unset;
      font-size: 30.00px;
      font-weight: 400;
    font-style: normal;
      font-family: roboto_regular, Arial;
      text-decoration: none;
      box-shadow: none;
      overflow-x: unset;
      overflow-y: unset;
      white-space: pre;
      width: 482.00px;
    height: 39.00px;
    left: 42.00px;
    top: 107.50px;

}

.certificatewithoutSignature .content .certificateOfCompletion {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      text-align: center;
      line-height: 26.00px;
      letter-spacing: 0.00px;
      color: rgba(0, 0, 0, 1);
      -webkit-text-stroke: unset;
      font-size: 50.00px;
      font-weight: 700;
    font-style: normal;
      font-family: roboto_bold, Arial;
      text-decoration: none;
      box-shadow: none;
      overflow-x: unset;
      overflow-y: unset;
      white-space: pre;
      width: 566.00px;
    height: 66.00px;
    left: 0.00px;


}

.certificatewithoutSignature .content .lxplogo {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      /* background-image: url("assets/lxplogo.png"); */
      background-image: url("../images/lxplogo.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
      opacity: 1;
      cursor: default;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      border-bottom-color: rgba(112, 112, 112, 1);
      border-bottom-style: none;
      border-bottom-width: 1.00px;
      border-left-color: rgba(112, 112, 112, 1);
      border-left-style: none;
      border-left-width: 1.00px;
      border-right-color: rgba(112, 112, 112, 1);
      border-right-style: none;
      border-right-width: 1.00px;
      border-top-color: rgba(112, 112, 112, 1);
      border-top-style: none;
      border-top-width: 1.00px;
      border-top-left-radius: 0.00px;
      border-top-right-radius: 0.00px;
      border-bottom-left-radius: 0.00px;
      border-bottom-right-radius: 0.00px;
      box-shadow: none;
      width: 378.00px;
    height: 94.50px;
    left: 94.00px;
    top: -150px;

}