/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 06 2022 | 19:31:25 */
.container{
	max-width: 1384px;
}
.search-result{
	padding: 50px 0px;
}
.search-form{
   display: flex;
  justify-content: center;
}
.certificate-input{
	width:100%;
	border-radius: 4px;
	height:52px;
	font-size:14px;
/* 	text-align:center; */

}
.certificate-btn,.cu-btn{
	padding:12px 55px;
	border-radius:4px;
	background: #151C39;
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
}
.cu-btn:hover{
	color: #fff;
}

.certificate-grid {
  padding: 50px 0px;
	width: 100%;
	
}
.certificate-grid-box {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  padding: 30px;
  transition: 1s;
  border-radius: 4px;
  margin: 15px 0px;
}
.certificate-grid-box:hover {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.archive-info {
	padding: 30px 0px;
  border-top: 1px solid rgba(222, 215, 215, 0.641);
  display: flex;
  justify-content: center;
  align-content: center;
  gap: 10%;
}
/* Hero section of search resutl */
.search-hero{
	margin-top: 40px;
    padding: 120px 30px;
	background: #178AD6;
	margin: 15px 0px;
	border-radius: 4px;
	display: flex;
    justify-content: center;
    align-items: center;
}


/* table and mobile responsive */
@media screen and (max-width: 820px) {
.search-hero{	
	display:block;
	padding: 60px 10px;
}
 .search-form{
  flex-direction: column;
    align-items: stretch;
}
.archive-info{
  flex-direction: column;
    align-items: stretch;
}
	.certificate-input{
		margin-top: 15px;
	}
	.certificate-btn{
		margin-top: 15px;
	}
}