.hdback{

background: white;
 height: 200px;

}

.font{
    
    color: white;
    font-size: 35px;
    
    
    
}


/*verfiy certificate css*/

.box{

background: white;
width: 425px;
height: 290px;
position: relative;
border: 5px solid orange;

}
.box .up{

width: 400px;
height: 120px;
padding: 20px;
}

.box .up .girl{

width: 80px;
border: 3px solid orange;
margin-top: -10px;

}

.box .up .tick{
    
width: 50px;
height: 50px;
position: absolute;
top: 5px;
right: 10px;
    
}
.box .up b{
font-size: 18px;
margin-left: 20px;
color: grey;
}

.box .down{

width: 400px;
height: 120px;
padding: 10px;
}

.box .down ul{
list-style: none;
margin-top: -43px;
margin-left: -10px;
width: 370px;
color: orange;

    
}

.box .down ul li{

padding: 3px;
border-bottom: 1px solid orange;

}
.box .down ul li b{
    
color: grey;    
    
}
.mainbox{
	
	width: 460px;
	height: 320px;
	overflow: hidden;
}



.kk:focus{
border: 2px solid  #FAEFB7;

}

.isomain {

background: black;
width: 100%;
height: 200px;
padding:40px;
text-align: center;

}






/*end css*/


@media only screen and (max-width: 700px){

.hdback{
	height: 330px;
	background: white;
	z-index: 1;
}

.text{

margin-top: 80px;
margin-left: 30px;
}

}