@import url('https://fonts.googleapis.com/css?family=Baloo+Chettan|Open+Sans:300,400,600,700,800&display=swap');
@media screen and (min-device-width: 320px) and (max-device-width: 767px) { 
.certi-completion{width: 100%!important;}
}
 #certificate article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
 #certificate ol, ul {
	list-style: none
}
 #certificate blockquote, q {
	quotes: none
}
 #certificate blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
 #certificate table {
	border-collapse: collapse;
	border-spacing: 0
}
 #certificate .reset {
	clear: both;
}
 #certificate body {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 13px;
}
 #certificate h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	width: 100%;
}
 #certificate p {
	line-height: 25px;
	margin: 15px 0 0 0;
	float: left;
	width: 100%;
}
 #certificate a {
	text-decoration: none !important;
	color: #53565a;
	-webkit-transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	-ms-transition: 400ms ease-in-out;
}
 #certificate a:hover {
	text-decoration: none !important;
	color: #500000;
}
 #certificate ul {
	padding: 0;
	margin: 0;
}
 #certificate .wrapper {
	width: 100%;
	float: left;
	position: relative;
}
 #certificate .container {
	width: 100%;
	margin: auto; 
	position: relative; 
	margin-top: 60px;
	border: 1px solid #000;
}
 #certificate img {
	display: block;
	max-width: 100%;
	height: auto;
}
 #certificate .center__block {
	display: block;
	margin: 0 auto;
}
 #certificate .text__center {
	text-align: center;
}
 #certificate .text__right {
	text-align: right;
}
 #certificate .col__1 {
	width: 8.33333333%;
	float: left;
	padding: 0 15px;
	position: relative;
}
 #certificate .col__2 {
	width: 16.66666667%;
	float: left;
	padding: 0 15px;
	position: relative;
}
 #certificate .col__3 {
	width: 25%;
	float: left;
	padding: 0 15px;
	position: relative;
}
 #certificate .col__4 {
	width: 33.33333333%;
	float: left;
	padding: 0 15px;
	position: relative;
}
 #certificate .col__5 {
	width: 41.66666667%;
	float: left;
	padding: 0 15px;
	position: relative;
}
 #certificate .col__6 {
	width: 50%;
	float: left;
	padding: 0 15px;
	position: relative;
}
 #certificate .col__7 {
	width: 58.33333333%;
	float: left;
	padding: 0 15px;
	position: relative;
}
 #certificate .col__8 {
	width: 66.66666667%;
	float: left;
	padding: 0 15px;
	position: relative;
}
 #certificate .col__9 {
	width: 75%;
	float: left;
	padding: 0 15px;
	position: relative;
}
 #certificate .col__10 {
	width: 83.33333333%;
	float: left;
	padding: 0 15px;
	position: relative;
}
 #certificate .col__11 {
	width: 91.66666667%;
	float: left;
	padding: 0 15px;
	position: relative;
}
 #certificate .col {
	width: 100%;
	float: left;
	padding: 0 15px;  
	position: relative;
}
 #certificate section {
	width: 100%;
	float: left;
	position: relative;
}
 #certificate header {
	width: 100%;
	float: left;
}
 #certificate h1 {
	font-size: 20px;font-weight:700;
}
 #certificate h1 span, h2 span {
	width: 100%;
	font-size: 16px;
	font-weight: 600;float: left;
}
 #certificate h2 {
	font-size: 14px;color:#000;text-transform:none!important;}
 #certificate h2 span {
	font-size: 14px
}
 #certificate .mt__15 {
	margin-top: 15px;
}
 #certificate .mt__25 {
	margin-top: 35px;
}
 #certificate  footer {
	float: left;
	width: 100%;
	margin: 50px 0 0;
}
 #certificate .footer__links ul li {
	float: right;
	width: 40%;
	padding: 0 15px;
}
 #certificate .footer__links ul li:nth-child(2), .footer__links ul li:nth-child(1) {
	width: 20%;
}
 #certificate h3 {
	color: #00aeef;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;    font-size: 15px;
}
 #certificate .footer__logos {
	border-top: #000 1px solid;
	padding: 15px 0 0;
	margin: 15px 0 0;
	width: 100%;
	float: left;
}



/* Main certificate wrapper */
.certificate-page {
    padding: 20px;
}

.certificate-page img {
    max-width: 100%;
    height: auto;
}

/* Center container */
.certificate-page .container {
    max-width: 1100px;
    margin: auto;
    text-align: center;
    padding: 20px;
}

/* Bottom info row */
.certificate-page .margin-bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

/* Columns */
.certificate-page .col__3,
.certificate-page .col__6 {
    flex: 1;
}

    .certificate-preview{margin: 70px 0px 0px 0px!important;font-weight: 600!important;font-size: 23px!important;color:#282f39!important;}
/* Mobile Responsive */
@media (max-width: 768px) {
.certificate-preview{margin: 35px 0px 0px 0px!important;font-weight: 600!important;font-size: 23px!important;color:#282f39!important;}
.certi-completion li img { max-width: 60%!important;}
.certificate-page .container {
 transform: scale(0.75);  
 transform-origin: top center;
 width: 130%!important;    
 margin-left: -15%!important;
}
#certificate .mt__25 {margin-top: 20px;}
#certificate h2 span { font-size: 11px;}
#certificate h1 span, h2 span { font-size: 13px;}
.margin-bot { margin-bottom: 30px!important;}
.certificate-page .container { padding: 0px!important;}
.certificate-page { padding: 0px;}
.certificate-page h1 {
        font-size: 18px;
    }

    .certificate-page h1 span {
        font-size: 22px;
    }

    .certificate-page h2 {
        font-size: 15px;;
    }

    /* Stack bottom row */
    .certificate-page .margin-bot {
       /* flex-direction: column;*/
        text-align: center;
    }

    .certificate-page .col__3,
    .certificate-page .col__6 {
        width: 100%;
    }

    /* Footer logos responsive */
    .certificate-page .footer__links ul {
        flex-direction: column;
        gap: 15px;
    }
    
   /* #certificate .col__3 {
    width: 100%;}
    #certificate .col__6 {
    width: 100%;}*/
   #certificate h2 {
        font-size: 13px !important;
        padding-top: 0px !important;
    }
    #certificate h1 {
    font-size: 16px;}
    #certificate .col__4 {
    width: 50%;}
    #certificate .col__8 { padding: 15px 0px;}
    #certificate .footer__links ul li {padding: 0 5px;}

}