.crsu-portal {
	font-family: Poppins, sans-serif, Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 1.45;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	max-width: 100vw;
	background: #fff;
}

.crsu-headermain {
	width: 100%;
	background: linear-gradient(-45deg, #287b92, #0c3040, #287b92, #15425d);
	background-size: 400% 400%;
	animation: crsu-gradient 15s ease infinite;
	box-shadow: 0 5px 15px #1445578f;
	padding: 8px 18px;
	box-sizing: border-box;
}

@keyframes crsu-gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.crsu-empheader {
	display: flex;
	align-items: center;
	max-width: 1100px;
	margin: 0 auto;
}

.crsu-logo-wrap {
	display: flex;
	align-items: center;
	gap: 14px;
}

.crsu-logo,
.crsu-logo-fallback {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #fff;
	object-fit: contain;
}

.crsu-logo-fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: #287b92;
	font-size: 14px;
}

.crsu-heading-text h1 {
	margin: 0;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.4px;
	font-family: Poppins, sans-serif;
}

.crsu-est {
	margin: 2px 0 0;
	color: #fff;
	font-size: 11px;
	font-weight: 400;
}

.crsu-search-stage {
	min-height: 420px;
	background-color: #1a4c58;
	background-image:
		radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.08) 0 2px, transparent 3px),
		linear-gradient(180deg, rgba(20, 67, 85, 0.35), rgba(12, 48, 64, 0.55)),
		url("../images/result-bg.svg");
	background-size: auto, cover, cover;
	background-position: center;
	background-repeat: repeat, no-repeat, no-repeat;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 120px 16px 140px;
	box-sizing: border-box;
}

.crsu-search-box {
	width: 490px;
	max-width: 100%;
	background: #307d94d9;
	border-radius: 5px;
	padding: 18px 16px 16px;
	box-sizing: border-box;
}

.crsu-search-table {
	width: 100%;
	border-collapse: collapse;
}

.crsu-fieldname {
	color: #ffffff;
	padding-top: 3px;
	font-size: 14px;
	font-weight: 500;
	width: 42%;
	white-space: nowrap;
}

.crsu-search-box input[type="text"] {
	height: 30px;
	width: 100%;
	max-width: 268px;
	border: 1px solid #bebebe;
	background: #fff;
	padding: 2px 8px;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	box-sizing: border-box;
}

.crsu-enroll-hint {
	color: #eaf7fb;
	font-size: 11px;
	margin: 10px 0 4px 0;
}

.crsu-actions {
	margin-top: 12px;
	text-align: center;
}

.crsu-logbutt {
	background: #ffac00 none repeat scroll 0 0 !important;
	border: medium none;
	border-radius: 5px;
	color: #fff !important;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	margin: 0 6px;
	padding: 5px 14px 6px;
	font-family: Poppins, sans-serif;
	text-decoration: none !important;
	display: inline-block;
	line-height: 1.4;
}

.crsu-logbutt:hover {
	background: #e09a00 !important;
	color: #fff !important;
}

.crsu-error {
	color: #fff;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
}

.crsu-loginfooter {
	background: #ececec;
	text-align: center;
	padding: 10px;
	color: #666;
	font-size: 12px;
	font-weight: 600;
}

.crsu-result-stage {
	background: url("../images/result-bg.svg") center / cover no-repeat #145065;
	padding: 28px 12px 50px;
}

.crsu-popupbox {
	background: #fff;
	border: 15px solid #497298;
	border-radius: 10px;
	max-width: 900px;
	margin: 0 auto;
	padding: 16px 18px 24px;
	position: relative;
	box-sizing: border-box;
}

.crsu-result-brand {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d7e2ea;
	padding-bottom: 10px;
}

.crsu-result-brand img {
	width: 70px;
	height: 70px;
	object-fit: contain;
}

.crsu-result-brand h2 {
	margin: 0;
	color: #0e0f0f;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

.crsu-result-brand p {
	margin: 2px 0 0;
	color: #333;
}

.crsu-exam-title {
	color: #3169a5 !important;
	font-weight: 600;
}

.crsu-new-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 8px;
}

.crsu-new-table h3 {
	margin: 8px 0;
	font-size: 16px;
	color: #287b92;
	font-weight: 600;
}

.crsu-new-table td,
.crsu-new-table th {
	font-size: 12px;
	padding: 6px 8px;
	border-bottom: 1px solid #ebebeb;
	vertical-align: middle;
}

.crsu-new-table .vtext {
	color: #333;
	font-weight: 600;
	text-align: right;
	width: 22%;
	white-space: nowrap;
}

.crsu-new-table .colon {
	width: 2%;
	text-align: center;
	font-weight: 600;
}

.crsu-th th {
	background: #3169a5;
	color: #fff;
	font-weight: 600;
	text-align: center;
	border: 1px solid #275685;
}

.crsu-marks-table td {
	text-align: center;
	border: 1px solid #d5d5d5;
}

.crsu-marks-table td:nth-child(2) {
	text-align: left;
}

.crsu-grand td {
	background: #eef5fb;
	font-weight: 700;
}

.crsu-photo {
	position: absolute;
	top: 90px;
	right: 28px;
}

.crsu-photo img {
	width: 90px;
	height: 110px;
	object-fit: cover;
	border: 1px solid #497298;
	background: #fff;
}

.crsu-percent {
	font-size: 14px;
	margin: 12px 0;
}

.crsu-pdf-wrap {
	margin: 18px 0 6px;
	text-align: center;
}

.crsu-pdf-link {
	display: inline-block;
	background: #265b92;
	color: #fff !important;
	padding: 8px 18px;
	border-radius: 5px;
	font-weight: 600;
	text-decoration: none !important;
	font-size: 14px;
}

.crsu-pdf-link:hover {
	background: #1d4874;
	color: #fff !important;
}

.crsu-back {
	text-align: center;
}

.crsu-back a {
	color: #3169a5;
	font-weight: 600;
}

@media (max-width: 700px) {
	.crsu-heading-text h1 {
		font-size: 15px;
	}
	.crsu-search-stage {
		padding-top: 60px;
	}
	.crsu-photo {
		position: static;
		text-align: right;
		margin: 8px 0;
	}
	.crsu-new-table .vtext {
		white-space: normal;
		text-align: left;
	}
	.crsu-popupbox {
		border-width: 8px;
	}
}