.afed-pay-breakdown {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	padding: 20px 24px;
	max-width: 420px;
	margin-bottom: 20px;
}

.afed-pay-breakdown-table {
	width: 100%;
	border-collapse: collapse;
}

.afed-pay-breakdown-table th,
.afed-pay-breakdown-table td {
	text-align: left;
	padding: 8px 4px;
	font-weight: normal;
	font-size: 15px;
}

.afed-pay-breakdown-table td {
	text-align: right;
}

.afed-pay-breakdown-total th,
.afed-pay-breakdown-total td {
	border-top: 1px solid #dcdcde;
	padding-top: 12px;
	font-weight: 700;
	font-size: 17px;
}

.afed-pay-gateway-form {
	margin-bottom: 32px;
}

.afed-pay-gateway-form .afed-btn {
	margin-right: 10px;
	margin-top: 10px;
}

.afed-pay-national-card {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	padding: 20px 24px;
	max-width: 560px;
	margin-bottom: 28px;
}

.afed-pay-national-card h2 {
	margin-top: 0;
	font-size: 17px;
}

.afed-pay-national-card h3 {
	font-size: 14px;
	margin-top: 20px;
}

.afed-pay-outstanding-amount {
	font-size: 30px;
	font-weight: 700;
	margin: 4px 0 8px;
}

.afed-pay-national-card form {
	margin-top: 14px;
}

.afed-pay-national-card label {
	display: block;
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 4px;
}

.afed-pay-national-card input[type="text"] {
	width: 100%;
	max-width: 320px;
	padding: 8px 10px;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	margin-bottom: 10px;
}

@media (max-width: 680px) {
	.afed-pay-breakdown {
		max-width: 100%;
		padding: 16px 18px;
	}

	.afed-pay-gateway-form .afed-btn {
		display: block;
		width: 100%;
		margin-right: 0;
	}
}