body{
    font-size:20px;
    padding-bottom:50px;
}


.center-horizontal {
    width: 70%;         /* Must specify a width to prevent stretching across the whole page */
    margin-left: auto;  /* Equal left margin */
    margin-right: auto; /* Equal right margin, effectively centering the div */
    text-align: center; /* Centers the text *inside* the div */
}

.headerstyle{
    	font-size:30px;
	font-weight:bold;
	color:#000000;
}

.pay-btn {
  background-color: #000;
  color: #fff;
  border: none;
  padding: 12px 28px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

.pay-btn:hover {
  background-color: #222;
}

.payform-textbox {
  padding: 8px;      /* Adds space above and below the text */
  line-height: 20px;  /* Controls the height of the text line */
  font-size: 20px;    /* Sets the size of the text */
}

	.errorsuccessboxstyle{
		text-align:center;
		width:100%;
	}
	
	.style18r{
		font-size:18px;
		font-weight:bold;
		color:red;
	}

	.font9{
		font-weight:bold;
		font-size:24px;
	}
	
	@media screen and (max-width: 600px) {
  table thead {
    display: none;
  }
  table td {
    display: flex;
  }
  
  table td::before {
    content: attr(label);
    font-weight: bold;
    width: 120px;
    min-width: 120px;
	text-align:left;
  }
}
