@import url('https://fonts.googleapis.com/css?family=Open+Sans|Pinyon+Script|Rochester');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.cursive {
  font-family: 'Pinyon Script', cursive;
  
}

.sans {
  font-family: 'Open Sans', sans-serif;
}
.newe{
    font-family: "Bebas Neue", sans-serif;
}

.bold {
  font-weight: bold;
}

.block {
  display: block;
}

.underline {
  border-bottom: 1px solid #777;
  padding: 5px;
  margin-bottom: 15px;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.pm-empty-space {
  height: 40px;
  width: 100%;
}

body {
  padding: 20px 0;
  background: #ccc;
}

.pm-certificate-container {
  position: relative;
  width: 890px;
  height: 650px;
  /* margin-top:20px; */
  /* background:linear-gradient(to top left, rgb(246, 6, 6), rgb(250, 3, 3)); */
  background-color:transparent;
  padding: 10px;
  color: #333;
  font-family: 'Open Sans', sans-serif;
  box-shadow: 0 0 5px rgba(255, 255, 255);
  /*background: -webkit-repeating-linear-gradient(
    45deg,
    #618597,
    #618597 1px,
    #b2cad6 1px,
    #b2cad6 2px
  );
  background: repeating-linear-gradient(
    90deg,
    #618597,
    #618597 1px,
    #b2cad6 1px,
    #b2cad6 2px
  );*/
  
 
   
   
    

    

    
  }
  .pm-certificate-name{
    margin-top:5px;
  }
  .technical-header{
  display: flex;
  align-items: center;
  justify-content:space-between;
  margin-left:20px;
}
.technical-header p{
    line-height: 1;
    letter-spacing: 2px;
}
.technical-header img{
  border:2px solid rgb(6, 5, 5);
  border-radius:20px;
  
}
.name-of{
  color:black;
  
}
.bolded{
    font-weight:bolder;
    font-size:1.2rem;
    
}
.hightech{
  break-after:page;
}



.pm-certificate-title {
  position: relative;
  /*top: 5px;*/
  /* margin-left:100px; */
  
 
}


h2 {
 font-size: 3.2rem ;
  color:rgb(159, 65, 65);
  font-weight: bolder;
  /* font-size:3rem; */
  margin-top:-10px;

}

.pm-certificate-body {
  padding: 20px;
  margin-top:90px;
  margin-left:10px;

  
}

.pm-name-text {
 
  font-size: 17px;
  
  font-weight: bold;
}
.pm-name-text small{
  font-size:15px;
  font-weight: lighter;


}

.triet img{
  margin-top:2px;
  

}

.true{
  width:100%;
  height:1px;
  background-color: #777;
}
.reg{
  /*margin-left:120px;*/
  margin-top:4px;
  margin-left:360px;
  display:flex;
  align-items: center;
  justify-content: center;
}
.col-tech .graded{
  /*background-color:orangered;*/
  color:green;
  padding:5px;
  margin-top:15px;
  margin-left:28px;
  
  
  
  /* width:100px; */
  /* height:100px; */
  border-radius:50%;
}
.reg h5{
  color: white;
   margin:0px 80px;
}
.main-col-tech{
  text-align: center;
  /* width:100%; */
  margin-top:5px;
}
.stu_info{
  display: flex;
  margin-top:5px;
  margin-left:92px;
}

.traning-date{
  margin-left:257px;
}
.col-tech{
  text-align: center;
}
.underdiv{
  width:2px;
  height:70px;
  background-color:black;
}

.pm {
  margin: 5px 0px 20px 0px;
  text-decoration: none;
  line-height:10px;
  /* display: inline-block; */
  
}
.p-tech {
  font-size: 15px;
  color:black;
  
  
}
.pm-credits-text {
  font-size: 15px;
  color: black;
}

.pm-earned-text p{
  color: black;

  
}


.pm-earned-text {
  font-size: 20px;
}
.pm-credits-text {
  font-size: 12px;
}

.pm-certified {
  font-size: 15px;
}

  .underline {
    margin-bottom: 5px;
  }


.pm-certificate-footer {
  width: 650px;
  height: 100px;
  position: relative;
  left: 50%;
  margin-left: -325px;
  bottom: -105px;
}

.outer-border {
  width: 864px;
  height: 650px;
  position: absolute;
  left: 50%;
  margin-left: -431px;
  top: 50%;
  background-color:rgb(33, 142, 201);
  margin-top:-325px;
  border: 2px solid #fff;
}

.inner-border {
  width: 850px;
  height: 637px;
  position: absolute;
  /* background-color:rgb(254, 254, 254); */
  left: 50%;
  margin-left: -425px;
  top: 50%;
  margin-top:-318px;
  border: 2px solid #fff;
}

.pm-certificate-border {
  position: relative;
  width: 820px;
  height: 618px;
  padding: 0;
  border: 5px solid #ffffff;
  /* background-color: rgba(255, 255, 255, 1); */
  background-image:url(result_img/target2.jpg);
  
  background-size:100%;
  background-repeat: no-repeat;
  /* background-position:center; */
  left: 50%;
  margin-left: -410px;
  top: 50%;
  margin-top: -308px;
}

  .pm-certificate-block {
    width: 520px;
    height: 200px;
    position: relative;
    left: 50%;
    margin-left: -265px;
    top: 20px;
    margin-top: 0;
  }

  .pm-certificate-header {
    margin-bottom: 5px;
    margin-left:-15px;
  }
  .grad{
      font-size:14px;
      font-weight:bold;
      
  }



@media print{
  .toor{
       display: none; 
  }
.hightech{
    display:none;
}

  .pm-certificate-container{
    margin-top:0px;
  }
}