* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: "Inter", sans-serif;
	background: #f5f7fb;
	color: #1f2937;
}

/* =========================HEADER========================= */

.portal-header {
	background: #ffffff;
	height: 82px;
	border-bottom: 1px solid #e5e7eb;
	display: flex;
	align-items: center;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.header-logo {
	max-height: 52px;
	max-width: 190px;
	object-fit: contain;
}

.college-logo {
	max-height: 100px;
	max-width: 150px;
}

.payu-logo {
	max-height: 52px;
	max-width: 105px;
}

/* =========================MAIN========================= */

.main-section {
	min-height: calc(100vh - 82px);
	padding: 45px 15px 35px;
}

.portal-container {
	max-width: 1080px;
	margin: auto;
}

/* =========================HERO========================= */

.hero-card {
	background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
	border-radius: 20px;
	padding: 42px 45px;
	border: 1px solid #e5eaf1;
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.07);
}

.hero-content {
	max-width: 650px;
}

.hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #eaf7ee;
	color: #238b45;
	border-radius: 50px;
	padding: 7px 14px;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 18px;
}

.hero-title {
	font-size: 38px;
	font-weight: 800;
	line-height: 1.2;
	color: #172b4d;
	margin-bottom: 12px;
}

.hero-title span {
	color: #2d9b45;
}

.hero-description {
	color: #64748b;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 28px;
}

/* =========================PAYMENT FORM========================= */

.payment-box {
	background: #ffffff;
	border: 1px solid #e4e8ee;
	border-radius: 16px;
	padding: 25px;
	box-shadow: 0 8px 25px rgba(15, 23, 42, 0.06);
}

.payment-box-title {
	font-size: 17px;
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 5px;
}

.payment-box-subtitle {
	color: #64748b;
	font-size: 13px;
	margin-bottom: 20px;
}

.payment-card {
	background: #ffffff;
	border-radius: 12px;
	border: 1px solid #e5e7eb;

	box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);

	overflow: hidden;
}

.page-heading {
	text-align: center;
	padding: 25px 20px 15px;
}

.page-heading h1 {
	font-size: 32px;
	font-weight: 500;
	color: #172b4d;
	margin: 0;
}

.page-heading p {
	margin-top: 7px;
	margin-bottom: 0;

	font-size: 13px;
	color: #64748b;
}

.input-label {
	font-size: 13px;
	font-weight: 600;
	color: #334155;
	margin-bottom: 8px;
}

.input-wrapper {
	position: relative;
}

.input-wrapper i {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #94a3b8;
	z-index: 2;
}

.registration-input {
	height: 48px;
	padding-left: 44px;
	border: 1px solid #d7dce3;
	border-radius: 9px;
	font-size: 14px;
	transition: all 0.2s ease;
}
.registration-section {
	padding: 10px 25px 25px;
}

.registration-box {
	max-width: 620px;
	margin: auto;
}

.registration-label {
	font-size: 12px;
	font-weight: 600;
	color: #334155;

	margin-bottom: 7px;
}

.registration-input {
	height: 42px;

	border: 1px solid #ced4da;
	border-radius: 6px;

	font-size: 13px;
}

.registration-input:focus {
	border-color: #4cae4c;

	box-shadow: 0 0 0 3px rgba(76, 174, 76, 0.12);
}

