@charset "UTF-8";
:root{
	--bgPrimary:#10659C;  /* Blue */
	--bgDarkBlue:#004A70;  /* Dark Blue */	
	--bgDark:#0b121d;  /* Dark */
	--bgSecondary:#E75E1E; /* Orange*/
	--bgYellow:#DCAA49; /* Yellow*/
	--txtCol:#010101;  /* Text Color*/
	--txtLight:#74a6db;  /* Light Blue Text */
	--txtColWhite:#fff;  /* White Text */
	--shadow-medium:2px 2px 4px 0 rgba(0, 0, 0, 0.6); /* Box Shadow */
}

*{margin:0; padding:0; box-sizing:border-box; text-decoration:none;list-style:none;}
html{font-size:10px;}
body{font-family: 'Lato', sans-serif; font-size:1.4rem;}
img{width:100%;border:none; height:auto; display:block;}
input, select, textarea{font-family: 'Lato', sans-serif; width:100%; resize:none; font-size:1.4rem;border:none;}
input:focus, select:focus, textarea{outline:none}
::placeholder{color:#777}
select:invalid{color:#777}
input[type=button]{-webkit-appearance:none; -moz-appearance:none;appearance:none;}
a, a:link, a:active{text-decoration:none;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom: 1;}

.blinkingBG{animation:blinkingBackground 1.5s infinite;font-weight:700 !important; padding:0.5rem 1rem}
@keyframes blinkingBackground{0%{background:#ea5e20;}49%{background:#ea5e20;}50%{background:#004A70}99%{background:#004A70}100%{background:#004A70}}

.headertop{background:var(--bgPrimary);padding:0.5rem 2rem; font-size:1.6rem; color:var(--txtColWhite); line-height:3rem}
.top_links{text-align:center;}
.top_links ul{margin-bottom:1rem}
.top_links ul li{display:inline-block; padding:0 1rem}
.top_links li:not(:first-child){display:none}
.top_links ul a{color:var(--txtColWhite);}
.social_links{display:flex; gap:2rem; align-items:center; justify-content:center; font-size:2rem}
.social_links a{color:#bbb;}
.social_links a:hover{color:var(--txtColWhite);}

.headerbottom{padding:0.5rem 0 0;}
.logo{width:15rem; height:auto; margin:0 auto 1rem;}

.heroTxt{background:#004A70 url('../images/content/herotxtbg.png') no-repeat left top; background-size:7rem 5.5rem; padding:5% 10% 5% 10%; color:var(--txtColWhite);}
.heroTxt h3{font-size:2.5rem;text-shadow:2px 2px rgba(0, 0, 0, 0.6); line-height:4rem; text-align:center; margin-bottom:2rem}
.callStrip{background:var(--bgSecondary); padding:1rem 0.5rem; border-radius:0.5rem; line-height:2.5rem; text-align:center; font-weight:700; font-size:1.6rem}
.callStrip a{color:var(--txtColWhite);}
.heroBanner{background:url('../images/content/admission/1.jpg') no-repeat; background-size:100% 100%; padding:25% 0;}

#main{padding:2rem}

/******* Query Form CSS *************/
.queryBox{text-align:center; margin-bottom:3rem;}
.queryBox h5{background:#f26624; color:#fff; border-radius:5px 5px 0 0; text-align:center; font-size:2rem; line-height:4rem;}
.qform{background:#ddd; padding:10px 20px; border-radius:0 0 5px 5px; border:1px solid #ccc; border-top:none; text-align:left}
.qContainer{background:#ddd; padding:20px; border-radius:0 0 5px 5px; border:1px solid #ccc; border-top:none;}
.errmsgbox{background:var(--txtColWhite); border:1px solid #a00; padding:0.5rem; line-height:2.5rem; text-align:center; font-size:1.4rem; color:#a00; margin:0 0 0.5rem;}
.succmsgbox{background:var(--txtColWhite);  border:1px solid #008000; padding:0.5rem; line-height:2.5rem; text-align:center; font-size:1.4rem; color:#008000; margin:0 0 0.5rem;}
.fieldBox{width:100%; float:none; margin:0;}
.inputbox{font-family:'Lato', sans-serif; width:100%; border:1px solid #a8a8a8; background:#f5f5f5; height:3rem; padding:0 1rem; outline:none; margin:0 0 1rem; font-size:1.4rem; color:var(--txtCol);}
.submitQuery{width:40%; margin:0 auto;}
.submitButton{width:100%; border:1px solid #2e2e2e; background:var(--txtCol); color:#eee; line-height:3.2rem; outline:none; margin:0; text-align:center; font-size:1.8rem; border-radius:0.5rem}
#div_qform{min-width:30rem; min-height:20rem;position:relative;}
#loader{border:12px solid #f3f3f3;border-radius:50%;border-top:12px solid #444444;width:70px;height:70px;animation:spin 1s linear infinite; visibility:hidden}
@keyframes spin{
		100% {
			transform:rotate(360deg);
		}
	}
.center{position:absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
/******* Query Form CSS *************/

.breadcrumb{display:none;}
article{line-height:3rem; font-size:1.6rem; line-height:3rem;}
article h1, article h2, article h3{font-size:2.5rem; margin-bottom:1.5rem; line-height:3.5rem; color:var(--bgPrimary); font-weight:400}
article h2, article h3{font-size:2rem; color:var(--bgSecondary); text-align:left; line-height:3rem; }
article p{margin-bottom:3rem;}
.specialtxt{font-size:2rem; font-weight:300; color:var(--bgSecondary); font-style:italic;}
ul.content{margin:0 0 3rem;}
ul.content li{margin-bottom:15px; padding-left:3rem; position:relative;}
ul.content li:before{position:absolute; top:1px; left:0; content:'➤'; font-size:1.3rem; font-weight:600; color:var(--bgSecondary)}

.courseSection{margin:0 0 3rem; background:#fff;}
.courseSection h2{font-size:2.5rem; font-weight:600; color:#007bcd;margin-bottom:15px}
.courseSection ul{margin:1rem 0 0;}
.courseSection li{margin-bottom:0.5rem;}
.courseSection li a{font-size:2rem; color:#f36724; margin:0 0 2rem; cursor:pointer; line-height:2.5rem; border-bottom:1px solid #f36724;}
.courseWrapper{padding:0; font-size:1.3rem; line-height:3.5rem; margin-bottom:2rem;}
.courseheadingtxt{font-size:1.6rem; color:#007cc3; margin-bottom:1rem}
.courseheadingtxt a{color:#007cc3 !important; margin-bottom:1rem !important; font-size:1.6rem !important;border-bottom:none !important;}
.courseWrapper ul{margin:0 0 1rem;}
.courseWrapper li{background:none; margin-bottom:0.5rem; padding-left:3rem; position:relative; font-size:1.3rem;}
.courseWrapper li:before{position:absolute; top:1px; left:0; content:'➤'; font-size:1.3rem; font-weight:600; color:var(--bgSecondary)}
.courseWrapper li p{margin:0 0 5px}
.courseWrapper span{font-weight:600; margin-right:1rem;}
.courseheadingtxt span,sup{color:#c00;font-size:1.6rem;font-weight:400}

.buttonRow{background:#f0f0f0; padding:2rem; text-align:center}
.buttonRow h2{font-size:2rem;color:var(--bgPrimary);; background:none; border:none; display:block; line-height:170%; margin-bottom:1rem}
.modalButt{width:16rem; padding:8px 2rem; text-align:center; background:#2d4b71; border-radius:1rem; color:#fff; margin:0 auto 1.5rem}
.modalButt a{background:none !important;display:inline !important;margin:0;line-height:110% !important;border:none !important;color:var(--bgYellow) !important;}

.bottomContainer{background:var(--bgPrimary); color:var(--txtColWhite); font-size:1.6rem; line-height:2.5rem; padding:4rem 2rem}
.bottomCol{margin-bottom:3rem;}
.bottomCol h4{font-size:2.2rem; margin-bottom:2rem;}
.bc_sub{display:flex; gap:1.5rem;margin-bottom:2rem; padding:0 1rem}
.bc_sub i{color:var(--bgSecondary);position:relative; top:0.7rem}
.logoImg{width:20rem; margin-bottom:1rem;}
.bottomCol p{margin-bottom:1rem;}
.bottomCol ul{margin-bottom:1rem;}
.bottomCol a{color:var(--txtColWhite);}
.bottomCol a:hover{color:var(--bgSecondary); text-decoration:underline;}
.bottomCol b{color:var(--bgSecondary);}
.social-icons{text-align:center}
.social-icons a{display:inline-block; margin:0 1rem; font-size:2rem;color:var(--txtColWhite)}
.social-icons a:hover{color:var(--bgSecondary)}

footer{background:var(--txtCol); color:var(--txtColWhite); font-size:1.6rem; line-height:2.5rem; padding:1rem 2rem;text-align:center}
.copyright{margin-bottom:1rem}
.footer-link a{color:var(--txtColWhite);}



@media only screen and (min-width:400px)
	{
	}
@media only screen and (min-width:480px)
	{
	}
@media only screen and (min-width:600px)
	{
	article{font-size:1.7rem;}
	.fieldBox{width:45%; float:left; margin:0 1rem 1.5rem;}
	.inputbox{height:4rem;}
	.submitQuery{width:20%;}

	.bottomCol ul{display:grid; align-items:center; grid-template-columns:1fr 1fr; grid-gap:1rem}
	}
@media only screen and (min-width:768px)
	{
		.top_links li:nth-child(n+1){display:inline-block;}
		.social_links{font-size:2rem}

		.heroTxt{padding:7% 10% 7% 10%;}
		.heroTxt h3{font-size:3.5rem;}
		.callStrip{line-height:2.5rem;font-size:2.2rem; font-weight:300}
		.heroBanner{padding:20% 0;}

		
			
		.courseWrapper{padding:0 2rem;}
		.courseWrapper ul{display:grid; grid-template-columns:auto auto; grid-gap:1rem 4rem;}

		.buttonRow h2{text-align:center}
		.modalButt, .modalButton{width:auto; display:inline-block; margin:0 2rem}
		.modalButt a, .modalButton a{font-size:100% !important;}

		.bottomCol ul{grid-template-columns:1fr 1fr 1fr;}
	}
@media only screen and (min-width:1024px)
	{	
		.queryBox{width:35%; float:right; margin:0 0 1rem 3rem}
		.queryBox h5{font-weight:600;}
		.fieldBox{width:100%; float:none; margin:0;}
		.inputbox{height:32px; margin:0 0 5px; font-size:1.5rem}
		.inputlbox{height:50px; margin:0 0 5px; font-size:1.5rem}
		.labeltxt, .labelsum{font-size:110%}	
		.submitQuery{width:30%;}
		
		.courseWrapper ul{grid-template-columns:1fr 1fr;}

		.row p, .rowH{text-align:center}
		.TxtRow{font-size:250%; font-variant:small-caps; text-transform:capitalize;}
		.buttonRow{padding:0; margin-bottom:8rem; background:none}
		.buttonRow h2{display:inline-block; line-height:150%; border-bottom:2px ridge #d94419; color:#d94419}
		
	}
@media only screen and (min-width:1280px)
	{
		body{padding-top:12.5rem}
		.pageContainer{width:1200px; max-width:1200px; margin:0 auto}	
		
		.header{position:fixed;display:block;top:0;left:0; width:100%; height:12.5rem; background:url('../images/content/headerbg.jpg') repeat-x top; box-shadow:var(--shadow-medium);z-index:2}
		.blinkingBG{animation:blinkingBackground 1.5s infinite;font-weight:700 !important; padding:0 1rem}
		.headertop{padding:0 2rem; height:4rem !important; line-height:4rem; background:transparent; margin-bottom:4.5rem;}
		.top_links{text-align:right; display:flex; align-items:center; justify-content:flex-end;padding:0}
		.top_links ul{margin-bottom:0; display:flex; align-items:center; justify-content:flex-end; margin-right:3rem; gap:1rem}
		.top_links ul li{display:inline-flex; padding:0}
		.top_links li:nth-child(n+1){display:inline-flex;}
		.top_links ul a{display:block; color:var(--txtColWhite);}
		.social_links{display:flex; gap:1.5rem; align-items:center; justify-content:space-between; font-size:2rem}

		.headerbottom{background:transparent; padding:0; text-align:left; display:flex; align-items:center; justify-content:flex-end; gap:1rem;  position:relative; z-index:99}
		.headerbottom .logo{position:absolute; top:-6.6rem; left:0; width:11rem;}		
		.heroTxt, .heroBanner, .agri, .mgt, .law, .comm, .ca, .arts{display:none;}
		#hero{width:100%; background:url('../images/content/admission/bg.jpg') no-repeat; background-size:100% 100%; padding:11% 0; color:var(--txtColWhite);padding:11% 0;}
		
		article{font-size:1.6rem; text-align:justify; color:#333;}
		.queryBox{width:30%;}
		.buttonRow h2{font-size:2.5rem}

		#bottom{background:var(--bgPrimary); padding:2rem 0}
		.bottomContainer{display:grid; grid-template-columns:4fr 1fr 1.5fr; grid-gap:5rem; padding:2rem 0; font-size:1.5rem; line-height:3.5rem}
		.bottomCol{margin-bottom:0}
		.bc_sub{margin-bottom:1rem; line-height:2rem}
		.bc_sub i{top:0.3rem}
		.bottomCol ul{grid-template-columns:1fr; grid-gap:0;}
		.social-icons{text-align:left; margin-top:2rem}

	
		.logoImg{width:30rem}

		.footer{display:flex; align-items:center; justify-content:space-between;}
		.copyright{margin:0}
	}