body{
  padding: 0 2%;
  color: #2e3e50;
}
.X{
  margin: auto;
  padding: 1% 2%;
  max-width: 1440px;
  border-radius: 5px;
  background: #ecf0f1;
  box-shadow: 0 2px 6px 0 rgba(0,0,0, .3);
}
h1,h2,h3{
  text-align: center;
  color: rgb(0, 48, 87);
  font-weight: 900;
  font-family: Lato, sans-serif;
  display: initial;
}
.applybtn {
	background-color:#117D20;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	padding:6px 50px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.applybtn:hover {
	background-color:#5cbf2a;
}
.applybtn:active {
	position:relative;
	top:1px;
}
li{
  line-height: 23px;
}
/*SG = style grid*/
.SG{
  margin: 0;
  padding: 0;
  text-align: center;
}
.SG .sgLi{
  width: 98%;
  margin: 1% .35%;
  display: inline-flex;
  box-shadow: 0 2px 4px rgba(0,0,0, .2);
  font-family: Lato, sans-serif;
}
.SG .sgLi:hover{
  box-shadow:0 5px 10px rgba(0,0,0,.15);}
.SG .box{
  width: 100%;
  padding: 1% 2%;
  background: #fff;
  box-sizing: border-box;
  font-size: 14px;
}
/*BulletStyle */
.df{list-style-type: none;}


/* responsive grid*/
@media (max-width: 970px){
  .SG .sgLi{width: 180px;}}
@media (max-width: 425px){
  .SG .sgLi{width: 100%;}
}

table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

th, td {
  text-align: center;
  padding: 2px;
  font-size: 14px;
  vertical-align: top;
}

/* custom scrollbar */
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}