@charset "UTF-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, images, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0; padding:0;	border:0; font-size:100%;font: inherit;vertical-align:baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}body{line-height:1;}ol, ul{list-style: none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
body{font-family:'Open sans', sans-serif; font-size:100%; color:#000; margin:0; padding:0; text-align:center; background:#d2d3d5}
.fl{float:left;} .fr{float:right;} .clr{clear:both;}
img{width:100%; max-width:100%; height:100%; border:none;}
b,strong{font-weight:700;}
input, textarea{width:100%; max-width:100%; resize:none;}
input:focus, textarea:focus{outline:none}
a, a:link, a:active{text-decoration:none;}
a#callNowButton,a#whatsAppButt, a#envelopeButt{color:#fff; padding:5px 10px; border-radius:50%}
a#callNowButton{background:linear-gradient(to bottom,#0089e1 0,#007acc 44%,#0065a8 100%)}
a#whatsAppButt{background:linear-gradient(to bottom,#6ffe57 0,#40e026 44%,#28c80e 100%)}
a#envelopeButt{background:#eac137}
*{box-sizing:border-box;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom: 1;}
.blinker{animation:blinkerText 0.8s infinite;font-weight:100 !important;}
@keyframes blinkerText{0%{color:#FFF;}49%{color:#FFF;}50%{color:#ffff00}99%{color:#ffff00}100%{color:#ffff00}}

header{background:#c7d9ff;}
.header{display:flex; flex-direction:column; gap:20px;}
.logo{width:280px; height:auto; margin:0 auto}

.callUs{color:#000; font-size:100%;  padding:0; line-height:180%; margin:0 0 20px; text-align:center;}
.callUs a{color:#000; font-size:110%; margin:0 5px}
.callUs span{display:block; color:#e9491b; font-size:120%; font-weight:700}

.toll{display:none; width:322px; background:#eeedeb; color:#000; font-size:150%; margin:0 auto 20px; text-align:left; line-height:170%; padding:0 10px}
.toll a{color:#000}
.toll span{font-size:80%; color:#fff;background:#e9491b; padding:0 10px;margin-right:10px}

.scholarshipTest{display:inline-block; background:#ec6a38; padding:5px 20px; line-height:170%; border-radius:5px; margin-bottom:20px}
.scholarshipTest a{color:#fff}
.scholarshipLink{display:inline-block; background:#222; padding:5px 20px; line-height:170%; border-radius:5px; margin-bottom:20px}
.scholarshipLink a{color:#fff}

.hTxt{background:#183a8f; padding:10px; color:#ffff00; line-height:150%}
.hTxt span{font-size:140%; color:#fff; display:block; line-height:150%; margin-bottom:10px}
.bannerTopBorder{display:none}
.queryBox{background:#f4ce87; padding:30px 20px}
.queryBox h4{font-family:'impact';font-size:140%; margin-bottom:15px; color:#e9491b}
.qContainer{padding:0 15px 10px; color:#0f307b;}
.errmsgbox{background:#fff; border:1px solid #a00; padding:5px; line-height:25px; text-align:center; font-size:87.5%; color:#a00; margin:0 0 5px;}
.succmsgbox{background:#fff; border:1px solid #008000; padding:5px; line-height:25px; text-align:center; font-size:87.5%; color:#008000; margin:0 0 5px;}
.fieldBox{width:100%; float:none; margin:0;}
.inputbox{font-family:'open sans', sans-serif; width:100%; border:1px solid #7c7a7b; background:#fff; height:31px; padding:0 5px; outline:none; margin:0 0 10px; font-size:90%; border-radius:4px; color:#000;}
.inputlbox{font-family:'open sans', sans-serif; font-size:90%; width:100%; border:1px solid #7c7a7b; background:#fff; height:80px; padding:5px; outline:none; margin:0 0 10px; border-radius:4px; color:#000;}
.labeltxt{font-size:120%; margin:0 0 8px; color:#e9491b; text-align:left}
.labelsum{width:40%; float:left; margin:0 0 5px; font-size:120%; line-height:170%; text-align:center; color:#000;}
.calcbox{width:55%; float:right; margin:0 0 5px;}
.submitQuery{width:40%; margin:0 auto;}
.submitButton{width:100%; border:1px solid #142f76; background:#183a8f; color:#eee; line-height:200%; outline:none; margin:0; text-align:center; font-size:110%; border-radius:5px}

#div_qform{min-width:300px; min-height:200px;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;}

article{padding:20px; text-align:left; line-height:170%}
article h1{font-size:170%; margin-bottom:20px}
article p{margin-bottom:20px}
.program{background:#d2d3d5; padding:20px; text-align:center}
.breadcrumb{margin-bottom:30px; line-height:200%;color:#183a8f;}
.breadcrumb i, .breadcrumb a{color:#e9491b;}
.breadcrumb i{margin:0 10px}
.programSectionHeading{border-top:2px dashed #444; border-bottom:2px dashed #444; padding:5px 0; line-height:150%; font-weight:700}
.program ul{margin:20px 0;padding:0;list-style:none; font-size:80%}
.program li{border-bottom:1px dashed #444; padding:20px 0; line-height:170%; color:#f47445; text-align:center}
.program li span{display:block; margin-bottom:5px; color:#000}
.program li img{width:217px; height:160px;}

.blinking{animation:blinkingText 0.8s infinite;font-weight:100 !important;}
@keyframes blinkingText{0%{color:#f3ee30}49%{color:#f3ee30}50%{color:#fff}99%{color:#fff}100%{color:#fff}}

.aoButton{margin:40px 0;display:block;text-align:center}
.aoButton a{font-size:150%;display:inline-block; padding:5px 20px 10px; border:1px solid #551a8b;border-radius:5px;color:#551a8b;background:#183a8f}

.curriculum{background:#0c1a3a; padding:20px; font-size:100%; line-height:170%; color:#ddd; text-align:left; text-shadow:1px 1px 1px #000}
.curriculum h2, .curriculum h3{color:#77ece7; display:inline-block; border-bottom:1px solid #77ece7; font-size:130%; line-height:170%; font-weight:400; margin:0 0 10px; padding:0}
.curriculum strong{color:#eee24d; font-size:110%; font-weight:400}
.curriculum p{margin-bottom:20px;}
.curriculum ul{margin-bottom:30px;}
.curriculum li i{color:#eee24d; margin-right:10px}
.coursesContainer{background:#fff; padding:20px; font-size:100%; line-height:170%; color:#000; text-align:left}
.coursesContainer h4{background:#e9491b; padding:5px 0; color:#fcfe00; font-size:150%; font-variant:small-caps; text-align:center; margin-bottom:20px}
.rowH{height:auto; color:#060f1e; border-bottom:none; font-size:130%; line-height:170%; margin-bottom:10px}
.rowH small{font-size:70%; color:#017fd3;display:block;}
.coursesContainer table{margin-left:30px}
.coursesContainer td:first-child{width: 30%;color:#264796;}
.firstCol, .secondCol, .thirdCol{margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #ccc}
.thirdCol{padding:0; border:0}
.buttonRow,.TxtRow{padding:20px 0; text-align:center; }
.TxtRow{font-family:'Times New Roman';background:#060f1e; color:#fff; font-size:170%; line-height:150%; text-transform:uppercase}
.buttonRow h2{font-family:'Georgia';font-size:130%;color:#214192; line-height:170%; margin-bottom:10px}
.modalButt, .modalButton{display:inline-block; padding:8px 20px; text-align:center; background:#df4c16; border-radius:10px; color:#fff; margin-bottom:15px}
.modalButt a, .modalButton a{color:#fff}
.modalButton{background:#df4c16}
.callBox{display:inline-block; width:322px; height:35px; background:url('https://www.mangalayatan.in/admission-open/images/callBox.jpg') no-repeat top; font-size:150%; color:#000; line-height:140%; letter-spacing:1.2px; padding-left:92px;}
.callBox a{color:#000}
.highlights img{display:block;}
.univHighlights{background:#2d4b71; padding-bottom:20px}
.univHighlights h3{font-family:'Georgia'; margin-bottom:10px; color:#fff}
.whyMU, .muFeatures{background:#df4c16; color:#fff; padding:20px 20px 30px; text-align:left; line-height:170%}
.whyMU h4{font-size:150%; margin-bottom:10px; text-align:center;line-height:170%}
.muFeatures{background:#2d4b71;padding:40px 20px 30px;}
.muFeatures li{margin-bottom:30px}
.muFeatures li sup{margin-left:5px}
.muFeatures span{font-size:200%;color:#df4c16}
.recruiters{padding:30px 20px; line-height:170%;text-align:left; background:#df4c16; color:#fff;}
.recruiters h4{font-family:'Georgia'; font-size:150%; margin-bottom:10px}
.recruiters p{margin-bottom:20px; }

.scholarshipSection{background:#060f1e; padding:30px 20px; color:#fff; text-align:left; line-height:170%; font-size:90%}
.scholarshipSection h3{background:none; color:#fff; font-size:180%; text-align:center; line-height:150%; font-variant:small-caps;margin-bottom:0}
.scholarshipSection a{color:#f8c79a}
.scholarshipSection a:hover{border-bottom:1px solid #f3a35a}
.scholarshipSection h4{font-family:'Times New Roman';font-size:200%; margin-bottom:20px; line-height:120%}
.scholarshipSection i{margin-right:10px; color:#ef7f1d}
.scholarshipSection span{font-family:'Georgia'; font-size:130%; border-bottom:1px solid #fff; display:inline-block; margin-bottom:15px}
.scholarshipSection ul{margin-bottom:30px}
.scholarshipSection ul.cList li{line-height:220%}

.enggCoursesList li{margin-bottom:10px}
.buttLink, .buttLink2{display:block; text-align:center; margin:15px 0}
.buttLink img{width:219px; height:50px}
.buttLink2 img{width:121px; height:50px}

footer{background:#2a3e62; padding:20px 10px;}
.footerSection{font-size:87.5%; text-align:left; line-height:200%;}
.footerSection p{color:#fff; text-align:center;}
.footercol{text-align:center; font-size:300%; color:#11dcd6; line-height:150%; margin-bottom:50px;}
.footercol b{font-weight:400; color:#fded02;}
.footercol i{color:#c7d9ff;}
.footercol2{margin-bottom:30px; padding:0 5%}
.footercol2 h4{color:#e8bc23; font-size:170%; margin-bottom:5px; text-transform:uppercase;}
.footercol2 li{color:#ddd; border-bottom:1px dotted #ddd; line-height:250%}
.footercol2 li a{color:#ddd;}
.footercol2 li a:hover{text-decoration:underline;}
.footercol2 i{color:#0ff4f7; margin-right:10px;}
.moreCourses{text-align:center;}
.moreCourses a{border-bottom:1px solid #e8bc23; color:#e8bc23;}
.footercol3{margin-bottom:20px; font-size:110%;padding:0 5%}
.mailUs{color:#e8bc23; margin-bottom:20px;}
.mailUs a, .helpline i{color:#c7d9ff;}
.helpline{color:#fff; margin-bottom:30px;}
.helpline a{color:#fff}
.helpline span{font-size:120%; color:#11dcd6}
.helpline ul{font-size:100%; color:#e8bc23; line-height:200%;}
.socialIcons{line-height:200%;}
.socialIcons li{float:left; width:20%; padding:0; margin:0; background:#0977c8;}
.socialIcons li:nth-child(2n+2){background:#004273;}
.socialIcons a{display:block; text-align:center;  padding:10% 0;color:#fff; font-size:200%;}
.footerSection{margin-bottom:25px}
.bottomLinks{font-size:90%; color:#fff; padding-bottom:40px}
.bottomLinks li{display:inline-block; padding:0 5px 20px}
.bottomLinks a{color:#e8bc23}

/******************* Chat & WhatsApp CSS ***********************/
.chat_script_mobile{display:block; position:fixed;z-index:99;bottom:99px;left:0;}
.call_btn{display:block; position:fixed;z-index:99;bottom:50px;left:0;}
.chat_script_mobile i,.call_btn i{font-size:34px;color: #fff;background:#24cc63;width:47px;height:45px;display:block;line-height:40px !important;margin:0 !important;}
.call_btn i{background:#2957a4;}
.chat_script_desktop{display:none !important;}
.header-image,.mfn-main-slider{display:none;}
.mobile_feature_image,.mobile_rev_slider{display:block;}

@media only screen and (min-width:360px)
	{	
		.program ul{font-size:90%}
		.program img{width:100px; height:auto; margin:0 auto}
	}
@media only screen and (min-width:480px)
	{
		.tollFree{width:350px; font-size:170%;}
		.headerTxt{font-size:130%}
		.program li{height:auto; padding:20px 0}
		.myframe{width:100%;height:300px}
		.scholarshipSection ul.cList li{font-size:120%; line-height:220%}
		.bottomLinks{padding-bottom:40px}
	}
@media only screen and (min-width:600px)
	{
		.callUs{font-size:130%; margin-bottom:40px}
		.callUs a{margin:0 15px}
		.fieldBox{width:45%; float:left; margin:0 10px 15px;}
		.inputbox{height:40px;}
		.submitQuery{width:20%;}
		.myframe{width:100%;height:200px}
		.callBox{margin-left:20px; position:relative; top:3px}
		.footercol2 li{width:50%; float:left; border:none;}
		.breadcrumb a{background:#e9491b; color:#fff; padding:0 5px;}
	}
@media only screen and (min-width:768px)
	{
		.chat_script_mobile,.call_btn{display:none;}
		.headerTxt{font-size:180%}
		.programSectionHeading{display:inline-block; font-size:120%}
		.program li{width:33.33%; float:left; border:none}
		.program span{font-size:130%}
		.curriculum{font-size:100%}
		.row{margin-top:30px}			
		.muFeatures li{width:50%; float:left}
		.footerSection{font-size:100%;}
		.scholarshipSection ul{padding-bottom:50px}
		.scholarshipSection li{width:50%;float:left;line-height:200%;}
		.buttLink, .buttLink2{position:relative;}
		.buttLink a, .buttLink2 a{margin:0;position:absolute; top:0; left:0;border:none !important;text-decoration:none !important}
	}
@media only screen and (min-width:1024px)
	{
		header{padding:5px 10px; margin:0; background:#fff}
		.header{flex-direction:row; gap:0; justify-content:space-between; align-items:center;}
		.logo{margin:0;}
		.logoRightSection{display:flex; justify-content:space-between; align-items:center; width:58%;}	
		
		.callUs{width:330px; height:81px; background:url('images/cwicons.jpg') no-repeat left; margin:0}
		.callUs span{display:none}
		.callUs a{display:block;}
		.toll{display:none; position:absolute; top:0; left:5px; background:none}
		.scholarshipTest{top:0px; padding:1px 20px;}
		.scholarshipLink{top:0px;  padding:1px 20px;}

		.hTxt{}
		.hTxt span{font-size:100%; display:block}

		.program{padding:40px 0 0;}
		.breadcrumb{text-align:left; margin-bottom:50px; padding:10px 20px; background:#f0f0f0;border-radius:5px}
		.programSectionHeading{font-size:180%}
		.program ul{font-size:150%}
		
		.curriculum{padding:30px 10px; text-shadow:none; letter-spacing:0.4px; text-align:justify;}		
		.curriculum h3{margin-bottom:15px; line-height:170%}		
		.coursesContainer{padding:30px 10px 0}
		.coursesContainer h4{font-size:200%; padding:10px 0}
		.row{font-size:90%}
		.buttonRow{padding:30px 0}
		.buttonRow h2{font-size:150%; line-height:120%}
		.modalButt, .modalButton{font-size:100%; padding:5px 20px}
		.firstCol, .secondCol, .thirdCol{width:33.33%; float:left; padding:20px 0 0; border:none; margin:0}
		
		.TxtRow{font-size:230%; font-variant:small-caps; text-transform:capitalize;}		
		.whyMU{font-size:110%}
		.muFeatures li{width:33.33%}
		.scholarshipSection h4{text-align:center}
		.fcol{text-align:center}
		.fcol span{display:inline-block}
		
		.enggCoursesList{text-align:center}
		.enggCoursesList li{width:50%; float:left; text-align:left}
		.enggCoursesList h4{display:inline-block; border-bottom:2px ridge #ef7f1d}
		.footercol, .footercol3{width:50%; float:left; padding:0}	
		.footercol i{display:block;}
		.helpline ul{font-size:100%; line-height:300%;}
		.bottomLinks{padding-bottom:0}
		.simplePopup{width:60%;min-width:60%;}
		.myframe{height:200px}

		.scholarshipSection ul.cList li{width:33.33%}
		
	}
@media only screen and (min-width:1280px)
	{
		.Container, .footerSection{width:1200px; max-width:1200px; margin:0 auto;}
		header{padding:10px 0;}
		.logoRightSection{width:65%}
		.callUs{}
		.callUs a{font-size:120%;}
		
		.scholarshipTest{top:0px; left:0; padding:5px 20px; border-top-left-radius:0; border-top-right-radius:0;}
		.scholarshipLink{top:0; left:53%; border-top-left-radius:0; border-top-right-radius:0; padding:5px 40px;}

		.hTxt{width:55%; background:transparent; padding:0; color:#ee7e1a; line-height:200%;}
		.hTxt span{font-family:'Impact'; font-size:170%; line-height:100%;color:#025fac; display:block}		
		.hTxt i{font-size:150%;font-weight:700}
		#bannerSection{width:100%; height:554px; background:url('images/banner.jpg') no-repeat center top; position:relative; background-size:cover;}
		.bannerTopBorder{width:100%; height:17px; background:#183a8f; display:block; position:absolute; top:0}
		.queryBox{width:455px; height:552px; background:url('images/querybox.png') no-repeat top; float:right; margin-top:3px}
		.queryBox h4{display:none}
		article{padding:40px 0;}		
		.qContainer{color:#0f307b; border:none; text-align:left; padding:120px 15px 0;}
		.fieldBox{width:90%; float:none; margin:0 auto;}
		.inputbox{height:32px; margin:0 0 10px;}
		.inputlbox{margin:0 0 10px;}
		.labeltxt{color:#264796;}
		.submitButton{border:none; background:linear-gradient(to bottom, #264796 0%, #224086 44%, #182e61 100%); border-radius:0;}
		.submitQuery{width:30%;}	
		.programSectionHeading{font-size:200%;}
		.program ul{font-size:130%}
		.program li{width:25%; line-height:170%;}
		.curriculum{padding:30px 0}
		.curriculum h3{text-align:center}
		.coursesContainer h4{display:inline-block; padding:10px 40px; margin:0;}	
		.row{margin:0 0 30px;font-size:95%}
		.firstCol, .secondCol, .thirdCol{width:30.33%}
		.thirdCol{width:39.33%}
		.row td:first-child{color:#df4c16}
		.highlights{margin:30px 0}
		.highlights img{width:100%; height:400px;}		
		.whyMU, .muFeatures{padding:20px 40px;}
		.whyMU{text-align:center}
		.whyMU h4{font-family:'georgia'; font-size:170%; display:inline-block; border-bottom:1px solid #fff; color:#fff; line-height:100%}
		.muFeatures{padding:40px 40px 0}
		.muFeatures li{width:14%; margin-right:2.6666666667%; text-align:center}
		.muFeatures span{display:block; margin-bottom:10px}
		.mufTxt{border-top:1px solid #f47445; border-bottom:1px solid #f47445; padding:10px 0; height:75px}
		.recruiters{padding:40px 0; text-align:center}
		.recruiters h4{font-size:250%; margin-bottom:20px}
		.recruiters p{font-size:120%}

		.scholarshipSection h3{text-align:left; display:inline-block; border-bottom:1px solid #fff; margin-bottom:20px; padding:0}
		.scholarshipSection ul.cList{padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #0b1a33}
		.scholarshipSection ul.cList li{width:33.33%; font-size:110%}

		.fcol span{margin-bottom:20px}
		.footercol{margin-bottom:0; line-height:180%}	
		.footercol3{width:40%; float:right; margin-top:1%}
		.helpline ul{font-size:120%; line-height:150%;}
		
		.bottomLinks{margin-top:25px}
		.bottomLinks li{padding-bottom:0}
		.simplePopup{width:45%;min-width:45%;}		
	}