.fist-div {
    border: 5px solid #0d3464;
    overflow: hidden;
    margin: 5px 5px;
	background-image: url('../img/bg-first.png');
}

.small-border {
    border: 3px solid #808080;
    margin: 5px;
    visibility: visible;
    -webkit-print-color-adjust: exact;
    background-image: url('../img/bgfirst.png');
	background-position:center;
	background-repeat:no-repeat;
    width: auto;
}


.ftec-logo {
    max-width: 100%;
    width: 230px;
    height: 110px;
}

.logo {
  margin: 3px auto;
  text-align: left;
 
}

.course-title {
  margin: 0;
  text-align: center;
  font-size: 40px;
  color: #000;
}
.course-title_next {
    margin: 0;
    text-align: center;
    font-size: 30px;
    color: #000;
}
.certficate-content {
    
    text-align: center;
    font-size: 25px;
    color: #000;
   
   
    font-family:'Times New Roman', Times, serif;
    font-weight:bold;
}
.certficate-name {
    text-align: center;
    font-size: 25px;
    color: #ff6a00;

    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
}

.names {
  text-align: center;
}
.first-name, .last-name, .duration {
    text-align: center;
    text-transform: uppercase;
    color: #808080;
    margin: 0 0 10px 0;
    padding: 8px 0;
}

.ftec-heading {
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    color: #808080;
    padding-top: 12px;

}

h3 {
  font-weight: 500;
  margin-bottom: -10px;
 
}


.footer {
  margin: 0 4%;
  width: 92%;
  text-align: -webkit-match-parent;
  display: flex;

}


.left-text, .right-text, .left-text1, .left-text2, .left-text3 {
  font-weight:bold;
  text-transform: uppercase;
  display: inline-block;
  padding: 5px 10px;
  margin: 0 !important;
}

.left-text,.left-text1, .left-text2, .left-text3{
  font-weight: 500;
}

.left-text{
  padding-right: 7px;
}

.left-text1 {
  padding-right: 56px;
}

.left-text2 {
  padding-right: 26px;
}

.left-text3 {
  padding-right: 85px;
}

.candi{
  padding-right: 24px;
}


.sign-logo {
    max-width: 100%;
    width: auto;
    height: auto;
    padding-left: 0px;
}

.iso-logo {
    max-width: 100%;
    width: auto;
    height: auto;
    margin-left: 45px;
    margin-top: -40px;
}

.qr, .md-sign, .course-info {
width: 20%;
display: block;
float: left;
}


.qr, .md-sign {
width: 20%;
display: block;
}


#qrcode {
  height:140px;
}

.course-info {
 width:60%;
 /*padding-left: 140px;*/
}


.md-sign {
width: 24%;
display: block;
}

.grade-system {
    display: inline-flex;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 14px 0;
}


.grade-system > span {
    margin: 0 auto;
    margin-top: -15px;
    font-weight: 500;
}

.excel, .aa, .a, .b{
  text-align: center;
  font-weight: 400;
  padding: 0 16px;

}

.grade {
    margin: 0 auto;
}


.md, .foresight {
  text-align: center!important;
  font-weight: 600;
  margin-top: 5px;
}