.school-hero {
			background: linear-gradient(135deg, #16243E 0%, #1f6f8b 55%, #00952b 100%);
			padding: 70px 0;
			color: #fff;
			position: relative;
			overflow: hidden;
			min-height: 850px; /* banner height */
			display: flex;
			align-items: flex-end;
		}
		
		.school-hero .container {
			position: relative;
			z-index: 3;
			padding-bottom: 80px; /* bottom spacing */
		}
		
		.school-hero .col-lg-8 {
			position: absolute;
			bottom: -250px;
			left: 0;
		}
	
		.school-hero h1 {
			font-size: 60px;
			font-weight: 800;
			margin-bottom: 18px;
			text-align: left;
			margin: 0;
		}
	
		.school-hero p {
			font-size: 22px;
			line-height: 1.7;
			max-width: 600px;
			margin-bottom: 28px;
			text-align: left;
			margin: 0;
		}
	
		.btn-school-primary {
			display: inline-block;
			background: #ff9f1c;
			color: #fff !important;
			padding: 12px 24px;
			border-radius: 5px;
			font-weight: 700;
			text-decoration: none;
			transition: 0.3s ease;
		}
	
		.btn-school-primary:hover {
			background: #f28c00;
			color: #fff !important;
		}
	
		.btn-school-secondary {
			display: inline-block;
			background: #00952b;
			color: #fff !important;
			padding: 12px 24px;
			border-radius: 5px;
			font-weight: 700;
			text-decoration: none;
			transition: 0.3s ease;
			margin-left: 10px;
		}
	
		.btn-school-secondary:hover {
			background: #007a22;
			color: #fff !important;
		}
	
		/* HERO SLIDER */
		.school-hero-slider {
			display: block !important;
			position: relative;
		}
	
		.school-hero-slider .school-hero {
			min-height: 650px;
			display: flex;
			align-items: center;
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			background-color: #000; /* empty space black */
			position: relative;
			overflow: hidden;
			padding: 0;
		}
	
		.school-hero-slider .school-hero::before {
			content: "";
			position: absolute;
			inset: 0;
			background: rgba(0,0,0,0.30);
			z-index: 1;
		}
	
		.school-hero-slider .school-hero::after {
			display: none;
		}
	
		.school-hero-slider .school-hero .container {
			position: relative;
			z-index: 2;
			padding-left: 90px;
			padding-right: 90px;
		}
	
		.school-hero-slider .school-hero h1,
		.school-hero-slider .school-hero p,
		.school-hero-slider .school-hero span {
			color: #fff !important;
		}
	
		.school-hero-slider .school-hero h1 {
			text-shadow: 2px 2px 10px rgba(0,0,0,.45);
		}
	
		.school-hero-slider .school-hero p,
		.school-hero-slider .school-hero span {
			text-shadow: 1px 1px 8px rgba(0,0,0,.4);
		}
	
		.slide1 { background: url('/assets/img/school/1.png') center center/cover no-repeat; }
		.slide2 { background: url('/assets/img/school/2.png') center center/cover no-repeat; }
		.slide3 { background: url('/assets/img/school/3.png') center center/cover no-repeat; }
		.slide4 { background: url('/assets/img/school/4.png') center center/cover no-repeat; }
		.slide5 { background: url('/assets/img/school/5.png') center center/cover no-repeat; }
		.slide6 { background: url('/assets/img/school/6.png') center center/cover no-repeat; }
	
		.school-hero-slider .owl-nav {
			position: absolute;
			top: 50%;
			width: 100%;
			transform: translateY(-50%);
			z-index: 3;
			margin-top: 0;
		}
	
		.school-hero-slider .owl-nav button.owl-prev,
		.school-hero-slider .owl-nav button.owl-next {
			position: absolute;
			width: 50px;
			height: 50px;
			border-radius: 50% !important;
			background: rgba(255,255,255,0.25) !important;
			color: #fff !important;
			font-size: 24px !important;
			transition: 0.3s;
		}
	
		.school-hero-slider .owl-nav button.owl-prev {
			left: 25px;
		}
	
		.school-hero-slider .owl-nav button.owl-next {
			right: 25px;
		}
	
		.school-hero-slider .owl-nav button:hover {
			background: #ff9f1c !important;
			color: #16243E !important;
		}
	
		.school-hero-slider .owl-dots {
			position: absolute;
			bottom: 25px;
			width: 100%;
			text-align: center;
			z-index: 3;
		}
	
		.school-section-title {
			font-size: 30px;
			font-weight: 800;
			color: #16243E;
			margin-bottom: 15px;
		}
	
		.school-section-subtitle {
			font-size: 16px;
			color: #555;
			margin-bottom: 35px;
			max-width: 100%;
		}
		
		.school-section-subtitle2 {
			font-size: 16px;
			color: #555;
			margin-bottom: 35px;
			max-width: 100%;
			text-align: center !important;
		}
	
		.school-card {
			height: 100%;
			background: #fff;
			border-radius: 10px;
			padding: 24px;
			box-shadow: 0 10px 25px rgba(0,0,0,0.08);
			transition: 0.3s ease;
			border-top: 4px solid #00952b;
		}
	
		.school-card:hover {
			transform: translateY(-6px);
			box-shadow: 0 20px 40px rgba(0,0,0,0.14);
		}
	
		.school-icon {
			width: 58px;
			height: 58px;
			background: #eaf7ee;
			color: #00952b;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			font-size: 26px;
			margin-bottom: 18px;
		}
	
		.school-card h4 {
			color: #16243E;
			font-size: 20px;
			font-weight: 700;
			margin-bottom: 12px;
		}
	
		.school-card p {
			color: #555;
			line-height: 1.7;
			margin-bottom: 0;
		}
	
		.scorecard-box {
			background: #f5fbff;
			border-radius: 12px;
			padding: 28px;
			border: 1px solid #dceef7;
		}
	
		.score-item {
			background: #fff;
			border-radius: 8px;
			padding: 16px;
			margin-bottom: 14px;
			border-left: 4px solid #ff9f1c;
			box-shadow: 0 6px 16px rgba(0,0,0,0.05);
		}
	
		.score-item h5 {
			color: #16243E;
			font-weight: 700;
			margin-bottom: 6px;
		}
		
		.about-school-content {
			background: #fff;
			padding: 30px;
			border-left: 5px solid #00952b;
			border-radius: 14px;
			box-shadow: 0 10px 28px rgba(0,0,0,0.08);
		}
		
		.award-image-box img {
			width: 100%;
			border-radius: 16px !important;
			object-fit: cover;
			box-shadow: 0 16px 38px rgba(0,0,0,0.14) !important;
		}
		
		.mb-50 {
			margin-bottom: 50px;
		}
	
		.award-level {
			background: #16243E;
			color: #fff;
			padding: 26px;
			border-radius: 12px;
			height: 100%;
		}
	
		.award-level h4 {
			color: #fff;
			font-weight: 800;
			margin-bottom: 18px;
		}
		
		.award-level-list {
			padding-left: 20px;
			margin: 10px 0 0;
		}
		
		.award-level-list li {
			margin-bottom: 8px;
			color: #555;
			line-height: 1.6;
		}
	
		.award-badge {
			display: inline-block;
			padding: 7px 14px;
			border-radius: 30px;
			font-weight: 700;
			margin: 4px;
			font-size: 14px;
		}
	
		.bronze {
			background: #cd7f32;
			color: #fff;
		}
	
		.silver {
			background: #c0c0c0;
			color: #16243E;
		}
	
		.gold {
			background: #d4af37;
			color: #16243E;
		}
	
		.resource-card {
			background: #fff;
			border-radius: 10px;
			padding: 22px;
			height: 100%;
			border: 1px solid #e5e5e5;
			transition: 0.3s ease;
		}
	
		.resource-card:hover {
			border-color: #00952b;
			box-shadow: 0 12px 28px rgba(0,0,0,0.08);
		}
	
		.resource-card h4 {
			font-size: 19px;
			color: #16243E;
			font-weight: 700;
			margin-bottom: 10px;
		}
	
		.resource-card a {
			display: inline-block;
			margin-top: 12px;
			color: #ff9f1c;
			font-weight: 700;
			text-decoration: none;
		}
	
		.timeline-box {
			background: #fff;
			padding: 22px;
			border-radius: 10px;
			box-shadow: 0 8px 22px rgba(0,0,0,0.07);
			height: 100%;
			border-left: 4px solid #00952b;
		}
	
		.timeline-box h4 {
			color: #16243E;
			font-weight: 700;
			margin-bottom: 8px;
		}
	
		.nomination-box {
			background: linear-gradient(135deg, #00952b 0%, #16243E 100%);
			color: #fff;
			border-radius: 12px;
			padding: 38px;
			text-align: center;
		}
	
		.nomination-box h3 {
			color: #fff;
			font-weight: 800;
			margin-bottom: 15px;
		}
	
		.nomination-box p {
			max-width: 780px;
			margin: 0 auto 25px;
			line-height: 1.7;
		}
	
		.stats-card {
			background: #fff;
			border-radius: 10px;
			padding: 22px;
			text-align: center;
			box-shadow: 0 8px 22px rgba(0,0,0,0.08);
			height: 100%;
		}
	
		.stats-card h3 {
			color: #00952b;
			font-weight: 800;
			font-size: 34px;
			margin-bottom: 6px;
		}
	
		.stats-card p {
			color: #16243E;
			font-weight: 600;
			margin-bottom: 0;
		}
	
		.testimonial-card {
			background: #f8f9fa;
			border-radius: 10px;
			padding: 24px;
			height: 100%;
			border-left: 4px solid #ff9f1c;
		}
	
		.testimonial-card p {
			font-style: italic;
			color: #444;
			line-height: 1.7;
		}
	
		.testimonial-card h5 {
			color: #16243E;
			font-weight: 700;
			margin-top: 15px;
		}
	
		.awardsticky {
			position: fixed;
			right: 20px;
			bottom: 25px;
			z-index: 999;
			background: #ff9f1c;
			color: #16243E;
			padding: 12px 18px;
			border-radius: 40px;
			font-weight: 800;
			box-shadow: 0 8px 25px rgba(0,0,0,0.25);
			text-decoration: none;
		}
	
		.awardsticky:hover {
			background: #00952b;
			color: #fff;
		}
	
		@media(max-width: 767px) {
			.school-hero {
				padding: 45px 0;
			}
	
			.school-hero-slider .school-hero {
				min-height: 500px;
			}
	
			.school-hero-slider .school-hero .container {
				padding-left: 55px;
				padding-right: 55px;
			}
	
			.school-hero h1,
			.school-hero-slider .school-hero h1 {
				font-size: 30px;
			}
	
			.school-hero p,
			.school-hero-slider .school-hero p {
				font-size: 16px;
			}
	
			.btn-school-secondary {
				margin-left: 0;
				margin-top: 10px;
			}
	
			.school-section-title {
				font-size: 25px;
			}
	
			.school-hero-slider .owl-nav button.owl-prev {
				left: 10px;
			}
	
			.school-hero-slider .owl-nav button.owl-next {
				right: 10px;
			}
	
			.school-hero-slider .owl-nav button.owl-prev,
			.school-hero-slider .owl-nav button.owl-next {
				width: 40px;
				height: 40px;
				font-size: 18px !important;
			}
		}
		
		.award-image-box img{
			width: 100%;
			border-radius: 12px;
			object-fit: cover;
			box-shadow: 0 15px 35px rgba(0,0,0,0.12);
		}
		
		.col-lg-5th {
			flex: 0 0 20%;
			max-width: 20%;
		}
		
		.recognise-card {
			position: relative;
			background: #fff;
			border-radius: 14px;
			padding: 28px 20px 24px;
			text-align: center;
			height: 100%;
			min-height: 325px;
			border-top: 4px solid;
			box-shadow: 0 8px 22px rgba(0,0,0,0.12);
			transition: 0.3s ease;
		}
		
		.recognise-card:hover {
			transform: translateY(-6px);
			box-shadow: 0 16px 35px rgba(0,0,0,0.18);
		}
		
		.recognise-number {
			position: absolute;
			top: 14px;
			left: 14px;
			width: 36px;
			height: 36px;
			border-radius: 50%;
			color: #fff;
			font-size: 22px;
			font-weight: 800;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.recognise-icon {
			width: 115px;
			height: 115px;
			margin: 0 auto 18px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.recognise-icon i {
			font-size: 54px;
		}
		
		.recognise-icon img{
			width: 70px;
			height: 70px;
			object-fit: contain;
		}
		
		.recognise-card h4 {
			font-size: 18px;
			font-weight: 800;
			color: #070b3f;
			line-height: 1.2;
			margin-bottom: 14px;
		}
		
		.recognise-line {
			border-top: 2px dashed;
			margin: 0 auto 16px;
			width: 100%;
		}
		
		.recognise-card p {
			font-size: 14px;
			line-height: 1.55;
			color: #10143f;
			margin-bottom: 0;
			text-align: center !important;
		}
		
		/* Colors */
		.recognise-green { border-color: #20a51f; }
		.recognise-green .recognise-number { background: #20a51f; }
		.recognise-green .recognise-icon { background: #dff3dc; color: #0b7926; }
		.recognise-green .recognise-line { border-color: #20a51f; }
		
		.recognise-orange { border-color: #ff3d00; }
		.recognise-orange .recognise-number { background: #ff3d00; }
		.recognise-orange .recognise-icon { background: #ffe3bd; color: #ff3d00; }
		.recognise-orange .recognise-line { border-color: #ff3d00; }
		
		.recognise-pink { border-color: #f00557; }
		.recognise-pink .recognise-number { background: #f00557; }
		.recognise-pink .recognise-icon { background: #ffdbe8; color: #f00557; }
		.recognise-pink .recognise-line { border-color: #f00557; }
		
		.recognise-blue { border-color: #1264d8; }
		.recognise-blue .recognise-number { background: #1264d8; }
		.recognise-blue .recognise-icon { background: #d8e9ff; color: #1264d8; }
		.recognise-blue .recognise-line { border-color: #1264d8; }
		
		.recognise-purple { border-color: #8a16ad; }
		.recognise-purple .recognise-number { background: #8a16ad; }
		.recognise-purple .recognise-icon { background: #ead9f7; color: #8a16ad; }
		.recognise-purple .recognise-line { border-color: #8a16ad; }
		
		.recognise-teal { border-color: #00a6a6; }
		.recognise-teal .recognise-number { background: #00a6a6; }
		.recognise-teal .recognise-icon { background: #d7f5f5; color: #00a6a6; }
		.recognise-teal .recognise-line { border-color: #00a6a6; }
		
		.recognise-red { border-color: #ff1717; }
		.recognise-red .recognise-number { background: #ff1717; }
		.recognise-red .recognise-icon { background: #ffe1d6; color: #ff1717; }
		.recognise-red .recognise-line { border-color: #ff1717; }
		
		.recognise-yellow { border-color: #f5a400; }
		.recognise-yellow .recognise-number { background: #f5a400; }
		.recognise-yellow .recognise-icon { background: #fff0c7; color: #f5a400; }
		.recognise-yellow .recognise-line { border-color: #f5a400; }
		
		@media(max-width: 991px) {
			.col-lg-5th {
				flex: 0 0 50%;
				max-width: 50%;
			}
		}
		
		@media(max-width: 575px) {
			.col-lg-5th {
				flex: 0 0 100%;
				max-width: 100%;
			}
		}
		
		.school-category-box {
			margin-top: 30px;
		}
		
		.category-header {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			margin-bottom: 15px;
			font-size: 18px;
		}
		
		.category-title {
			font-weight: 800;
			color: #16243E;
			margin-right: 20px;
		}
		
		.category-title::after {
			content: ":";
			margin-left: 15px;
		}
		
		.category-desc {
			color: #333;
			font-weight: 500;
		}
		
		.category-table {
			border: 1px solid #ddd;
			overflow: hidden;
		}
		
		.category-row {
			display: flex;
			border-bottom: 1px solid #ddd;
		}
		
		.category-row:last-child {
			border-bottom: none;
		}
		
		.category-head {
			background: #16243E;
			color: #fff;
			font-weight: 700;
		}
		
		.category-col {
			padding: 14px 16px;
			border-right: 1px solid #ddd;
			font-size: 15px;
			line-height: 1.5;
		}
		
		.category-col:last-child {
			border-right: none;
		}
		
		.group-col {
			width: 15%;
			text-align: center;
			background: #f3f6fb;
		}
		
		.name-col {
			width: 27%;
		}
		
		.desc-col {
			width: 58%;
		}
		
		@media(max-width:767px) {
			.category-row {
				flex-direction: column;
			}
		
			.group-col,
			.name-col,
			.desc-col {
				width: 100%;
			}
		
			.category-col {
				border-right: none;
				border-bottom: 1px solid #ddd;
			}
		}
		
		.award-prize-section {
			background: #f6f9ff;
			border-radius: 18px;
			padding: 45px 25px 25px;
		}
		
		.award-small-title {
			display: inline-block;
			background: #fff2cc;
			color: #9b6a00;
			padding: 7px 18px;
			border-radius: 30px;
			font-weight: 800;
			margin-bottom: 12px;
		}
		
		.premium-award-card {
			position: relative;
			background: #fff;
			border-radius: 18px;
			padding: 28px 20px 24px;
			height: 100%;
			min-height: 430px;
			text-align: center;
			overflow: hidden;
			box-shadow: 0 14px 35px rgba(0,0,0,0.10);
			transition: 0.3s ease;
			border: 1px solid #e8e8e8;
		
			display: flex;
			flex-direction: column;
		}
		
		.premium-award-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 22px 45px rgba(0,0,0,0.16);
		}
		
		.award-rank {
			position: absolute;
			top: 15px;
			left: 15px;
			width: 48px;
			height: 48px;
			border-radius: 50%;
			color: #fff;
			font-size: 20px;
			font-weight: 900;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.award-medal {
			width: 92px;
			height: 92px;
			border-radius: 50%;
			margin: 18px auto 22px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
		}
		
		.award-medal i {
			font-size: 42px;
		}
		
		.premium-award-card h4 {
			font-size: 17px;
			font-weight: 900;
			line-height: 1.35;
			color: #10204f;
			min-height: 75px;
			margin-bottom: 12px;
		}
		
		.premium-award-card .tier {
			font-size: 15px;
			font-weight: 700;
			color: #333;
			min-height: 50px;
			margin-bottom: 15px;
			text-align: center !important;
		}
		
		.award-count {
			background: #f7f9fc;
			border-radius: 10px;
			padding: 12px;
			font-weight: 800;
			color: #10204f;
			margin-bottom: 14px;
			min-height: 62px;
		
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.award-prize {
			border-radius: 30px;
			padding: 10px 14px;
			font-weight: 800;
			font-size: 14px;
			min-height: 48px;
			margin-top: auto;
		
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		/* Gold */
		.gold-award {
			border-top: 5px solid #d4af37;
		}
		
		.gold-award .award-rank,
		.gold-award .award-prize {
			background: #d4af37;
			color: #16243E;
		}
		
		.gold-award .award-medal {
			background: #fff3bf;
			color: #b78900;
		}
		
		/* Silver */
		.silver-award {
			border-top: 5px solid #9ca3af;
		}
		
		.silver-award .award-rank,
		.silver-award .award-prize {
			background: #9ca3af;
			color: #fff;
		}
		
		.silver-award .award-medal {
			background: #edf2f7;
			color: #6b7280;
		}
		
		/* Bronze */
		.bronze-award {
			border-top: 5px solid #cd7f32;
		}
		
		.bronze-award .award-rank,
		.bronze-award .award-prize {
			background: #cd7f32;
			color: #fff;
		}
		
		.bronze-award .award-medal {
			background: #ffe6cc;
			color: #a85f20;
		}
		
		/* Certificate */
		.certificate-award {
			border-top: 5px solid #2563eb;
		}
		
		.certificate-award .award-rank,
		.certificate-award .award-prize {
			background: #2563eb;
			color: #fff;
		}
		
		.certificate-award .award-medal {
			background: #dbeafe;
			color: #2563eb;
		}
		
		@media(max-width:767px) {
			.award-prize-section {
				padding: 30px 15px 10px;
			}
		
			.premium-award-card {
				min-height: auto;
			}
		}
		
		.award-note-box {
			background: #eef9e8;
			border-bottom: 4px solid #f5c58b;
			padding: 12px 18px;
			text-align: center;
			border-radius: 4px;
			margin-top: 20px;
		}
		
		.award-note-box p {
			margin: 0;
			font-size: 14px;
			color: #111;
			line-height: 1.6;
		}
		
		.award-note-box strong {
			font-weight: 800;
		}
		
		.how-apply-section {
			background: linear-gradient(135deg, #f5fbff 0%, #eef8f1 100%);
		}
		
		.apply-tag {
			display: inline-block;
			background: #ff9f1c;
			color: #16243E;
			padding: 8px 20px;
			border-radius: 30px;
			font-weight: 800;
		}
		
		.apply-timeline-card {
			height: 100%;
			background: #16243E;
			border-radius: 18px;
			padding: 28px 24px;
			position: relative;
			overflow: hidden;
		}
		
		.apply-timeline-card::before {
			content: "";
			position: absolute;
			left: 48px;
			top: 45px;
			bottom: 45px;
			width: 3px;
			background: rgba(255,255,255,0.25);
		}
		
		.apply-timeline-step {
			position: relative;
			display: flex;
			align-items: center;
			gap: 16px;
			margin-bottom: 26px;
			z-index: 1;
		}
		
		.apply-timeline-step:last-child {
			margin-bottom: 0;
		}
		
		.apply-timeline-step span {
			width: 48px;
			height: 48px;
			background: #ff9f1c;
			color: #16243E;
			border-radius: 50%;
			font-weight: 900;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 4px solid #fff;
			flex-shrink: 0;
		}
		
		.apply-timeline-step p {
			color: #fff;
			font-weight: 700;
			margin: 0;
			line-height: 1.4;
			text-align: left !Important;
		}
		
		.apply-info-card {
			height: 100%;
			background: #fff;
			border-radius: 18px;
			padding: 32px;
			box-shadow: 0 15px 40px rgba(0,0,0,0.10);
			border-top: 5px solid #00952b;
		}
		
		.apply-info-card h4 {
			color: #16243E;
			font-weight: 900;
			margin-bottom: 24px;
		}
		
		.apply-info-item {
			display: flex;
			gap: 18px;
			margin-bottom: 22px;
		}
		
		.apply-info-icon {
			width: 52px;
			height: 52px;
			background: #eaf7ee;
			color: #00952b;
			border-radius: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 22px;
			flex-shrink: 0;
		}
		
		.apply-info-item h5 {
			color: #16243E;
			font-weight: 800;
			margin-bottom: 6px;
		}
		
		.apply-info-item p {
			color: #555;
			margin: 0;
			line-height: 1.6;
		}
		
		.apply-address-box {
			background: #f5fbff;
			border-left: 5px solid #ff9f1c;
			padding: 18px 20px;
			border-radius: 12px;
			margin-top: 8px;
		}
		
		.apply-address-box h5 {
			color: #16243E;
			font-weight: 800;
			margin-bottom: 8px;
		}
		
		.apply-address-box p {
			margin: 0;
			color: #333;
			line-height: 1.6;
		}
		
		.apply-deadline {
			background: linear-gradient(135deg, #00952b, #16243E);
			color: #fff;
			padding: 15px 20px;
			border-radius: 12px;
			font-weight: 700;
			margin-top: 20px;
			text-align: center;
		}
		
		.apply-deadline strong {
			color: #ff9f1c;
		}
		
		.payment-modern-card {
			background: #fff;
			border-radius: 18px;
			padding: 30px;
			box-shadow: 0 15px 40px rgba(0,0,0,0.10);
			border-top: 5px solid #ff9f1c;
		}
		
		.payment-modern-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 22px;
		}
		
		.payment-modern-header span {
			color: #00952b;
			font-weight: 800;
		}
		
		.payment-modern-header h4 {
			color: #16243E;
			font-weight: 900;
			margin: 5px 0 0;
		}
		
		.payment-modern-header i {
			font-size: 46px;
			color: #ff9f1c;
		}
		
		.bank-detail-box {
			height: 100%;
			background: #f8fafc;
			border: 1px solid #e5e7eb;
			border-radius: 14px;
			padding: 16px;
			transition: 0.3s;
		}
		
		.bank-detail-box:hover {
			border-color: #00952b;
			transform: translateY(-4px);
		}
		
		.bank-detail-box small {
			display: block;
			color: #777;
			font-weight: 700;
			margin-bottom: 6px;
		}
		
		.bank-detail-box strong {
			color: #16243E;
			font-weight: 900;
			line-height: 1.5;
		}
		
		.application-fee-box {
			background: linear-gradient(135deg, #ff9f1c, #ffd36a);
			padding: 14px 18px;
			border-radius: 12px;
			margin-bottom: 18px;
			display: inline-block;
		}
		
		.application-fee-box span {
			display: block;
			font-size: 13px;
			font-weight: 700;
			color: #16243E;
			margin-bottom: 4px;
		}
		
		.application-fee-box strong {
			font-size: 22px;
			font-weight: 900;
			color: #16243E;
		}
		
		.payment-mode-box {
			background: #f5fbff;
			border-left: 5px solid #00952b;
			padding: 18px 20px;
			border-radius: 12px;
			margin-bottom: 25px;
		}
		
		.payment-mode-top {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;
			margin-bottom: 18px;
		}
		
		.payment-mode-box h5 {
			color: #16243E;
			font-weight: 800;
			margin: 0;
		}
		
		.payment-mode-box h5 i {
			color: #ff9f1c;
			margin-right: 8px;
		}
		
		.application-fee-box {
			background: linear-gradient(135deg, #ff9f1c, #ffd36a);
			padding: 12px 18px;
			border-radius: 12px;
			text-align: right;
		}
		
		.application-fee-box span {
			display: block;
			font-size: 12px;
			font-weight: 700;
			color: #16243E;
			margin-bottom: 4px;
		}
		
		.application-fee-box strong {
			font-size: 20px;
			font-weight: 900;
			color: #16243E;
		}
		
		.payment-mode-box p {
			color: #333;
			line-height: 1.7;
			margin: 0;
			text-align: justify;
		}
		
		@media(max-width:767px){
			.payment-mode-top {
				flex-direction: column;
				align-items: flex-start;
			}
		
			.application-fee-box {
				width: 100%;
				text-align: left;
			}
		}
		
		.payment-warning {
			background: #fff7e6;
			border-left: 5px solid #ff9f1c;
			padding: 14px 16px;
			border-radius: 10px;
			margin: 8px 0 0;
			color: #333;
			font-weight: 600;
		}
		
		@media(max-width:767px) {
			.apply-info-card,
			.payment-modern-card {
				padding: 22px;
			}
		
			.payment-modern-header i {
				display: none;
			}
		
			.apply-timeline-card::before {
				left: 47px;
			}
		}
		
		.timeline-top-title {
			text-align: center;
			margin-bottom: 30px;
		}
		
		.timeline-top-title span {
			display: inline-block;
			background: #ff9f1c;
			color: #16243E;
			padding: 10px 22px;
			border-radius: 30px;
			font-weight: 800;
			font-size: 16px;
		}
		
		.apply-guideline-list {
			padding-left: 20px;
			margin-bottom: 15px;
		}
		
		.apply-guideline-list li {
			margin-bottom: 16px;
			line-height: 1.7;
			color: #222;
			font-size: 16px;
		}
		
		.apply-sub-points {
			padding-left: 20px;
			margin-bottom: 15px;
		}
		
		.apply-sub-points p {
			margin-bottom: 18px;
			line-height: 1.8;
			color: #222;
			font-size: 15px;
			text-align: justify;
		}
		
		.text-left {
			text-align: left !important;
		}
		
		.expert-card {
			border-top: 4px solid #16243E;
			transition: 0.35s ease;
			height: 100%;
			text-align: center;
		}
		
		.expert-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 16px 35px rgba(0,0,0,0.12);
		}
		
		.expert-card .school-icon {
			width: 90px;
			height: 90px;
			border-radius: 22px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto 20px;
			transition: 0.35s ease;
		}
		
		.expert-card .school-icon i {
			font-size: 38px;
			color: #fff !important;
		}
		
		.expert-card .fire-icon {
			background: linear-gradient(135deg,#ff4d4d,#cc0000) !important;
		}
		
		.expert-card .health-icon {
			background: linear-gradient(135deg,#2196f3,#0d47a1) !important;
		}
		
		.expert-card .child-icon {
			background: linear-gradient(135deg,#ff4fa3,#d81b60) !important;
		}
		
		.expert-card .education-icon {
			background: linear-gradient(135deg,#7c4dff,#512da8) !important;
		}
		
		.expert-card .principal-icon {
			background: linear-gradient(135deg,#ff9800,#ef6c00) !important;
		}
		
		.expert-card .trainer-icon {
			background: linear-gradient(135deg,#00bcd4,#006064) !important;
		}
		
		.expert-card:hover .school-icon {
			transform: scale(1.08) rotate(-4deg);
		}
		
		.expert-card h4 {
			margin-top: 15px;
			font-size: 20px;
			font-weight: 700;
		}
		
		.expert-card p {
			margin-top: 12px;
			line-height: 1.7;
			color: #555;
		}
		
		.school-icon {
			width: 90px;
			height: 90px;
			border-radius: 24px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto 20px;
			transition: 0.3s ease;
		}
		
		.school-icon {
			width: 90px;
			height: 90px;
			border-radius: 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto 20px;
			transition: 0.3s ease;
		}
		
		.school-icon i {
			font-size: 38px;
			color: #fff;
		}
		
		/* Fire - Red */
		.fire-icon {
			background: linear-gradient(135deg, #ff4d4d, #cc0000);
		}
		
		/* Health - Blue */
		.health-icon {
			background: linear-gradient(135deg, #4facfe, #0066ff);
		}
		
		/* Child Safety - Pink */
		.child-icon {
			background: linear-gradient(135deg, #ff66cc, #cc0066);
		}
		
		/* Education - Purple */
		.education-icon {
			background: linear-gradient(135deg, #9966ff, #6600cc);
		}
		
		/* Principal - Orange */
		.principal-icon {
			background: linear-gradient(135deg, #ffb347, #ff6600);
		}
		
		/* Safety Trainer - Teal */
		.trainer-icon {
			background: linear-gradient(135deg, #00c9a7, #00897b);
		}
		
		.expert-card:hover .school-icon {
			transform: translateY(-5px) scale(1.08);
		}
		
		.expert-card {
			border-top: 4px solid #16243E;
			transition: 0.35s ease;
			height: 100%;
			text-align: center;
		}
		
		.expert-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 16px 35px rgba(0,0,0,0.12);
		}
		
		.school-icon {
			width: 90px;
			height: 90px;
			border-radius: 22px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto 20px;
			transition: 0.35s ease;
		}
		
		.school-icon i {
			font-size: 38px;
			color: #fff !important;
		}
		
		/* Fire */
		.fire-icon {
			background: linear-gradient(135deg,#ff4d4d,#cc0000);
		}
		
		/* Health */
		.health-icon {
			background: linear-gradient(135deg,#2196f3,#0d47a1);
		}
		
		/* Child */
		.child-icon {
			background: linear-gradient(135deg,#ff4fa3,#d81b60);
		}
		
		/* Education */
		.education-icon {
			background: linear-gradient(135deg,#7c4dff,#512da8);
		}
		
		/* Principal */
		.principal-icon {
			background: linear-gradient(135deg,#ff9800,#ef6c00);
		}
		
		/* Trainer */
		.trainer-icon {
			background: linear-gradient(135deg,#00bcd4,#006064);
		}
		
		.expert-card:hover .school-icon {
			transform: scale(1.08) rotate(-4deg);
		}
		
		.expert-card h4 {
			margin-top: 15px;
			font-size: 20px;
			font-weight: 700;
		}
		
		.expert-card p {
			margin-top: 12px;
			line-height: 1.7;
			color: #555;
		}
		
		.dg-section {
			background: linear-gradient(135deg, #f5fbff 0%, #eef8f1 100%);
		}
		
		.dg-wrapper {
			background: #fff;
			border-radius: 22px;
			padding: 38px;
			box-shadow: 0 16px 40px rgba(0,0,0,0.10);
			border-left: 6px solid #00952b;
		}
		
		.dg-content p {
			font-size: 16px;
			line-height: 1.8;
			color: #444;
			text-align: justify;
		}
		
		.dg-profile-card {
			background: linear-gradient(135deg, #16243E, #00952b);
			border-radius: 22px;
			padding: 24px;
			text-align: center;
			color: #fff;
			box-shadow: 0 16px 35px rgba(0,0,0,0.18);
		}
		
		.dg-profile-img {
			background: #fff;
			border-radius: 18px;
			padding: 10px;
			margin-bottom: 18px;
		}
		
		.dg-profile-img img {
			width: 100%;
			border-radius: 14px;
			display: block;
		}
		
		.dg-profile-content h4 {
			color: #fff;
			font-size: 22px;
			font-weight: 800;
			margin-bottom: 6px;
		}
		
		.dg-profile-content p {
			color: #ff9f1c;
			font-weight: 700;
			margin-bottom: 0;
			text-align: center !important;
		}
		
		@media(max-width:767px){
			.dg-wrapper {
				padding: 24px;
			}
		
			.dg-profile-card {
				margin-top: 25px;
			}
		}
		
		.whole-school-approach-section {
			background: #f5fbff;
			padding: 45px 25px 25px;
			border-radius: 20px;
		}
		
		.whole-school-intro-box {
			background: #fff;
			border-left: 5px solid #00952b;
			padding: 22px 26px;
			border-radius: 14px;
			box-shadow: 0 8px 24px rgba(0,0,0,0.08);
		}
		
		.whole-school-intro-box p {
			margin: 0;
			color: #444;
			line-height: 1.8;
			text-align: justify;
		}
		
		.whole-card {
			position: relative;
			background: #fff;
			border-radius: 14px;
			padding: 30px 22px 24px;
			text-align: center;
			height: 100%;
			min-height: 315px;
			border-top: 4px solid;
			box-shadow: 0 8px 22px rgba(0,0,0,0.12);
			transition: 0.3s ease;
		}
		
		.whole-card:hover {
			transform: translateY(-6px);
			box-shadow: 0 16px 35px rgba(0,0,0,0.18);
		}
		
		.whole-number {
			position: absolute;
			top: 14px;
			left: 14px;
			width: 36px;
			height: 36px;
			border-radius: 50%;
			color: #fff;
			font-size: 22px;
			font-weight: 800;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.whole-icon {
			width: 110px;
			height: 110px;
			margin: 0 auto 18px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.whole-icon i {
			font-size: 52px;
		}
		
		.whole-card h4 {
			font-size: 19px;
			font-weight: 800;
			color: #070b3f;
			line-height: 1.25;
			margin-bottom: 14px;
		}
		
		.whole-line {
			border-top: 2px dashed;
			margin: 0 auto 16px;
			width: 100%;
		}
		
		.whole-card p {
			font-size: 15px;
			line-height: 1.6;
			color: #10143f;
			margin-bottom: 0;
			text-align: center !important;
		}
		
		/* Colors */
		.whole-green { border-color: #20a51f; }
		.whole-green .whole-number { background: #20a51f; }
		.whole-green .whole-icon { background: #dff3dc; color: #0b7926; }
		.whole-green .whole-line { border-color: #20a51f; }
		
		.whole-orange { border-color: #ff8500; }
		.whole-orange .whole-number { background: #ff8500; }
		.whole-orange .whole-icon { background: #ffe3bd; color: #ff8500; }
		.whole-orange .whole-line { border-color: #ff8500; }
		
		.whole-blue { border-color: #1264d8; }
		.whole-blue .whole-number { background: #1264d8; }
		.whole-blue .whole-icon { background: #d8e9ff; color: #1264d8; }
		.whole-blue .whole-line { border-color: #1264d8; }
		
		.whole-purple { border-color: #8a16ad; }
		.whole-purple .whole-number { background: #8a16ad; }
		.whole-purple .whole-icon { background: #ead9f7; color: #8a16ad; }
		.whole-purple .whole-line { border-color: #8a16ad; }
		
		.whole-teal { border-color: #00a6a6; }
		.whole-teal .whole-number { background: #00a6a6; }
		.whole-teal .whole-icon { background: #d7f5f5; color: #00a6a6; }
		.whole-teal .whole-line { border-color: #00a6a6; }
		
		.whole-pink { border-color: #d81b60; }
		.whole-pink .whole-number { background: #d81b60; }
		.whole-pink .whole-icon { background: #ffdbe8; color: #d81b60; }
		.whole-pink .whole-line { border-color: #d81b60; }
		
		@media(max-width:767px) {
			.whole-school-approach-section {
				padding: 30px 15px 10px;
			}
		
			.whole-card {
				min-height: auto;
			}
		}
		
		.whole-school-highlight-box {
			background: #fff;
			border-radius: 18px;
			padding: 35px 30px;
			height: 100%;
			min-height: 420px; /* equal height */
			box-shadow: 0 12px 30px rgba(0,0,0,0.08);
			position: relative;
			overflow: hidden;
			transition: 0.35s ease;
		
			display: flex;
			flex-direction: column;
			justify-content: flex-start; /* top se same start */
			align-items: center;
			text-align: center;
		}
		
		.whole-school-highlight-box:hover {
			transform: translateY(-6px);
			box-shadow: 0 18px 35px rgba(0,0,0,0.12);
		}
		
		.left-box {
			border-left: 5px solid #00952b;
		}
		
		.right-box {
			border-right: 5px solid #ff9f1c;
		}
		
		.highlight-icon {
			width: 75px;
			height: 75px;
			min-width: 75px;
			min-height: 75px;
			border-radius: 18px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto 25px;
			font-size: 30px;
			color: #fff;
			flex-shrink: 0;
		}
		
		.left-box .highlight-icon {
			background: linear-gradient(135deg, #00952b, #16243E);
		}
		
		.right-box .highlight-icon {
			background: linear-gradient(135deg, #ff9f1c, #ff6600);
		}
		
		.whole-school-highlight-box h4 {
			min-height: 60px; /* title equal alignment */
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 20px;
		}
		
		.whole-school-highlight-box p {
			font-size: 15px;
			line-height: 1.8;
			color: #444;
			text-align: center !important;
			max-width: 95%;
			margin-bottom: 14px;
		}
		
		@media(max-width:767px) {
			.whole-school-highlight-box {
				padding: 24px;
			}
		}
		
		.sticky-apply-btn {
			position: fixed;
			bottom: 25px;
			left: 50%;
			z-index: 9999;
		
			display: flex;
			gap: 15px;
			align-items: center;
		
			opacity: 0;
			visibility: hidden;
			transform: translateX(-50%) translateY(20px);
			transition: all 0.3s ease;
		}
		
		.sticky-apply-btn.show {
			opacity: 1;
			visibility: visible;
			transform: translateX(-50%) translateY(0);
		}
		
		.sticky-apply-btn a {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 16px 30px;
			border-radius: 50px;
			box-shadow: 0 12px 30px rgba(0,0,0,0.20);
			font-weight: 700;
		}
		
		/* Apply button animation */
		.sticky-apply-btn .btn-school-primary {
			animation: floatBtn 2s ease-in-out infinite;
		}
		
		/* Brochure Button */
		.brochure-btn {
			background: #d32f2f;
			color: #fff;
		}
		
		.brochure-btn:hover {
			background: #b71c1c;
			color: #fff;
		}
		
		/* Floating effect */
		@keyframes floatBtn {
			0%, 100% {
				transform: translateY(0);
			}
			50% {
				transform: translateY(-6px);
			}
		}
		
		/* Mobile */
		@media(max-width:767px) {
			.sticky-apply-btn {
				bottom: 15px;
				width: 92%;
				gap: 10px;
			}
		
			.sticky-apply-btn a {
				flex: 1;
				font-size: 14px;
				padding: 14px 16px;
			}
		}
		
		.eligibility-luxury-section {
			background: linear-gradient(135deg, #f5fbff 0%, #eef8f1 100%);
			padding: 45px 28px;
			border-radius: 24px;
		}
		
		.eligibility-main-card {
			height: 100%;
			background: linear-gradient(135deg, #16243E, #00952b);
			color: #fff;
			border-radius: 22px;
			padding: 34px;
			box-shadow: 0 18px 42px rgba(0,0,0,0.16);
			position: relative;
			overflow: hidden;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		
		.eligibility-main-card::after {
			content: "";
			position: absolute;
			right: -55px;
			top: -55px;
			width: 160px;
			height: 160px;
			background: rgba(255,255,255,0.08);
			border-radius: 50%;
		}
		
		.eligibility-icon {
			width: 78px;
			height: 78px;
			background: #ff9f1c;
			color: #16243E;
			border-radius: 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 34px;
			margin-bottom: 22px;
		}
		
		.eligibility-main-card h4 {
			color: #fff;
			font-weight: 900;
			font-size: 26px;
			margin-bottom: 16px;
		}
		
		.eligibility-main-card p {
			color: #fff;
			line-height: 1.8;
			margin-bottom: 20px;
			text-align: center !Important;
			max-width: 95%;
		}
		
		.eligibility-note {
			background: rgba(255,255,255,0.14);
			border-left: 4px solid #ff9f1c;
			padding: 14px 16px;
			border-radius: 12px;
			font-size: 14px;
			line-height: 1.6;
			text-align: center;
			max-width: 95%;
		}
		
		.eligibility-mini-card {
			height: 100%;
			background: #fff;
			border-radius: 18px;
			padding: 24px;
			box-shadow: 0 12px 30px rgba(0,0,0,0.08);
			border-top: 4px solid #00952b;
			transition: 0.3s ease;
		}
		
		.eligibility-mini-card:hover {
			transform: translateY(-6px);
			box-shadow: 0 18px 38px rgba(0,0,0,0.12);
		}
		
		.eligibility-mini-card span {
			display: inline-flex;
			width: 42px;
			height: 42px;
			background: #ff9f1c;
			color: #16243E;
			border-radius: 50%;
			align-items: center;
			justify-content: center;
			font-weight: 900;
			margin-bottom: 15px;
		}
		
		.eligibility-mini-card h5 {
			color: #16243E;
			font-weight: 800;
			font-size: 18px;
			margin-bottom: 10px;
		}
		
		.eligibility-mini-card p {
			color: #555;
			line-height: 1.6;
			margin-bottom: 0;
		}
		
		.eligibility-category-wrapper {
			background: #fff;
			border-radius: 22px;
			padding: 30px;
			box-shadow: 0 14px 36px rgba(0,0,0,0.10);
			margin-top: 10px;
		}
		
		.category-luxury-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;
			margin-bottom: 25px;
			border-bottom: 1px solid #e5e7eb;
			padding-bottom: 18px;
		}
		
		.category-luxury-header span {
			color: #00952b;
			font-weight: 800;
		}
		
		.category-luxury-header h4 {
			color: #16243E;
			font-weight: 900;
			margin: 5px 0 0;
		}
		
		.category-luxury-header p {
			margin: 0;
			color: #555;
			max-width: 520px;
			text-align: left !important;
		}
		
		.category-luxury-card {
			height: 100%;
			border-radius: 20px;
			padding: 28px;
			position: relative;
			overflow: hidden;
			transition: 0.3s ease;
		}
		
		.category-luxury-card:hover {
			transform: translateY(-6px);
		}
		
		.group-a {
			background: linear-gradient(135deg, #eaf7ee, #ffffff);
			border: 1px solid #bde5c7;
		}
		
		.group-b {
			background: linear-gradient(135deg, #fff7e6, #ffffff);
			border: 1px solid #ffd99b;
		}
		
		.category-badge {
			display: inline-block;
			background: #16243E;
			color: #fff;
			padding: 7px 16px;
			border-radius: 30px;
			font-weight: 800;
			margin-bottom: 18px;
		}
		
		.category-card-icon {
			width: 64px;
			height: 64px;
			border-radius: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 26px;
			margin-bottom: 18px;
		}
		
		.group-a .category-card-icon {
			background: #00952b;
			color: #fff;
		}
		
		.group-b .category-card-icon {
			background: #ff9f1c;
			color: #16243E;
		}
		
		.category-luxury-card h5 {
			color: #16243E;
			font-weight: 900;
			font-size: 20px;
			margin-bottom: 12px;
		}
		
		.category-luxury-card p {
			color: #444;
			line-height: 1.7;
			margin-bottom: 0;
		}
		
		@media(max-width:767px) {
			.eligibility-luxury-section {
				padding: 30px 15px;
			}
		
			.category-luxury-header {
				flex-direction: column;
				align-items: flex-start;
			}
		}
		
		.resource-img {
			width: 261px;
			height: 261px;
			object-fit: cover;
			margin-bottom: 20px;
			border-radius: 8px;
		}
		
		.resource-download-btn {
			display: inline-block;
			margin-top: 15px;
			padding: 10px 24px;
			background: #0b4f8a;
			color: #fff;
			border-radius: 5px;
			font-weight: 600;
			text-decoration: none;
		}
		
		.resource-download-btn:hover {
			background: #083b68;
			color: #fff;
		}
		
		.video-card{
			background:#fff;
			border-radius:20px;
			overflow:hidden;
			box-shadow:0 12px 35px rgba(0,0,0,.08);
			transition:.35s;
			height:100%;
		}
		
		.video-card:hover{
			transform:translateY(-8px);
			box-shadow:0 18px 45px rgba(0,0,0,.15);
		}
		
		.video-frame{
			position:relative;
			padding-top:56.25%;
		}
		
		.video-frame iframe{
			position:absolute;
			inset:0;
			width:100%;
			height:100%;
			border:0;
		}
		
		.video-content{
			padding:22px;
		}
		
		.video-content h5{
			font-size:20px;
			font-weight:800;
			color:#16243E;
			margin-bottom:10px;
			text-align: center;
		}
		
		.video-content p{
			margin:0;
			color:#666;
			line-height:1.7;
		}
		
		.school-video-box {
			position: relative;
			overflow: hidden;
			border-radius: 16px;
			background: #ffffff;
			padding: 8px;
			box-shadow: 0 12px 35px rgba(15, 23, 42, 0.14);
		}
		
		.school-video-box iframe {
			width: 100%;
			height: 100%;
			border: 0;
			border-radius: 11px;
		}
		
		.about-school-content .text-justify {
			text-align: justify;
			line-height: 1.8;
			color: #5f6673;
		}

/* =========================================================
   SCHOOL SAFETY PAGE - RESPONSIVE FIXES
   ========================================================= */

/* Prevent accidental horizontal scrolling from wide children */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

main,
.school-hero-slider,
.school-hero-slider .owl-stage-outer,
.school-hero-slider .owl-stage,
.school-hero-slider .owl-item,
section {
    max-width: 100%;
}

.school-hero-slider *,
.school-hero-slider *::before,
.school-hero-slider *::after,
main *,
main *::before,
main *::after {
    box-sizing: border-box;
}

img,
svg,
video,
iframe {
    max-width: 100%;
}

img {
    height: auto;
}

/* Keep long text, links and values inside their cards */
.school-card,
.scorecard-box,
.score-item,
.about-school-content,
.award-level,
.resource-card,
.timeline-box,
.nomination-box,
.stats-card,
.testimonial-card,
.recognise-card,
.category-col,
.premium-award-card,
.apply-timeline-card,
.apply-info-card,
.payment-modern-card,
.bank-detail-box,
.expert-card,
.dg-wrapper,
.dg-profile-card,
.whole-school-intro-box,
.whole-card,
.whole-school-highlight-box,
.eligibility-main-card,
.eligibility-mini-card,
.eligibility-category-wrapper,
.category-luxury-card,
.video-card,
.school-video-box {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Tablet */
@media (max-width: 991px) {
    .school-hero-slider .school-hero {
        min-height: 520px;
        background-size: cover;
        background-position: center;
    }

    .school-hero-slider .school-hero .container {
        padding-left: 70px;
        padding-right: 70px;
    }

    .school-hero .col-lg-8 {
        position: static;
        bottom: auto;
        left: auto;
        width: 100%;
        max-width: 720px;
    }

    .school-hero .container {
        padding-bottom: 0;
    }

    .school-hero h1,
    .school-hero-slider .school-hero h1 {
        font-size: 42px;
        line-height: 1.15;
    }

    .eligibility-luxury-section,
    .whole-school-approach-section,
    .award-prize-section {
        max-width: 100%;
    }
}

/* Mobile */
@media (max-width: 767px) {
    html,
    body {
        width: 100%;
        overflow-x: hidden !important;
    }

    .container,
    .container-fluid {
        max-width: 100%;
    }

    /* Hero */
    .school-hero,
    .school-hero-slider .school-hero {
        min-height: 430px;
        height: auto;
        padding: 55px 0 70px;
        align-items: center;
        background-size: cover !important;
        background-position: center center !important;
    }

    .school-hero-slider .school-hero .container {
        width: 100%;
        padding-left: 52px;
        padding-right: 52px;
        padding-bottom: 0;
    }

    .school-hero .col-lg-8,
    .school-hero-slider .school-hero .col-lg-8 {
        position: static !important;
        inset: auto !important;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .school-hero h1,
    .school-hero-slider .school-hero h1 {
        font-size: clamp(28px, 8vw, 36px);
        line-height: 1.15;
        margin-bottom: 14px;
        overflow-wrap: normal;
        word-break: normal;
    }

    .school-hero p,
    .school-hero-slider .school-hero p {
        font-size: 15px;
        line-height: 1.55;
        max-width: 100%;
        margin-bottom: 0;
    }

    .school-hero-slider .owl-nav button.owl-prev,
    .school-hero-slider .owl-nav button.owl-next {
        width: 36px;
        height: 36px;
        font-size: 16px !important;
    }

    .school-hero-slider .owl-nav button.owl-prev {
        left: 7px;
    }

    .school-hero-slider .owl-nav button.owl-next {
        right: 7px;
    }

    .school-hero-slider .owl-dots {
        bottom: 14px;
    }

    /* Common typography and spacing */
    .school-section-title {
        font-size: 25px;
        line-height: 1.25;
    }

    .school-section-subtitle,
    .school-section-subtitle2 {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 24px;
    }

    .school-card,
    .scorecard-box,
    .about-school-content,
    .resource-card,
    .timeline-box,
    .testimonial-card,
    .apply-info-card,
    .payment-modern-card,
    .eligibility-main-card,
    .eligibility-mini-card,
    .category-luxury-card {
        padding: 20px;
    }

    .nomination-box,
    .dg-wrapper,
    .eligibility-category-wrapper {
        padding: 22px 18px;
    }

    /* Flexible custom grids */
    .col-lg-5th {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .recognise-card,
    .whole-card,
    .premium-award-card,
    .whole-school-highlight-box {
        min-height: 0;
        height: auto;
    }

    /* Category table becomes stacked cards */
    .category-table {
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }

    .category-row {
        width: 100%;
        flex-direction: column;
    }

    .group-col,
    .name-col,
    .desc-col {
        width: 100% !important;
    }

    .category-col {
        width: 100%;
        padding: 12px 14px;
        border-right: 0;
        white-space: normal;
    }

    /* Application timeline */
    .apply-timeline-card {
        padding: 22px 16px;
    }

    .apply-timeline-card::before {
        left: 38px;
        top: 40px;
        bottom: 40px;
    }

    .apply-timeline-step {
        gap: 12px;
        align-items: flex-start;
    }

    .apply-timeline-step span {
        width: 44px;
        height: 44px;
        min-width: 44px;
    }

    .apply-timeline-step p {
        padding-top: 7px;
        font-size: 14px;
        overflow-wrap: anywhere;
    }

    /* Payment */
    .payment-modern-header,
    .payment-mode-top,
    .category-luxury-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .payment-modern-header i {
        display: none;
    }

    .application-fee-box {
        width: 100%;
        text-align: left;
    }

    .bank-detail-box strong {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* DG/profile and highlight blocks */
    .dg-wrapper {
        border-left-width: 4px;
    }

    .dg-profile-card {
        margin-top: 22px;
    }

    .whole-school-approach-section,
    .eligibility-luxury-section,
    .award-prize-section {
        padding-left: 14px;
        padding-right: 14px;
        border-radius: 14px;
    }

    .whole-school-highlight-box {
        padding: 22px 18px;
    }

    .whole-school-highlight-box h4 {
        min-height: 0;
    }

    .left-box,
    .right-box {
        border-right: 0;
        border-left: 4px solid #00952b;
    }

    .right-box {
        border-left-color: #ff9f1c;
    }

    /* Resources and media */
    .resource-img {
        display: block;
        width: min(100%, 261px);
        height: auto;
        aspect-ratio: 1 / 1;
        margin-left: auto;
        margin-right: auto;
    }

    .resource-download-btn,
    .btn-school-primary,
    .btn-school-secondary {
        max-width: 100%;
        white-space: normal;
        text-align: center;
    }

    .school-video-box iframe,
    .video-frame iframe {
        max-width: 100%;
    }

    /* Sticky action buttons: stack to avoid viewport overflow */
    .sticky-apply-btn {
        left: 50%;
        bottom: 10px;
        width: calc(100% - 24px);
        max-width: 440px;
        gap: 8px;
        flex-direction: column;
        align-items: stretch;
    }

    .sticky-apply-btn a {
        width: 100%;
        flex: none;
        font-size: 13px;
        line-height: 1.3;
        padding: 11px 14px;
    }

    /* Fixed legacy award button */
    .awardsticky {
        right: 10px;
        bottom: 12px;
        max-width: calc(100% - 20px);
        padding: 10px 14px;
        font-size: 13px;
    }
}

/* Small phones */
@media (max-width: 575px) {
    .school-hero,
    .school-hero-slider .school-hero {
        min-height: 390px;
        padding-top: 45px;
        padding-bottom: 60px;
    }

    .school-hero-slider .school-hero .container {
        padding-left: 44px;
        padding-right: 44px;
    }

    .school-hero h1,
    .school-hero-slider .school-hero h1 {
        font-size: 28px;
    }

    .school-hero p,
    .school-hero-slider .school-hero p {
        font-size: 14px;
    }

    .recognise-card,
    .whole-card,
    .premium-award-card,
    .eligibility-mini-card,
    .category-luxury-card {
        padding-left: 16px;
        padding-right: 16px;
    }

    .recognise-icon,
    .whole-icon {
        width: 90px;
        height: 90px;
    }

    .recognise-icon i,
    .whole-icon i {
        font-size: 42px;
    }

    .eligibility-main-card h4 {
        font-size: 22px;
    }

    .category-luxury-header h4 {
        font-size: 21px;
    }
}

/* Extra-small phones */
@media (max-width: 380px) {
    .school-hero-slider .school-hero .container {
        padding-left: 39px;
        padding-right: 39px;
    }

    .school-hero h1,
    .school-hero-slider .school-hero h1 {
        font-size: 25px;
    }

    .sticky-apply-btn {
        width: calc(100% - 16px);
    }
}

/* =========================================================
   PERIODICALS PAGE STYLES
   ========================================================= */

:root {
            --periodical-navy: #16243E;
            --periodical-green: #00952b;
            --periodical-orange: #ff9f1c;
            --periodical-light: #f5fbff;
            --periodical-soft: #eef8f1;
            --periodical-text: #444;
            --periodical-border: #e2e9ef;
        }

        .periodical-page {
            color: var(--periodical-text);
        }

        .periodical-page p,
        .periodical-page li,
        .periodical-page td,
        .periodical-page th {
            line-height: 1.7;
        }

        .periodical-page .tp-about-area {
            padding-top: 70px !important;
            padding-bottom: 70px !important;
            background: linear-gradient(180deg, #fff 0%, var(--periodical-light) 100%);
        }

        /* Top covers */
        .periodical-page .tp-about-area .container > div > .row:first-child {
            padding: 30px;
            margin-bottom: 35px !important;
            border-radius: 22px;
            background: linear-gradient(135deg, var(--periodical-light), var(--periodical-soft));
            box-shadow: 0 14px 38px rgba(15,35,60,.08);
        }

        .periodical-page .tp-about-area .container > div > .row:first-child .col-md-4 {
            margin-bottom: 20px;
        }

        .periodical-page .tp-about-area .container > div > .row:first-child .text-center {
            height: 100%;
            padding: 20px;
            border-radius: 18px;
            background: #fff;
            border-top: 4px solid var(--periodical-green);
            box-shadow: 0 12px 28px rgba(15,35,60,.10);
            transition: all .3s ease;
        }

        .periodical-page .tp-about-area .container > div > .row:first-child .text-center:hover {
            transform: translateY(-6px);
            box-shadow: 0 18px 38px rgba(15,35,60,.15);
        }

        .periodical-page .tp-about-area .container > div > .row:first-child img {
            width: 100%;
            max-width: 270px;
            height: 350px;
            object-fit: contain;
            display: block;
            margin: 0 auto;
            border-radius: 10px;
        }

        /* Intro content */
        .periodical-page .tp-about-area .container > div > .row:first-child + p {
            margin: 0 !important;
            padding: 28px 28px 12px;
            border-radius: 20px 20px 0 0;
            border-left: 6px solid var(--periodical-green);
            background: #fff;
            box-shadow: 0 15px 40px rgba(15,35,60,.09);
        }

        .periodical-page .tp-about-area .container > div > .row:first-child + p + ul {
            list-style: none;
            padding: 0 28px 26px !important;
            margin: 0 0 38px !important;
            border-radius: 0 0 20px 20px;
            border-left: 6px solid var(--periodical-green);
            background: #fff;
            box-shadow: 0 15px 40px rgba(15,35,60,.09);
        }

        .periodical-page .tp-about-area .container > div > .row:first-child + p + ul li {
            position: relative;
            padding: 12px 14px 12px 42px;
            margin-bottom: 10px;
            border: 1px solid #edf1f5;
            border-radius: 10px;
            background: #f8fafc;
        }

        .periodical-page .tp-about-area .container > div > .row:first-child + p + ul li::before {
            content: "058";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            left: 15px;
            top: 13px;
            color: var(--periodical-green);
        }

        /* Main tab cards */
        .periodical-page .periodical-section-card {
            margin-bottom: 42px;
            overflow: hidden;
            border-radius: 22px;
            background: #fff;
            box-shadow: 0 16px 42px rgba(15,35,60,.10);
        }

        .periodical-page .periodical-section-card .nav-tabs {
            padding: 20px 20px 0;
            border-bottom: 0;
            background: #fff;
        }

        .periodical-page .periodical-section-card .nav-item {
            width: 100%;
        }

        .periodical-page .periodical-section-card .nav-link {
            width: 100%;
            padding: 16px 22px;
            border: 0;
            border-radius: 14px 14px 0 0;
            background: var(--periodical-navy);
            color: #fff;
            text-align: left;
            font-size: 19px;
            font-weight: 800;
        }

        .periodical-page .periodical-section-card .nav-link.active {
            background: var(--periodical-navy);
            color: #fff;
        }

        .periodical-page .periodical-section-card .tab-content {
            border: 0;
            background: #fff !important;
        }

        .periodical-page .periodical-section-card .tab-pane {
            padding: 30px !important;
        }

        /* Featured covers inside sections */
        .periodical-page .periodical-section-card .row .text-center img {
            width: 100%;
            max-width: 330px;
            max-height: 430px;
            object-fit: contain;
            padding: 18px;
            border-radius: 18px;
            background: linear-gradient(135deg, var(--periodical-navy), #1f6f8b);
            box-shadow: 0 14px 34px rgba(15,35,60,.14);
        }

        .periodical-page .periodical-section-card h4 {
            color: var(--periodical-navy);
            font-size: 24px;
            font-weight: 800;
            margin: 28px 0 15px;
        }

        /* Tables */
        .periodical-page .periodical-section-card table {
            width: 100%;
            margin: 24px 0;
            overflow: hidden;
            border-radius: 16px;
            border-collapse: separate;
            border-spacing: 0;
            box-shadow: 0 12px 30px rgba(15,35,60,.09);
        }

        .periodical-page .periodical-section-card table th,
        .periodical-page .periodical-section-card table td {
            padding: 15px 18px;
            vertical-align: middle;
            border-color: var(--periodical-border) !important;
        }

        .periodical-page .periodical-section-card table thead th {
            background: var(--periodical-navy);
            color: #fff;
            font-weight: 800;
            text-align: center;
        }

        .periodical-page .periodical-section-card table tbody tr:nth-child(even) td {
            background: #f8fafc;
        }

        .periodical-page .periodical-section-card table tbody tr:hover td {
            background: #eef8f1;
        }

        .periodical-page .periodical-section-card table tbody td:first-child {
            color: var(--periodical-navy);
            font-weight: 700;
        }

        /* Buttons */
        .periodical-page .periodical-section-card .btn {
            min-height: 50px;
            padding: 12px 20px;
            margin: 6px !important;
            border: 0;
            border-radius: 10px;
            font-weight: 800;
            transition: all .25s ease;
        }

        .periodical-page .periodical-section-card .btn-success {
            background: var(--periodical-green);
            color: #fff;
        }

        .periodical-page .periodical-section-card .btn-warning {
            background: var(--periodical-orange);
            color: var(--periodical-navy);
        }

        .periodical-page .periodical-section-card .btn-primary {
            background: var(--periodical-navy);
            color: #fff;
        }

        .periodical-page .periodical-section-card .btn:hover {
            background: var(--periodical-navy);
            color: #fff;
            transform: translateY(-3px);
            box-shadow: 0 10px 24px rgba(22,36,62,.20);
        }

        /* Contact */
        .periodical-page .periodical-contact-card {
            margin-top: 38px !important;
            padding: 34px;
            border-radius: 20px;
            text-align: center;
            background: linear-gradient(135deg, var(--periodical-green), var(--periodical-navy));
            box-shadow: 0 15px 40px rgba(15,35,60,.15);
        }

        .periodical-page .periodical-contact-card h3 {
            color: #fff;
            font-weight: 800;
        }

        .periodical-page .periodical-contact-card .btn {
            background: #fff;
            color: var(--periodical-navy);
        }

        .periodical-page .periodical-contact-card .btn:hover {
            background: var(--periodical-orange);
            color: var(--periodical-navy);
        }

        @media (max-width: 991px) {
            .periodical-page .periodical-section-card .row .text-center img {
                margin-top: 20px;
            }
        }

        @media (max-width: 767px) {
            .periodical-page .tp-about-area {
                padding-top: 48px !important;
                padding-bottom: 48px !important;
            }

            .periodical-page .tp-about-area .container > div > .row:first-child {
                padding: 20px;
                border-radius: 16px;
            }

            .periodical-page .periodical-section-card {
                border-radius: 16px;
            }

            .periodical-page .periodical-section-card .tab-pane {
                padding: 20px !important;
            }

            .periodical-page .periodical-section-card .nav-tabs {
                padding: 14px 14px 0;
            }

            .periodical-page .periodical-section-card .nav-link {
                font-size: 17px;
            }

            .periodical-page .periodical-section-card table th,
            .periodical-page .periodical-section-card table td {
                padding: 12px;
                font-size: 14px;
            }

            .periodical-page .periodical-contact-card {
                padding: 26px 18px;
            }

            .periodical-page .periodical-contact-card .btn {
                display: block;
                width: 100%;
            }
        }

/* Extra responsive fixes */
@media (max-width: 767px) {
  html, body { overflow-x: hidden; }
  .periodical-page, .periodical-page * { box-sizing: border-box; }
  .periodical-page .container { width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; }
  .periodical-page .breadcrumb__area { padding-top: 30px !important; padding-bottom: 30px !important; }
  .periodical-page .breadcrumb__title { font-size: 28px; line-height: 1.2; }
  .periodical-page .tp-about-area .container > div > .row:first-child { margin-left: 0; margin-right: 0; padding: 15px; }
  .periodical-page .tp-about-area .container > div > .row:first-child .col-md-4 { padding-left: 0; padding-right: 0; }
  .periodical-page .tp-about-area .container > div > .row:first-child img { height: auto; max-height: 340px; }
  .periodical-page .tp-about-area .container > div > .row:first-child + p { padding: 20px 18px 10px; }
  .periodical-page .tp-about-area .container > div > .row:first-child + p + ul { padding: 0 18px 20px !important; margin-left: 0 !important; margin-right: 0 !important; }
  .periodical-page .tp-about-area .container > div > .row:first-child + p + ul li { padding: 10px 12px 10px 36px; }
  .periodical-page .periodical-section-card .nav-link { padding: 14px 16px; white-space: normal; line-height: 1.35; }
  .periodical-page .periodical-section-card .tab-pane { padding: 16px !important; }
  .periodical-page .periodical-section-card h4 { font-size: 21px; line-height: 1.35; }
  .periodical-page .periodical-section-card .row > [class*="col-"] { width: 100%; max-width: 100%; }
  .periodical-page .periodical-section-card .row .text-center img { max-width: 100%; max-height: none; height: auto; padding: 12px; }
  .periodical-page .periodical-section-card table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
  .periodical-page .periodical-section-card table th,
  .periodical-page .periodical-section-card table td { min-width: 150px; }
  .periodical-page .periodical-section-card .btn { display: block; width: 100%; margin: 8px 0 !important; white-space: normal; height: auto; }
  .periodical-page .periodical-contact-card { margin-top: 24px !important; padding: 22px 16px; }
  .periodical-page .periodical-contact-card h3 { font-size: 22px; margin-bottom: 18px !important; }
  .periodical-page .periodical-contact-card .btn { word-break: break-word; }
  .periodical-page p, .periodical-page li { font-size: 15px; }
}

@media (max-width: 479px) {
  .periodical-page .container { padding-left: 12px; padding-right: 12px; }
  .periodical-page .tp-about-area { padding-top: 35px !important; padding-bottom: 35px !important; }
  .periodical-page .tp-about-area .container > div > .row:first-child { padding: 12px; border-radius: 14px; }
  .periodical-page .tp-about-area .container > div > .row:first-child .text-center { padding: 12px; }
  .periodical-page .periodical-section-card { border-radius: 14px; }
  .periodical-page .periodical-section-card .nav-tabs { padding: 10px 10px 0; }
  .periodical-page .periodical-section-card .nav-link { font-size: 16px; }
  .periodical-page .periodical-section-card .tab-pane { padding: 14px !important; }
}

/* =========================================================
   MERGED PAGE STYLES - NSC content pages
   Common styles are included once to reduce duplicate CSS.
   ========================================================= */

/* Shared NSC revamp pages */
:root {
            --nsc-navy: #16243E;
            --nsc-green: #00952b;
            --nsc-orange: #ff9f1c;
            --nsc-light: #f5fbff;
            --nsc-soft-green: #eef8f1;
            --nsc-text: #444;
            --nsc-border: #e4eaf0;
        }

        .nsc-revamp-page {
            color: var(--nsc-text);
        }

        .nsc-revamp-page p,
        .nsc-revamp-page li,
        .nsc-revamp-page td {
            line-height: 1.75;
        }

        .nsc-content-section {
            padding: 70px 0;
            background: linear-gradient(180deg, #ffffff 0%, var(--nsc-light) 100%);
        }

        .nsc-main-card {
            background: #fff;
            border-radius: 22px;
            padding: 34px;
            border-left: 6px solid var(--nsc-green);
            box-shadow: 0 16px 42px rgba(15, 35, 60, 0.10);
        }

        .nsc-split-row {
            align-items: stretch;
        }

        .nsc-copy-panel,
        .nsc-image-panel {
            height: 100%;
        }

        .nsc-copy-panel {
            display: flex;
            flex-direction: column;
        }

        .nsc-image-panel {
            overflow: hidden;
            border-radius: 18px;
            background: #eef3f7;
            box-shadow: 0 16px 38px rgba(15, 35, 60, 0.15);
        }

        .nsc-image-panel img {
            width: 100%;
            height: 100%;
            min-height: 390px;
            display: block;
            object-fit: cover;
        }

        .nsc-section-heading {
            color: var(--nsc-navy);
            font-size: 21px;
            font-weight: 800;
            margin: 24px 0 12px;
        }

        .nsc-section-heading:first-child {
            margin-top: 0;
        }

        .nsc-list {
            list-style: none;
            padding-left: 0;
            margin-left: 0 !important;
        }

        .nsc-list li {
            position: relative;
            padding: 12px 14px 12px 42px;
            margin-bottom: 10px;
            border: 1px solid #edf1f5;
            border-radius: 10px;
            background: #f8fafc;
        }

        .nsc-list li::before {
            content: "\f058";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            left: 15px;
            top: 13px;
            color: var(--nsc-green);
        }

        .nsc-download-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
            margin-top: 25px;
        }

        .nsc-download-grid.single {
            grid-template-columns: 1fr;
        }

        .nsc-download-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 58px;
            padding: 13px 18px;
            border: 0;
            border-radius: 11px;
            background: var(--nsc-green);
            color: #fff !important;
            font-weight: 800;
            text-align: center;
            text-decoration: none !important;
            transition: all 0.25s ease;
        }

        .nsc-download-btn:hover {
            background: var(--nsc-navy);
            transform: translateY(-3px);
            box-shadow: 0 10px 24px rgba(22, 36, 62, 0.22);
        }

        .nsc-inline-link {
            color: var(--nsc-green);
            font-weight: 800;
            text-decoration: none;
        }

        .nsc-inline-link:hover {
            color: var(--nsc-orange);
        }

        .nsc-estore-wrap {
            margin-top: 34px;
            text-align: center;
        }

        .nsc-estore-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            padding: 15px 30px;
            border-radius: 50px;
            background: var(--nsc-orange);
            color: var(--nsc-navy) !important;
            font-weight: 900;
            text-decoration: none !important;
            box-shadow: 0 12px 28px rgba(255, 159, 28, 0.32);
            transition: all 0.25s ease;
        }

        .nsc-estore-btn:hover {
            background: var(--nsc-green);
            color: #fff !important;
            transform: translateY(-4px);
        }

        .nsc-contact-card {
            margin-top: 42px;
            padding: 34px;
            border-radius: 20px;
            text-align: center;
            background: linear-gradient(135deg, var(--nsc-green), var(--nsc-navy));
            box-shadow: 0 15px 40px rgba(15, 35, 60, 0.15);
        }

        .nsc-contact-card h3 {
            color: #fff;
            font-weight: 800;
            margin-bottom: 24px;
        }

        .nsc-contact-links {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 14px;
        }

        .nsc-contact-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            padding: 13px 22px;
            border-radius: 9px;
            background: #fff;
            color: var(--nsc-navy) !important;
            font-weight: 800;
            text-decoration: none !important;
            transition: all 0.25s ease;
        }

        .nsc-contact-link:hover {
            background: var(--nsc-orange);
            transform: translateY(-3px);
        }

        .nsc-info-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px;
            margin: 28px 0;
        }

        .nsc-info-card {
            height: 100%;
            padding: 24px;
            border-radius: 16px;
            background: #fff;
            border-top: 4px solid var(--nsc-green);
            box-shadow: 0 10px 28px rgba(15, 35, 60, 0.08);
        }

        .nsc-info-card h4 {
            color: var(--nsc-navy);
            font-size: 20px;
            font-weight: 800;
            margin-bottom: 14px;
        }

        .nsc-calendar-layout {
            margin-top: 28px;
            padding: 28px;
            border-radius: 20px;
            background: linear-gradient(135deg, var(--nsc-light), var(--nsc-soft-green));
            border: 1px solid #dcebe2;
        }

        .nsc-table-card {
            margin-top: 28px;
            overflow: hidden;
            border-radius: 18px;
            background: #fff;
            box-shadow: 0 14px 36px rgba(15, 35, 60, 0.10);
        }

        .nsc-modern-table {
            width: 100%;
            margin: 0;
            border-collapse: separate;
            border-spacing: 0;
        }

        .nsc-modern-table td {
            padding: 17px 18px;
            vertical-align: middle;
            border-color: #e3e9ef !important;
        }

        .nsc-modern-table tr:nth-child(even) td {
            background: #f8fafc;
        }

        .nsc-modern-table tr:hover td {
            background: #eef8f1;
        }

        .nsc-modern-table td:first-child {
            color: var(--nsc-navy);
            font-weight: 700;
        }

        .nsc-modern-table a {
            color: var(--nsc-green);
            font-weight: 800;
            text-decoration: none;
        }

        .nsc-modern-table a:hover {
            color: var(--nsc-orange);
        }

        .nsc-reading-card {
            padding: 34px;
            border-radius: 22px;
            background: #fff;
            border-left: 6px solid var(--nsc-green);
            box-shadow: 0 16px 42px rgba(15, 35, 60, 0.10);
        }

        .nsc-book-copy-box {
            margin-top: 28px;
            padding: 24px;
            border-radius: 16px;
            background: linear-gradient(135deg, var(--nsc-light), var(--nsc-soft-green));
            border: 1px solid #dcebe2;
        }

        .nsc-book-copy-box strong {
            color: var(--nsc-navy);
            font-size: 19px;
        }

        @media (max-width: 991px) {
            .nsc-image-panel {
                margin-top: 24px;
            }

            .nsc-image-panel img {
                min-height: 310px;
            }
        }

        @media (max-width: 767px) {
            .nsc-content-section {
                padding: 48px 0;
            }

            .nsc-main-card,
            .nsc-reading-card {
                padding: 22px;
                border-radius: 16px;
            }

            .nsc-download-grid,
            .nsc-info-grid {
                grid-template-columns: 1fr;
            }

            .nsc-contact-card {
                padding: 26px 18px;
            }

            .nsc-contact-link {
                width: 100%;
            }

            .nsc-modern-table td {
                display: block;
                width: 100%;
                border-right: 0 !important;
            }

            .nsc-modern-table tr {
                display: block;
                border-bottom: 2px solid #dfe7ee;
            }
        }

/* national-safety-day-week-campaigns.aspx */
:root {
            --nsd-navy: #16243E;
            --nsd-green: #00952b;
            --nsd-orange: #ff9f1c;
            --nsd-light: #f5fbff;
            --nsd-soft-green: #eef8f1;
            --nsd-text: #444;
            --nsd-border: #e4eaf0;
        }

        .nsd-page {
            color: var(--nsd-text);
        }

        .nsd-page p,
        .nsd-page li {
            line-height: 1.75;
        }

        .nsd-page .tp-about-area {
            background: linear-gradient(180deg, #fff 0%, var(--nsd-light) 100%);
            padding-top: 70px !important;
            padding-bottom: 70px !important;
        }

        .nsd-intro-row,
        .nsd-method-row,
        .nsd-promo-row {
            background: #fff;
            border-radius: 22px;
            padding: 28px;
            box-shadow: 0 16px 42px rgba(15,35,60,.10);
            margin-bottom: 45px !important;
        }

        .nsd-intro-row {
            border-left: 6px solid var(--nsd-green);
        }

        .nsd-method-row {
            border-right: 6px solid var(--nsd-orange);
        }

        .nsd-heading {
            color: var(--nsd-navy);
            font-size: 28px;
            font-weight: 800;
            margin-bottom: 16px !important;
        }

        .nsd-subheading {
            color: var(--nsd-navy);
            font-size: 20px;
            font-weight: 800;
            margin-top: 22px;
            margin-bottom: 12px !important;
        }

        .nsd-page .nsd-intro-row ul,
        .nsd-page .nsd-method-row ul {
            list-style: none;
            margin-left: 0 !important;
            padding-left: 0;
        }

        .nsd-page .nsd-intro-row li,
        .nsd-page .nsd-method-row li {
            position: relative;
            padding: 12px 14px 12px 42px;
            margin-bottom: 10px;
            border: 1px solid #edf1f5;
            border-radius: 10px;
            background: #f8fafc;
        }

        .nsd-page .nsd-intro-row li::before,
        .nsd-page .nsd-method-row li::before {
            content: "\f058";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            left: 15px;
            top: 13px;
            color: var(--nsd-green);
        }

        .nsd-page .nsd-method-row img {
			width: 100%;
			height: 100%;
			min-height: 390px;
			object-fit: cover;
			border-radius: 18px;
			box-shadow: 0 14px 34px rgba(15,35,60,.15);
		}

        .nsd-section-label {
            display: inline-block;
            padding: 8px 18px;
            margin: 4px 0 18px;
            border-radius: 30px;
            background: #fff0d5;
            color: #9b5d00;
            font-size: 15px;
            font-weight: 800;
        }

        .nsd-page .nav-tabs {
            gap: 10px;
            border-bottom: 0;
            margin-bottom: 20px;
        }

        .nsd-page .nav-tabs .nav-item {
            flex: 1 1 190px;
        }

        .nsd-page .nav-tabs .nav-link {
            width: 100%;
            min-height: 54px;
            padding: 13px 18px;
            border: 1px solid #dfe7ee;
            border-radius: 12px;
            color: var(--nsd-navy);
            background: #f7f9fc;
            font-weight: 800;
            transition: .25s ease;
        }

        .nsd-page .nav-tabs .nav-link:hover {
            border-color: var(--nsd-green);
            color: var(--nsd-green);
        }

        .nsd-page .nav-tabs .nav-link.active {
            border-color: var(--nsd-navy);
            background: var(--nsd-navy);
            color: #fff;
            box-shadow: 0 8px 20px rgba(22,36,62,.22);
        }

        .nsd-page .tab-content {
            border: 1px solid #e2ebf0;
            border-radius: 16px;
            background: linear-gradient(135deg, #f6faff, #f1f8f3) !important;
            padding: 10px;
        }

        .nsd-page .tab-content .tab-pane {
            padding: 20px !important;
        }

        .nsd-page .tab-content ul {
            margin: 0 !important;
            padding-left: 24px;
        }

        .nsd-page .tab-content li {
            margin-bottom: 10px;
        }

        .nsd-activities-box {
            padding: 30px;
            margin: 35px 0 45px;
            background: #fff;
            border-radius: 22px;
            border-top: 5px solid var(--nsd-green);
            box-shadow: 0 15px 40px rgba(15,35,60,.09);
        }

        .nsd-promo-row {
            border-top: 5px solid var(--nsd-orange);
        }

        .nsd-promo-row .col-md-7 {
            padding: 10px 25px 10px 15px;
        }

        .nsd-promo-row .col-md-5 img {
            width: 100%;
            height: 100%;
            min-height: 510px;
            object-fit: cover;
            border-radius: 16px;
            padding: 12px;
            background: linear-gradient(135deg, var(--nsd-navy), #1f6f8b);
            box-shadow: 0 15px 36px rgba(15,35,60,.16);
        }

        .nsd-page .d-grid.gap-4 {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px !important;
            margin-top: 24px;
        }

        .nsd-page .d-grid.gap-4 .btn {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 58px;
            border: 0;
            border-radius: 10px;
            background: var(--nsd-green);
            color: #fff;
            font-weight: 800;
            transition: .25s ease;
        }

        .nsd-page .d-grid.gap-4 .btn:hover {
            background: var(--nsd-navy);
            transform: translateY(-3px);
            box-shadow: 0 10px 24px rgba(22,36,62,.22);
        }

        .nsd-page hr {
            margin: 42px 0;
            border-color: #dfe7ee;
            opacity: 1;
        }

        .nsd-page .wrapper {
            margin-top: 10px;
        }

        .nsd-page .estorebtn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 15px 30px;
            border-radius: 50px;
            background: var(--nsd-orange);
            color: var(--nsd-navy) !important;
            font-weight: 900;
            text-decoration: none;
            box-shadow: 0 12px 28px rgba(255,159,28,.32);
            transition: .25s ease;
        }

        .nsd-page .estorebtn:hover {
            background: var(--nsd-green);
            color: #fff !important;
            transform: translateY(-4px);
        }

        .nsd-page .text-center.mt-50 {
            margin-top: 42px !important;
            padding: 34px;
            border-radius: 20px;
            background: linear-gradient(135deg, var(--nsd-green), var(--nsd-navy));
            box-shadow: 0 15px 40px rgba(15,35,60,.15);
        }

        .nsd-page .text-center.mt-50 h3 {
            color: #fff;
            font-weight: 800;
        }

        .nsd-page .text-center.mt-50 .btn {
            margin: 6px !important;
            padding: 13px 22px;
            border: 0;
            border-radius: 9px;
            background: #fff;
            color: var(--nsd-navy);
            font-weight: 800;
            transition: .25s ease;
        }

        .nsd-page .text-center.mt-50 .btn:hover {
            background: var(--nsd-orange);
            transform: translateY(-3px);
        }


        /* Gallery */
        .nsd-gallery-section {
            padding: 65px 0;
            background: #fff;
        }

        .nsd-gallery-heading {
            text-align: center;
            margin-bottom: 32px;
        }

        .nsd-gallery-heading h3 {
            color: var(--nsd-navy);
            font-size: 30px;
            font-weight: 800;
            margin-bottom: 0;
        }

        .nsd-gallery-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
            gap: 20px;
            align-items: start;
        }

        .nsd-gallery-featured,
        .nsd-gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: 16px;
            background: #eef3f7;
            box-shadow: 0 12px 30px rgba(15,35,60,.12);
        }

        .nsd-gallery-featured {
            aspect-ratio: 1 / 1;
        }

        .nsd-gallery-featured img,
        .nsd-gallery-item img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            transition: transform .4s ease;
        }

        .nsd-gallery-columns {
            column-count: 2;
            column-gap: 18px;
        }

        .nsd-gallery-item {
            width: 100%;
            margin: 0 0 18px;
            break-inside: avoid;
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
        }

        .nsd-gallery-item img {
            height: auto;
            object-fit: contain;
        }

        .nsd-gallery-featured::after,
        .nsd-gallery-item::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, transparent 55%, rgba(22,36,62,.28) 100%);
            opacity: 0;
            transition: opacity .3s ease;
            pointer-events: none;
        }

        .nsd-gallery-featured:hover img,
        .nsd-gallery-item:hover img {
            transform: scale(1.045);
        }

        .nsd-gallery-featured:hover::after,
        .nsd-gallery-item:hover::after {
            opacity: 1;
        }

        @media (max-width: 991px) {
            .nsd-gallery-layout {
                grid-template-columns: 1fr;
            }

            .nsd-gallery-featured {
                max-width: 650px;
                width: 100%;
                margin: 0 auto;
            }
        }

        @media (max-width: 575px) {
            .nsd-gallery-section {
                padding: 45px 0;
            }

            .nsd-gallery-heading h3 {
                font-size: 26px;
            }

            .nsd-gallery-columns {
                column-count: 1;
            }
        }

        @media (max-width: 991px) {
            .nsd-gallery-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                grid-auto-rows: 220px;
            }
        }

        @media (max-width: 575px) {
            .nsd-gallery-section {
                padding: 45px 0;
            }

            .nsd-gallery-heading h3 {
                font-size: 26px;
            }

            .nsd-gallery-grid {
                grid-template-columns: 1fr;
                grid-auto-rows: 230px;
            }

            .nsd-gallery-item:first-child {
                grid-column: span 1;
                grid-row: span 1;
            }
        }

        @media (max-width: 991px) {
			.nsd-intro-row img {
				margin-top: 22px;
				width: 100%;
				max-width: 420px;
				aspect-ratio: 1 / 1;
				height: auto;
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
		
			.nsd-method-row img {
				margin-top: 22px;
				min-height: 300px !important;
			}
		
			.nsd-promo-row .col-md-5 img {
				margin-top: 24px;
				min-height: auto;
			}
		}

        @media (max-width: 767px) {
            .nsd-page .tp-about-area {
                padding-top: 45px !important;
                padding-bottom: 45px !important;
            }

            .nsd-intro-row,
            .nsd-method-row,
            .nsd-promo-row,
            .nsd-activities-box {
                padding: 20px;
                border-radius: 16px;
            }

            .nsd-heading {
                font-size: 25px;
            }

            .nsd-page .d-grid.gap-4 {
                grid-template-columns: 1fr;
            }

            .nsd-page .text-center.mt-50 .btn {
                display: block;
                width: 100%;
            }
        }
		
		@media (max-width: 991px) {

    .nsd-intro-row > [class*="col-"] {
        display: block;
    }

    .nsd-intro-content {
        padding: 0;
    }

    .nsd-intro-image {
        margin-top: 24px;
        height: auto;
        aspect-ratio: 1 / 1;
    }

    .nsd-page .nsd-intro-image img {
        height: 100%;
        min-height: 0;
        object-fit: cover;
    }
}
		
		.nsd-intro-row {
			align-items: stretch;
		}
		
		.nsd-intro-row > [class*="col-"] {
			display: flex;
		}
		
		.nsd-intro-content {
			width: 100%;
			height: 100%;
			padding: 8px 10px;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		
		.nsd-intro-image {
			width: 100%;
			height: 100%;
			min-height: 100%;
			overflow: hidden;
			border-radius: 18px;
			background: #eef3f7;
			box-shadow: 0 14px 34px rgba(15, 35, 60, 0.15);
		}
		
		.nsd-page .nsd-intro-image img {
			width: 100%;
			height: 100%;
			min-height: 100%;
			display: block;
			object-fit: cover;
			object-position: center;
			border-radius: 18px;
		}
    

        /* Background section final alignment */
        .nsd-intro-row {
            display: flex;
            align-items: stretch !important;
        }

        .nsd-intro-row > .col-lg-6 {
            display: flex;
        }

        .nsd-intro-content {
            width: 100%;
            height: 100%;
            padding: 4px 10px 4px 4px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

        .nsd-intro-content p {
            text-align: left !important;
            word-spacing: normal !important;
            letter-spacing: normal !important;
        }

        .nsd-intro-content .nsd-heading {
            margin-top: 0;
        }

        .nsd-intro-content ul {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            margin: 0 0 20px !important;
        }

        .nsd-intro-content ul li {
            height: 100%;
            margin-bottom: 0 !important;
        }

        .nsd-intro-image {
            width: 100%;
            height: 100%;
            min-height: 100%;
            padding: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border-radius: 18px;
            background: #fff;
            box-shadow: 0 14px 34px rgba(15, 35, 60, 0.15);
        }

        .nsd-page .nsd-intro-image img {
            width: 100%;
            height: auto;
            max-height: 100%;
            aspect-ratio: 1 / 1;
            display: block;
            object-fit: contain;
            object-position: center;
            border-radius: 14px;
            box-shadow: none;
        }

        @media (max-width: 1199px) {
            .nsd-intro-content ul {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 991px) {
            .nsd-intro-row {
                display: flex;
            }

            .nsd-intro-row > .col-lg-6 {
                display: block;
                width: 100%;
            }

            .nsd-intro-content {
                padding: 0;
            }

            .nsd-intro-content ul {
                grid-template-columns: 1fr;
            }

            .nsd-intro-image {
                width: 100%;
                max-width: 650px;
                height: auto;
                min-height: 0;
                aspect-ratio: 1 / 1;
                margin: 24px auto 0;
                padding: 0;
            }

            .nsd-page .nsd-intro-image img {
                width: 100%;
                height: 100%;
                max-height: none;
                aspect-ratio: 1 / 1;
                object-fit: contain;
            }
        }

/* world-environment-day.aspx */
:root {
            --wed-navy: #16243E;
            --wed-green: #158854;
            --wed-green-soft: #4fa37e;
            --wed-orange: #ff9f1c;
            --wed-light: #f5fbff;
            --wed-soft: #eef8f1;
            --wed-text: #444;
        }

        .wed-page {
            color: var(--wed-text);
        }

        .wed-page p,
        .wed-page li {
            line-height: 1.75;
        }

        .wed-page .tp-about-area {
            background: linear-gradient(180deg, #fff 0%, var(--wed-light) 100%);
            padding-top: 70px !important;
            padding-bottom: 70px !important;
        }

        .wed-intro-row,
        .wed-ways-wrap {
            background: #fff;
            border-radius: 22px;
            padding: 28px;
            box-shadow: 0 16px 42px rgba(15,35,60,.10);
            margin-bottom: 45px;
        }

        .wed-intro-row {
            border-left: 6px solid var(--wed-green);
        }

        .wed-page .hero-image {
            width: 100%;
            height: 100%;
            min-height: 390px;
            object-fit: cover;
            border-radius: 18px;
            box-shadow: 0 14px 34px rgba(15,35,60,.15);
        }

        .wed-heading {
            color: var(--wed-navy);
            font-size: 28px;
            font-weight: 800;
            margin-bottom: 16px !important;
        }

        .wed-subheading {
            color: var(--wed-navy);
            font-size: 18px;
            font-weight: 800;
            margin-bottom: 10px !important;
        }

        .wed-button-grid {
            display: grid !important;
            grid-template-columns: 1fr;
            gap: 16px !important;
            margin: 24px 0 28px;
        }

        .wed-button-grid .btn-success {
			display: inline-flex;
			justify-content: center; /* Horizontally centers the text */
			align-items: center;     /* Vertically centers the text */
            min-height: 58px;
            border-radius: 12px;
            border: 0;
            background: var(--wed-green);
            font-weight: 800;
            box-shadow: 0 10px 22px rgba(21,136,84,.18);
        }

        .wed-button-grid .btn-success:hover {
            background: var(--wed-navy);
        }

        .wed-page .estorebtn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 15px 30px;
            border-radius: 50px;
            background: var(--wed-orange);
            color: var(--wed-navy) !important;
            font-weight: 900;
            text-decoration: none;
            box-shadow: 0 12px 28px rgba(255,159,28,.32);
            transition: .25s ease;
        }

        .wed-page .estorebtn:hover {
            background: var(--wed-green);
            color: #fff !important;
            transform: translateY(-4px);
        }

        .wed-objectives {
            list-style: none;
            margin-left: 0 !important;
            padding-left: 0;
        }

        .wed-objectives li {
            position: relative;
            padding: 12px 14px 12px 42px;
            margin-bottom: 10px;
            border: 1px solid #edf1f5;
            border-radius: 10px;
            background: #f8fafc;
        }

        .wed-objectives li::before {
            content: "058";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            left: 15px;
            top: 13px;
            color: var(--wed-green);
        }

        /* Gallery */
        .wed-gallery-section {
            padding: 5px 0 10px;
        }

        .wed-gallery-heading {
            text-align: center;
            margin-bottom: 28px;
        }

        .wed-gallery-heading h3 {
            color: var(--wed-navy);
            font-size: 30px;
            font-weight: 800;
            margin-bottom: 0;
        }

        .wed-gallery-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
            gap: 20px;
            align-items: start;
        }

        .wed-gallery-featured,
        .wed-gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: 16px;
            background: #eef3f7;
            box-shadow: 0 12px 30px rgba(15,35,60,.12);
        }

        .wed-gallery-featured {
            aspect-ratio: 1 / 1;
        }

        .wed-gallery-featured img,
        .wed-gallery-item img {
            width: 100%;
            display: block;
            transition: transform .4s ease;
        }

        .wed-gallery-featured img {
            height: 100%;
            object-fit: cover;
        }

        .wed-gallery-columns {
            column-count: 1;
            column-gap: 18px;
        }
		
		.wed-gallery-columns2 {
            column-count: 2;
            column-gap: 18px;
        }

        .wed-gallery-item {
            width: 100%;
            margin: 0 0 18px;
            break-inside: avoid;
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
        }

        .wed-gallery-item img {
            height: auto;
            object-fit: contain;
        }

        .wed-gallery-featured::after,
        .wed-gallery-item::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, transparent 55%, rgba(22,36,62,.28) 100%);
            opacity: 0;
            transition: opacity .3s ease;
            pointer-events: none;
        }

        .wed-gallery-featured:hover img,
        .wed-gallery-item:hover img {
            transform: scale(1.045);
        }

        .wed-gallery-featured:hover::after,
        .wed-gallery-item:hover::after {
            opacity: 1;
        }

        .wed-ways-title {
            color: var(--wed-navy);
            font-size: 28px;
            font-weight: 800;
            margin-bottom: 12px !important;
        }

        .wed-letter-card {
            padding: 24px 24px;
            border: 1px solid rgba(21,136,84,.16) !important;
            border-radius: 18px !important;
            position: relative;
            margin-top: 22px !important;
            overflow: hidden;
            background: linear-gradient(93deg, #158854, #4fa37e) !important;
            box-shadow: 0 12px 28px rgba(15,35,60,.10);
        }

        .wed-letter-card ul {
            margin-bottom: 0;
        }

        .wed-letter-card a {
            color: #fff;
            font-weight: 700;
            text-decoration: underline;
        }

        .wed-contact-card {
            margin-top: 42px !important;
            padding: 34px;
            border-radius: 20px;
            background: linear-gradient(135deg, var(--wed-green), var(--wed-navy));
            box-shadow: 0 15px 40px rgba(15,35,60,.15);
        }

        .wed-contact-card h3 {
            color: #fff;
            font-weight: 800;
        }

        .wed-contact-card .btn {
            margin: 6px !important;
            padding: 13px 22px;
            border: 0;
            border-radius: 9px;
            background: #fff;
            color: var(--wed-navy);
            font-weight: 800;
            transition: .25s ease;
        }

        .wed-contact-card .btn:hover {
            background: var(--wed-orange);
            transform: translateY(-3px);
        }

        @media (max-width: 991px) {
            .wed-page .hero-image {
                min-height: 300px;
                margin-top: 22px;
            }

            .wed-gallery-layout {
                grid-template-columns: 1fr;
            }

            .wed-gallery-featured {
                max-width: 650px;
                width: 100%;
                margin: 0 auto;
            }
        }

        @media (max-width: 767px) {
            .wed-page .tp-about-area {
                padding-top: 45px !important;
                padding-bottom: 45px !important;
            }

            .wed-intro-row,
            .wed-ways-wrap {
                padding: 20px;
                border-radius: 16px;
            }

            .wed-heading,
            .wed-ways-title,
            .wed-gallery-heading h3 {
                font-size: 25px;
            }

            .wed-gallery-columns {
                column-count: 1;
            }
			
			.wed-gallery-columns2 {
                column-count: 1;
            }

            .wed-contact-card .btn {
                display: block;
                width: 100%;
            }
        }
    

        /* First section 1000 x 1000 image alignment */
        .wed-intro-row {
            align-items: stretch !important;
        }

        .wed-intro-row > [class*="col-"] {
            display: flex;
        }

        .wed-intro-content {
            width: 100%;
            height: 100%;
            padding: 4px 12px 4px 4px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .wed-intro-content p {
            word-spacing: normal !important;
            letter-spacing: normal !important;
        }

        .wed-hero-image-wrap {
            width: 100%;
            height: 100%;
            min-height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border-radius: 18px;
            background: #fff;
            box-shadow: 0 14px 34px rgba(15,35,60,.15);
        }

        .wed-page .wed-hero-image-wrap .hero-image {
            width: 100%;
            height: auto;
            max-height: 100%;
            min-height: 0;
            aspect-ratio: 1 / 1;
            display: block;
            object-fit: contain;
            object-position: center;
            border-radius: 18px;
            box-shadow: none;
        }

        @media (max-width: 991px) {
            .wed-intro-row > [class*="col-"] {
                display: block;
                width: 100%;
            }

            .wed-intro-content {
                padding: 0;
            }

            .wed-hero-image-wrap {
                width: 100%;
                max-width: 600px;
                height: auto;
                min-height: 0;
                aspect-ratio: 1 / 1;
                margin: 24px auto 0;
            }

            .wed-page .wed-hero-image-wrap .hero-image {
                width: 100%;
                height: 100%;
                max-height: none;
                aspect-ratio: 1 / 1;
                object-fit: contain;
                margin-top: 0;
            }
        }


/* =========================================================
   RESPONSIVE + PERFORMANCE SAFETY OVERRIDES
   Applies to the merged NSC content pages only.
   ========================================================= */
.nsc-revamp-page,
.nsd-page,
.wed-page {
    max-width: 100%;
    overflow-x: clip;
}
.nsc-revamp-page img,
.nsd-page img,
.wed-page img {
    max-width: 100%;
    height: auto;
}
.nsc-revamp-page table,
.nsd-page table,
.wed-page table {
    max-width: 100%;
}
.nsc-revamp-page .table-responsive,
.nsd-page .table-responsive,
.wed-page .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 991.98px) {
    .nsc-revamp-page .nsc-content-section,
    .nsd-page .tp-about-area,
    .wed-page .tp-about-area {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}
@media (max-width: 767.98px) {
    .nsc-revamp-page,
    .nsd-page,
    .wed-page {
        overflow-wrap: anywhere;
    }
    .nsc-revamp-page .container,
    .nsd-page .container,
    .wed-page .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .nsc-revamp-page .nsc-content-section,
    .nsd-page .tp-about-area,
    .wed-page .tp-about-area {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .nsc-revamp-page h1,
    .nsd-page h1,
    .wed-page h1 { font-size: clamp(28px, 8vw, 38px) !important; }
    .nsc-revamp-page h2,
    .nsd-page h2,
    .wed-page h2 { font-size: clamp(24px, 7vw, 32px) !important; }
    .nsc-revamp-page h3,
    .nsd-page h3,
    .wed-page h3 { font-size: clamp(20px, 6vw, 27px) !important; }
    .nsc-revamp-page p,
    .nsc-revamp-page li,
    .nsd-page p,
    .nsd-page li,
    .wed-page p,
    .wed-page li {
        text-align: left !important;
    }
}
@media (max-width: 575.98px) {
    .nsc-revamp-page [class*="card"],
    .nsd-page [class*="card"],
    .wed-page [class*="card"] {
        min-width: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    .nsc-revamp-page *,
    .nsd-page *,
    .wed-page * {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* =========================================================
   SCHOOL SAFETY - DEPENDENCY-FREE NATIVE SLIDER
   Owl Carousel is intentionally not used on this page.
   ========================================================= */
.school-native-slider {
    position: relative;
    display: block !important;
    width: 100%;
    max-width: 100%;
    min-height: 650px;
    overflow: hidden;
    background: #16243E;
}

.school-native-slider > .school-hero {
    display: none !important;
    width: 100%;
    min-height: 650px;
    margin: 0;
}

.school-native-slider:not(.native-ready) > .school-hero:first-child {
    display: flex !important;
}

.school-native-slider.native-ready > .school-hero.is-active {
    display: flex !important;
}

.school-native-prev,
.school-native-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 48px;
    height: 48px;
    transform: translateY(-50%);
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.28);
    color: #fff;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
}

.school-native-prev { left: 24px; }
.school-native-next { right: 24px; }

.school-native-prev:hover,
.school-native-next:hover {
    background: #ff9f1c;
    color: #16243E;
}

.school-native-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22px;
    z-index: 10;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.school-native-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.55);
    cursor: pointer;
}

.school-native-dots button.is-active {
    background: #fff;
    transform: scale(1.25);
}

@media (max-width: 767px) {
    .school-native-slider,
    .school-native-slider > .school-hero {
        min-height: 430px;
    }

    .school-native-prev,
    .school-native-next {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

    .school-native-prev { left: 7px; }
    .school-native-next { right: 7px; }

    .school-native-dots {
        bottom: 14px;
    }
}