*{
    font-family: Roboto;
    padding: 0;
    margin: 0;
}

.certificate {
    border: 20px solid #0C5280;
    padding: 25px;
    position: relative;
}

.certificate:after {
    content: '';
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    background-image: url(../images/bg-logo.png); 
    background-size: contain;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
}

.certificate-armada:after {
    content: '';
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    background-image: url(../images/bg-logo-armada.png);
    background-size: contain;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
}


.certificate-header > .logo {
    width: 20%;
}

h1 {
    font-weight: 400;
    font-size: 48px;
    color: #0C5280;
    text-transform: uppercase;
}

.student-name {
    font-size: 24px;
}

.certificate-content {
    margin: 0 auto;
    width: 100%;
}

@media only screen and (max-width: 768px) {
	.certificate-header > .logo {
	    width: 100%;
	    margin: 0px 0px 20px 0;
	}
}


.client-name{
	
	margin-bottom: 0px;
}

.unitel-sign{
	float:right;
}

.chkbox{
	margin-top: 10px;
}

/* new css for responsive added on 7/12/2023*/

@media only screen and (max-width: 600px) {
	.tnx_p .tnx_page > p:first-child{ float: none !important; font-size: 18px !important;}
	.tnx_p .tnx_page h3{font-size: 35px !important;}
	.tnx_p .tnx_page p{ font-size: 18px !important;}
	.card-body p[style="float:right"]{float: none !important;}
	.form-check{ width: auto; padding: 0 15px;}
	.certificate{}
	.certificate img{ max-width: 100%;}
	.certificate p{ font-size: 14px !important;overflow-wrap: break-word;}
	.form-check{ width: auto !important; margin: 3px 0px;}
}

/* end new css for responsive added on 7/12/2023*/