#mainWrapper{background-image:radial-gradient(#f2f8fb, #a0d4ed); padding:20px; line-height:200%; text-align:left}
h1{background:#183a8f; padding:10px; color:#ffff00; font-size:170%; text-align:center;border-radius:5px;margin-bottom:20px; text-transform:uppercase}
.mainPanel span{font-weight:700; font-size:120%}
.mainPanel p{margin-bottom:30px;text-align:left; position:relative; padding-left:30px}
.mainPanel p i{position:absolute; top:5px; left:0;}
.mainPanel p b{color:#fd570a;}

.subContainer{text-align:center}
.subContainer h2{background:#0086c0; padding:10px; color:#fff; font-size:150%; border-radius:5px;margin-bottom:20px}
.flex_wrap{display:flex; gap:10px; flex-wrap:wrap; align-items:center;}
.flex_col{padding:2px 10px; background: linear-gradient(to top, #09203f 0%, #537895 100%); color:white;  overflow-wrap: break-word; border-radius:4px;}
sup{color:#ff0000}
.mrg0{margin-bottom:0}
.smallTxt{font-size:90%;margin:0;padding:0}

.registrationSection{margin:25px 0 50px; padding:25px 0 0; text-align:center; border-top:1px solid #fd570a;}
.onlineLink{margin-bottom:20px; color:#0086c0}
.onlineLink a{color:#fd570a; display:block;font-size:120%;font-weight:600;}
.rsmid{font-size:200%;font-weight:700;margin-bottom:20px;}
.qrcode{color:#0086c0;}
.qrcode img{width:80px; height:80px; margin:10px auto 0;display:block}

@media only screen and (min-width:360px)
	{
		.registrationSection{font-size:120%}	
	}
@media only screen and (min-width:1024px)
	{
		#mainWrapper{padding:40px 20px;text-align:center}
		h1{border:5px ridge #0086c0;}

		.flex_wrap{gap:20px; justify-content:space-between;}
		
		.mrgLeft10{margin-left:10%}
		.ibimg{float:left; margin:0 20px 20px 0}

		.trcWrapper ul{float:left; width:50%;}
		.featureSection{float:right; width:25%;}
		.fsImg{width:150px; margin:0 auto 10px}
		.smallTxt{font-size:90%;margin:0;padding:0}
	}


@media only screen and (min-width:1280px)
	{
		#bannerSection{width:100%;  background:#f4f6f5; height:490px;}
		.banner{display:flex; justify-content:space-between; align-items:center;}
		.queryBox{width:455px; height:487px; background:url('images/querybox.png') no-repeat top;}

		.mainPanel{border:5px solid #019ed5; padding:30px 50px;}
		.mainPanel p i{top:7px;color:#fd570a}
		.mainPanel span{font-size:140%; line-height:150%;font-weight:600}
		h1{font-size:220%; padding:20px 0}
		.subContainer h2{padding:10px 30px;font-size:140%}
		.flex_wrap{padding:30px; background-image: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);;}
		.flex_wrap > .flex_col:nth-last-child(-n+2) {justify-self: center; flex: 1 0 45%;}
		.ibimg{width:150px}
		.trcWrapper ul{width:60%;font-weight:600}
		.featureSection p{font-weight:600}
		.featureSection{width:26%;}
		.internalBox h3{font-weight:700; font-size:115%}

		.registrationSection{font-size:150%; margin:25px auto 0; width:90%; border-top:5px groove #183a8f}	
		.onlineLink, .rsmid, .qrcode{float:left;width:35.33%} 
		.onlineLink{line-height:200%; font-variant:small-caps; font-weight:600}
		.onlineLink a{font-size:100%; font-variant:normal;}
		.rsmid{padding-top:40px;width:29.33%}
		.qrcode{width:35.33%; font-variant:small-caps; font-weight:600}
		
	}

	

.notes{background:#f4f8fc;border:2px solid #019ed5;padding:20px 25px;border-radius:6px;margin:20px 0;text-align:left}
.notes span{display:block;font-size:18px;font-weight:600;color:#000;margin-bottom:10px}
.notes ol{list-style:decimal!important;padding-left:20px;margin:0}
.notes ol li{font-size:14px;line-height:1.7;color:#222;margin-bottom:8px}
.notes ol li::marker{color:#2a7de1;font-weight:700}
.notes ol li:hover{color:#000;transition:.3s ease}