.submit-btn {
	height: 42px;

	border: none;
	border-radius: 6px;

	padding: 0 30px;

	background: linear-gradient(135deg, #4caf50, #36943c);

	color: white;

	font-size: 13px;
	font-weight: 600;

	transition: 0.2s;
}

.submit-btn:hover {
	background: linear-gradient(135deg, #3f9d44, #2d8133);

	transform: translateY(-1px);
}

.continue-btn {
	height: 48px;
	border: none;
	border-radius: 9px;
	background: linear-gradient(135deg, #43a854, #2f913f);
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	padding: 0 25px;
	transition: all 0.25s ease;
	white-space: nowrap;
}

.continue-btn:hover {
	background: linear-gradient(135deg, #368f45, #247735);
	transform: translateY(-1px);
	box-shadow: 0 7px 18px rgba(47, 145, 63, 0.25);
}

.continue-btn i {
	margin-left: 7px;
}

.help-text {
	margin-top: 12px;
	color: #94a3b8;
	font-size: 12px;
}

/* =========================RIGHT INFO========================= */

.info-card {
	background: #172b4d;
	color: #ffffff;
	border-radius: 18px;
	padding: 30px;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.info-card::after {
	content: "";
	position: absolute;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
	right: -70px;
	bottom: -70px;
}

.info-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 23px;
}

.step {
	display: flex;
	gap: 14px;
	margin-bottom: 22px;
	position: relative;
	z-index: 2;
}

.step:last-child {
	margin-bottom: 0;
}

.step-icon {
	min-width: 38px;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #8fe49b;
}

.step-title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 4px;
}

.step-text {
	font-size: 12px;
	line-height: 1.6;
	color: #cbd5e1;
	margin: 0;
}

/* =========================FEATURES========================= */

.features-section {
	margin-top: 28px;
}

.feature-card {
	height: 100%;
	background: #ffffff;
	border: 1px solid #e6eaf0;
	border-radius: 14px;
	padding: 20px;
	transition: all 0.25s ease;
}

.feature-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(15, 23, 42, 0.07);
}

.feature-icon {
	width: 43px;
	height: 43px;
	border-radius: 10px;
	background: #eef9f0;
	color: #319646;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
	font-size: 18px;
}

.feature-title {
	font-size: 14px;
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 5px;
}

.feature-text {
	color: #64748b;
	font-size: 12px;
	line-height: 1.6;
	margin: 0;
}

/* =========================NOTICE========================= */

.notice {
	margin-top: 25px;
	background: #fffaf0;
	border: 1px solid #f4dfae;
	border-radius: 12px;
	padding: 14px 18px;
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.notice i {
	color: #d99a16;
	margin-top: 2px;
}

.notice-text {
	margin: 0;
	font-size: 12px;
	color: #765b20;
	line-height: 1.6;
}

/* =========================FOOTER========================= */

.portal-footer {
	background: #172b3d;
	color: #cbd5e1;
	padding: 18px 0;
	margin-top: 35px;
}

.footer-text {
	font-size: 12px;
	margin: 0;
}

.footer-links a {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	margin-left: 18px;
	transition: color 0.2s;
}

.footer-links a:hover {
	color: #8fe49b;
}

.footer-divider {
	color: #64748b;
	margin-left: 18px;
}

/* =========================LOADING========================= */

.btn-loading {
	pointer-events: none;
	opacity: 0.8;
}

.details-section {
	padding: 0 25px 20px;
}

.section-header {
	display: flex;
	align-items: center;

	gap: 10px;

	margin-bottom: 10px;
}

.section-icon {
	width: 30px;
	height: 30px;

	border-radius: 7px;

	background: #edf8ef;

	color: #3c9b45;

	display: flex;
	align-items: center;
	justify-content: center;

	font-size: 13px;
}

.section-title {
	font-size: 14px;
	font-weight: 700;

	color: #1e293b;

	margin: 0;
}

.section-subtitle {
	font-size: 11px;

	color: #94a3b8;

	margin: 1px 0 0;
}

/* =========================================INFORMATION CARD========================================= */

.details-card {
	border: 1px solid #dfe3e8;

	border-radius: 8px;

	overflow: hidden;

	background: #ffffff;
}

.details-card-header {
	background: #f8fafc;

	border-bottom: 1px solid #dfe3e8;

	padding: 9px 12px;

	font-size: 11px;

	font-weight: 600;

	color: #475569;
}

.details-body {
	padding: 15px;
}

/* =========================================FORM FIELDS========================================= */

.field-label {
	display: block;

	font-size: 11px;

	font-weight: 600;

	color: #475569;

	margin-bottom: 5px;
}

.field-wrapper {
	position: relative;
}

.field-icon {
	position: absolute;

	left: 11px;
	top: 50%;

	transform: translateY(-50%);

	color: #94a3b8;

	font-size: 12px;

	pointer-events: none;
}

.field-control {
	width: 100%;

	height: 38px;

	border: 1px solid #d5d9df;

	border-radius: 5px;

	background: #ffffff;

	font-size: 12px;

	color: #334155;

	padding: 7px 10px;
}

.field-control.with-icon {
	padding-left: 32px;
}

.field-control:focus {
	border-color: #4caf50;

	outline: none;

	box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
}

.field-control:disabled {
	background: #f8fafc;

	color: #334155;

	opacity: 1;
}

/* =========================================RESERVATION SECTION========================================= */

.reservation-card {
	border: 1px solid #dfe3e8;

	border-radius: 8px;

	overflow: hidden;
}

.reservation-body {
	padding: 15px;
}

.certificate-note {
	height: 38px;

	display: flex;

	align-items: center;

	padding: 0 12px;

	background: #fff8e8;

	border: 1px solid #f1dfad;

	border-radius: 5px;

	color: #775d20;

	font-size: 10px;

	line-height: 1.4;
}

.certificate-note i {
	color: #d49a16;

	margin-right: 7px;

	font-size: 12px;

	flex-shrink: 0;
}

/* =========================================PROCEED========================================= */

.proceed-section {
	text-align: center;

	padding: 8px 25px 28px;
}

.proceed-btn {
	min-width: 105px;

	height: 42px;

	border: none;

	border-radius: 6px;

	background: linear-gradient(135deg, #43a84c, #328d3b);

	color: white;

	font-size: 13px;

	font-weight: 600;

	padding: 0 20px;

	transition: 0.2s;
}

.proceed-btn:hover {
	background: linear-gradient(135deg, #399443, #287832);

	transform: translateY(-1px);

	box-shadow: 0 5px 15px rgba(50, 141, 59, 0.2);
}

.proceed-btn i {
	margin-left: 6px;
}

.secure-text {
	margin-top: 9px;

	font-size: 10px;

	color: #94a3b8;
}

/* =========================================FOOTER========================================= */

.portal-footer {
	background: #172b3d;

	color: #cbd5e1;

	padding: 17px 0;

	margin-top: 25px;
}

.footer-text {
	margin: 0;

	font-size: 11px;
}

.footer-links a {
	color: #ffffff;

	text-decoration: none;

	font-size: 11px;

	margin-left: 15px;
}

.footer-links a:hover {
	color: #8fe49b;
}

.footer-separator {
	color: #64748b;

	margin-left: 15px;
}

.fee-section {
	padding: 0 25px 20px;
}

.fee-card {
	border: 1px solid #dfe3e8;

	border-radius: 8px;

	overflow: hidden;

	background: #ffffff;
}

.fee-card-header {
	background: linear-gradient(135deg, #ffc94d, #f4b82f);

	color: #263238;

	padding: 10px 15px;

	text-align: center;

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 0.1px;
}

.fee-card-header i {
	margin-right: 6px;
}

.fee-content {
	padding: 18px;
}

/* =====================================================
           PAYMENT SUMMARY
        ===================================================== */

.summary-box {
	background: #f8fafc;

	border: 1px solid #e5e7eb;

	border-radius: 8px;

	padding: 14px 18px;

	margin-bottom: 15px;
}

.summary-row {
	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 7px 0;

	border-bottom: 1px dashed #dfe3e8;
}

.summary-row:last-child {
	border-bottom: none;

	padding-bottom: 0;
}

.summary-label {
	font-size: 12px;

	color: #64748b;
}

.summary-label i {
	width: 18px;

	color: #7b8794;
}

.summary-value {
	font-size: 12px;

	font-weight: 600;

	color: #334155;
}

.amount-row {
	background: #eef9f0;

	margin: 5px -8px -5px;

	padding: 11px 8px !important;

	border-radius: 6px;

	border: none !important;
}

.amount-row .summary-label {
	color: #276b32;

	font-weight: 600;
}

.amount-row .summary-value {
	color: #238b38;

	font-size: 16px;
}

/* =====================================================
           NO DETAILS / INITIAL STATE
        ===================================================== */

.empty-state {
	text-align: center;

	padding: 28px 15px;

	color: #64748b;
}

.empty-icon {
	width: 48px;

	height: 48px;

	margin: 0 auto 12px;

	border-radius: 50%;

	background: #f1f5f9;

	color: #64748b;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 18px;
}

.empty-state h3 {
	margin: 0 0 5px;

	font-size: 14px;

	font-weight: 600;

	color: #334155;
}

.empty-state p {
	margin: 0;

	font-size: 11px;
}

/* =====================================================
           PRINT RECEIPT
        ===================================================== */

.receipt-section {
	text-align: center;

	padding: 5px 25px 28px;
}

.receipt-btn {
	min-width: 175px;

	height: 40px;

	border: none;

	border-radius: 6px;

	background: #287bb8;

	color: #ffffff;

	font-size: 12px;

	font-weight: 600;

	padding: 0 18px;

	transition: 0.2s;
}

.receipt-btn:hover {
	background: #216a9f;

	transform: translateY(-1px);

	box-shadow: 0 5px 15px rgba(40, 123, 184, 0.2);
}

.receipt-btn i {
	margin-right: 7px;
}

.receipt-help {
	margin-top: 8px;

	font-size: 10px;

	color: #94a3b8;
}

/* =====================================================
           SECURITY NOTE
        ===================================================== */

.security-note {
	margin: 0 25px 25px;

	padding: 11px 14px;

	background: #f0f8ff;

	border: 1px solid #d6eaf7;

	border-radius: 7px;

	display: flex;

	align-items: center;

	gap: 9px;

	color: #456579;

	font-size: 10px;
}

.security-note i {
	color: #287bb8;

	font-size: 13px;
}

/* =====================================================
           FOOTER
        ===================================================== */

.portal-footer {
	background: #172b3d;

	color: #cbd5e1;

	padding: 17px 0;

	margin-top: 25px;
}

.footer-text {
	margin: 0;

	font-size: 11px;
}

.footer-links a {
	color: #ffffff;

	text-decoration: none;

	font-size: 11px;

	margin-left: 15px;

	transition: 0.2s;
}

.footer-links a:hover {
	color: #8fe49b;
}

.footer-separator {
	color: #64748b;

	margin-left: 15px;
}

/* =====================================================
           MOBILE
        ===================================================== */

@media (max-width: 767px) {
	.portal-header {
		height: auto;

		padding: 10px 0;
	}

	.header-logo {
		max-width: 125px;

		max-height: 38px;
	}

	.college-logo {
		max-width: 85px;

		max-height: 42px;
	}

	.payu-logo {
		max-width: 72px;

		max-height: 38px;
	}

	.main-section {
		padding: 20px 10px;
	}

	.page-heading h1 {
		font-size: 27px;
	}

	.registration-section,
	.fee-section,
	.receipt-section {
		padding-left: 15px;

		padding-right: 15px;
	}

	.submit-btn {
		width: 100%;

		margin-top: 5px;
	}

	.summary-row {
		align-items: flex-start;

		gap: 10px;
	}

	.summary-value {
		text-align: right;
	}

	.security-note {
		margin-left: 15px;

		margin-right: 15px;
	}

	.footer-links {
		margin-top: 8px;

		text-align: left !important;
	}

	.footer-links a {
		margin-left: 0;

		margin-right: 10px;
	}

	.footer-separator {
		display: none;
	}
}

/* =====================================================
           PRINT
        ===================================================== */

@media print {
	.portal-header,
	.portal-footer,
	.registration-section,
	.receipt-section,
	.security-note {
		display: none !important;
	}

	body {
		background: #ffffff;
	}

	.main-section {
		padding: 0;
	}

	.payment-card {
		box-shadow: none;

		border: none;
	}
}

/* =========================================RESPONSIVE========================================= */

@media (max-width: 767px) {
	.portal-header {
		height: auto;

		padding: 10px 0;
	}

	.header-logo {
		max-width: 125px;

		max-height: 38px;
	}

	.college-logo {
		max-width: 85px;

		max-height: 42px;
	}

	.payu-logo {
		max-width: 72px;

		max-height: 38px;
	}

	.main-section {
		padding: 20px 10px;
	}

	.page-heading h1 {
		font-size: 27px;
	}

	.registration-section,
	.details-section,
	.proceed-section {
		padding-left: 15px;

		padding-right: 15px;
	}

	.submit-btn {
		width: 100%;

		margin-top: 5px;
	}

	.certificate-note {
		height: auto;

		min-height: 38px;

		padding: 8px;
	}

	.footer-links {
		margin-top: 8px;

		text-align: left !important;
	}

	.footer-links a {
		margin-left: 0;

		margin-right: 10px;
	}

	.footer-separator {
		display: none;
	}
}

@media (max-width: 767px) {
	.portal-header {
		height: auto;
		padding: 12px 0;
	}

	.header-logo {
		max-width: 125px;
		max-height: 40px;
	}

	.college-logo {
		max-width: 95px;
		max-height: 42px;
	}

	.payu-logo {
		max-width: 75px;
		max-height: 38px;
	}

	.main-section {
		padding-top: 25px;
	}

	.hero-card {
		padding: 25px 18px;
		border-radius: 15px;
	}

	.hero-title {
		font-size: 28px;
	}

	.hero-description {
		font-size: 14px;
	}

	.payment-box {
		padding: 18px;
	}

	.continue-btn {
		width: 100%;
		margin-top: 10px;
	}

	.info-card {
		margin-top: 20px;
	}

	.footer-links {
		margin-top: 10px;
	}

	.footer-links a {
		margin-left: 0;
		margin-right: 12px;
	}

	.footer-divider {
		display: none;
	}
}

.payment-status {
	width: fit-content;

	margin: 0 auto 20px;

	display: flex;

	align-items: center;

	gap: 8px;

	padding: 7px 14px;

	border-radius: 30px;

	background: #edf8ef;

	color: #27843a;

	border: 1px solid #d6efd9;

	font-size: 11px;

	font-weight: 600;
}

.payment-status i {
	font-size: 12px;
}

/* =====================================================
           FEES SECTION
        ===================================================== */

.fees-section {
	padding: 0 30px;
}

.section-title {
	display: flex;

	align-items: center;

	gap: 9px;

	margin-bottom: 10px;

	font-size: 14px;

	font-weight: 700;

	color: #334155;
}

.section-icon {
	width: 30px;

	height: 30px;

	border-radius: 7px;

	background: #edf8ef;

	color: #3c9b45;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 13px;
}

/* =====================================================
           FEES TABLE
        ===================================================== */

.fees-table {
	width: 100%;

	border-collapse: separate;

	border-spacing: 0;

	border: 1px solid #dfe3e8;

	border-radius: 8px;

	overflow: hidden;

	font-size: 12px;
}

.fees-table td {
	padding: 12px 15px;

	border-bottom: 1px solid #e3e7eb;
}

.fees-table tr:last-child td {
	border-bottom: none;
}

.table-header {
	background: linear-gradient(135deg, #ffc94d, #f4b82f);

	color: #263238;

	text-align: center;

	font-size: 12px;

	font-weight: 700;

	padding: 10px 15px !important;
}

.table-subheader {
	background: #f8fafc;

	color: #475569;

	font-size: 11px;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 0.2px;
}

.amount-column {
	text-align: right;
}

.empty-row td {
	height: 18px;

	padding: 5px 15px;

	border-bottom: 1px solid #edf0f2;
}

/* =====================================================
           PAYABLE AMOUNT
        ===================================================== */

.payable-amount-row {
	background: #edf8ef;
}

.payable-amount-row td {
	color: #226e30;

	font-weight: 700;

	font-size: 13px;

	border-bottom: none !important;
}

.payable-amount-row td:last-child {
	color: #238b38;

	font-size: 17px;

	text-align: right;
}

/* =====================================================
           PAYMENT INFORMATION
        ===================================================== */

.payment-info {
	margin: 22px 30px 0;

	padding: 15px;

	border: 1px solid #e2e8f0;

	border-radius: 8px;

	background: #f8fafc;
}

.payment-info-title {
	font-size: 12px;

	font-weight: 700;

	color: #334155;

	margin-bottom: 10px;
}

.payment-info-row {
	display: flex;

	justify-content: space-between;

	gap: 15px;

	padding: 5px 0;
}

.payment-info-label {
	color: #64748b;

	font-size: 11px;
}

.payment-info-value {
	color: #334155;

	font-size: 11px;

	font-weight: 600;

	text-align: right;
}

/* =====================================================
           WARNING
        ===================================================== */

.confirmation-note {
	margin: 18px 30px 0;

	padding: 12px 14px;

	display: flex;

	align-items: flex-start;

	gap: 9px;

	background: #fff8e8;

	border: 1px solid #f1dfad;

	border-radius: 7px;

	color: #765b20;

	font-size: 10px;

	line-height: 1.55;
}

.confirmation-note i {
	color: #d49a16;

	font-size: 13px;

	margin-top: 1px;
}

/* =====================================================
           ACTION BUTTONS
        ===================================================== */

.action-buttons {
	display: flex;

	justify-content: center;

	align-items: center;

	gap: 12px;

	padding: 25px 30px 5px;
}

.back-btn {
	min-width: 100px;

	height: 40px;

	border: 1px solid #cbd5e1;

	border-radius: 6px;

	background: #ffffff;

	color: #475569;

	font-size: 12px;

	font-weight: 600;

	transition: 0.2s;
}

.back-btn:hover {
	background: #f8fafc;

	border-color: #94a3b8;
}

.back-btn i {
	margin-right: 5px;
}

.confirm-btn {
	min-width: 155px;

	height: 40px;

	border: none;

	border-radius: 6px;

	background: linear-gradient(135deg, #43a84c, #328d3b);

	color: #ffffff;

	font-size: 12px;

	font-weight: 600;

	padding: 0 20px;

	transition: 0.2s;
}

.confirm-btn:hover {
	background: linear-gradient(135deg, #399443, #287832);

	transform: translateY(-1px);

	box-shadow: 0 6px 16px rgba(50, 141, 59, 0.22);
}

.confirm-btn i {
	margin-right: 7px;
}

.payment-security {
	text-align: center;

	margin-top: 9px;

	font-size: 10px;

	color: #94a3b8;
}

.payment-security i {
	color: #43a84c;

	margin-right: 4px;
}

/* =====================================================
           FOOTER
        ===================================================== */

.portal-footer {
	background: #172b3d;

	color: #cbd5e1;

	padding: 17px 0;

	margin-top: 25px;
}

.footer-text {
	margin: 0;

	font-size: 11px;
}

.footer-links a {
	color: #ffffff;

	text-decoration: none;

	font-size: 11px;

	margin-left: 15px;

	transition: 0.2s;
}

.footer-links a:hover {
	color: #8fe49b;
}

.footer-separator {
	color: #64748b;

	margin-left: 15px;
}

/* =====================================================
           MOBILE
        ===================================================== */

@media (max-width: 767px) {
	.portal-header {
		height: auto;

		padding: 10px 0;
	}

	.header-logo {
		max-width: 125px;

		max-height: 38px;
	}

	.college-logo {
		max-width: 85px;

		max-height: 42px;
	}

	.payu-logo {
		max-width: 72px;

		max-height: 38px;
	}

	.main-section {
		padding: 20px 10px;
	}

	.page-heading {
		padding-top: 22px;
	}

	.page-heading h1 {
		font-size: 26px;
	}

	.fees-section {
		padding: 0 15px;
	}

	.payment-info,
	.confirmation-note {
		margin-left: 15px;

		margin-right: 15px;
	}

	.action-buttons {
		padding-left: 15px;

		padding-right: 15px;
	}

	.back-btn,
	.confirm-btn {
		flex: 1;

		min-width: 0;
	}

	.payment-info-row {
		align-items: flex-start;
	}

	.footer-links {
		margin-top: 8px;

		text-align: left !important;
	}

	.footer-links a {
		margin-left: 0;

		margin-right: 10px;
	}

	.footer-separator {
		display: none;
	}
}