@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%;border:none;}
b,strong{font-weight:700;}
input, textarea{width:100%; resize:none;}
input:focus, textarea:focus{border:none; outline:none}
select:invalid{color:#444}
a, a:link, a:active{text-decoration:none;}
*{box-sizing:border-box;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom: 1;}

.cta_bar{padding:3rem 2rem; background:#27a3dd; text-align:center;}

.cta_button{background: yellow;padding: 1rem;border-radius: 0.5rem;font-size: 2rem;border: 5px solid #500;text-align:center;}
.cta_button a{color:black;}

header{width:100%; height:auto; background:#134a79 url('images/headerbg.png') no-repeat top;  background-size:contain; padding-top:20px}
.logo{width:215px; margin:0 auto 30px}
.logo a{display:flex; justify-content: center; align-items: center; gap:10px; flex-direction: column;}
.logo a img:last-child{width:100px}

.headerTxt{text-align:center; line-height:200%}
.headerTxt h4{font-size:140%; font-weight:700; color:#fff; line-height:200%; margin-bottom:20px; }
.headerTxt h4 small{display:block; font-size:90%}
.headerTxt ul{width:90%; margin:0 auto 40px}
.headerTxt li{text-align:left; position:relative; padding-left:70px; height:70px; color:#fff; margin-bottom:15px; font-size:100%}
.headerTxt li img{position:absolute; top:0; left:0; width:60px; height:70px;}


.queryBox{background:#fff; padding:30px 20px; text-align:left;}
.queryBox input{width:fit-content;}
.queryBox h4{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 #a8a8a8; background:#e8e7e7; 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 #a8a8a8; background:#e8e7e7; 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;  -webkit-appearance: none;}

#whyMU, #approvals, #programs, #recruiters, #visitors{background:#fc6c20; padding:40px 20px; text-align:center}
h1, #approvals h2, #programs h2, #recruiters h3, #visitors h3{font-size:120%; font-weight:700; color:#fff;line-height:150%}
h1 span{display:block}
.bdrW, .bdrO, .bdrG{background:#fff; border-radius:10px; width:20%; height:5px; margin:10px auto 50px}
.bdrO{background:#fc6c20;}
.bdrG{background:#909090; width:90%; height:2px;margin:10px auto}
/* #whyMU img{width:262px; height:262px;} */
#whyMU li, #approvals li, #recruiters li, #visitors li{margin-bottom:30px}
.feat_container{display:flex; justify-content: center; align-items: center; gap:10px; flex-direction: column; color:white; line-height:150%; border:1px solid white; border-radius:50%; padding:10px; width:250px; height:250px; margin:auto;}
.feat_txt{display:flex; justify-content: center; align-items: center; gap:5px; flex-direction: column;}
.feat_txt span{font-weight:700; font-size:150%; letter-spacing: 1.5px;}

#approvals{background:#134a79;}
#approvals img{width:224px;}

#visitors{background:#fff;} 
#visitors h3{color:#fc6c20}
#recruiters img{width:220px; height:auto;}

.visitorContainer{position:relative}
.visitorContainer ul{white-space:nowrap;overflow:hidden;margin:0 0 20px}
.visitorContainer ul li.item{display:inline-block;width:100%;position:relative;vertical-align:top;overflow:hidden;height:auto;white-space:normal;padding:0 10px}
.visitorContainer ul li.item img{width:155px; height:auto;}
.visitorContainer figcaption{margin:10px 0 0;color:#000;font-size:140%; text-align:center; line-height:130%}
.visitorContainer figcaption span{display:block; font-size:70%; color:#333}

.leader-image{padding:20px 25px;cursor:pointer;background:#27a4de;border-bottom:1px solid #e2f8fe; color:#fff;font-size:130%; position:relative;}
.leader-content{display:none;height:auto;background:#e2f8fe; padding:30px; font-size:95%; text-align:left}
.leader-image::after{font-family: 'FontAwesome';content:"\f107"; width:30px; height:30px; border-radius:50%; position:absolute; right:10px; top:50%; transform:translateY(-50%);background:#fff; color:#23364a; display:flex; align-items:center;  justify-content:center;}


.mainWrapper{background:#24374c; padding:10% 10px; text-align:left;}
.tabs_wrapper{width:100%;text-align:center;margin:0 auto;background: transparent;}
ul.tabs{display:inline-block;vertical-align:top;position:relative;z-index:10;margin:0;padding:0;width:23%;min-width:175px;list-style:none; transition:all 0.3s ease;}
ul.tabs li{margin:0;cursor:pointer;padding:15px 25px;line-height:31px;color:#fff;text-align:left;font-weight:500;background:transparent;transition:all .3s ease}
ul.tabs li:hover{background:#2a3e62;transition:all .3s ease}
ul.tabs li.active{background:#e95300;transition:all .3s ease;position:relative;z-index:2;}
ul.tabs li.active:after{font-family:'FontAwesome'; width:40px;height:40px;background:transparent;z-index:20; position:absolute; left:99%; top:30%; content:'\f0da'; font-size:350%;color:#e95300}
.tab_container{display:inline-block;vertical-align:top;position:relative;z-index:9;left:-3px;width:75%;min-width:10px;text-align:left;background:#ebeaea;box-shadow:2px 2px 10px rgba(0,0,0,0.5)}
.tab_content{padding:20px;height:100%;display:none;line-height:140%; font-size:90%}
.tab_content h2{font-family:'Arial Narrow Bold', sans-serif;font-size:200%;font-weight:900;color:#264796;margin-bottom:20px;}
.tab_drawer_heading{display:none}

.applyNowButt{display:block; text-align:center; margin:20px 0}
.applyNowButt a{display:inline-block; background:#e95300; color:#fff; font-size:150%; font-weight:500;padding:10px 50px;border-radius:5px;}


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;font-size:inherit;}
.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 ul{line-height:200%; display:flex; gap:10px;}
.socialIcons li{background:#0977c8;}
.socialIcons li:nth-child(2n+2){background:#004273;}
.socialIcons a{display:flex; text-align:center;  padding:10px;color:#fff; font-size:200%;}
.socialIcons a:hover{text-decoration:none !important;}
.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)
	{		
		header{background-size:100% 20%;}
		.headerTxt li{font-size:115%;padding-left:80px;}
		.headerTxt li img{top:-3px; }		
		h1, #approvals h2, #recruiters h3, #visitors h3{font-size:140%;}
	}

@media only screen and (min-width:480px)
	{
		.headerTxt h4{font-size:160%;}
		.headerTxt ul{width:70%}
		#recruiters ul{display:grid; grid-template-columns:auto auto; gap:20px}
		#recruiters li{margin:0}

		.leader-content{text-align:justify}

		.feeTable table td:before{width:25%;}
		.bottomLinks{padding-bottom:40px}
	}

@media only screen and (min-width:600px)
	{
		.headerTxt h4{font-size:150%;}
		.headerTxt ul{width:65%}
		.headerTxt li{font-size:130%}
		.headerTxt li img{top:-3px; }
		.fieldBox{width:45%; float:left; margin:0 10px 15px;}
		.inputbox{height:40px;}
		.submitQuery{width:20%;}

		#approvals li{width:50%; float:left;}

		.footercol2 li{width:50%; float:left; border:none;}
		.breadcrumb a{background:#e9491b; color:#fff; padding:0 5px;}
	}

@media only screen and (min-width:768px)
	{
		header{background-size:100% 25%; }
		.headerTxt h4{font-size:200%;}
		.headerTxt ul{width:95%}
		.headerTxt li{font-size:130%; width:50%; float:left; margin-bottom:30px}

		h1, #approvals h2, #recruiters h3, #visitors h3{font-size:180%;}
		.bdrW, .bdrO{width:120px;}

		#recruiters ul{grid-template-columns:auto auto auto;}

		#whyMU ul{display:grid; grid-template-columns: 1fr 1fr; grid-gap:20px}

		.visitorContainer ul li.item{width:50%}	

		.footerSection{font-size:100%;}
	}

@media only screen and (min-width:1024px)
	{	
		header{background-size:cover; }
		.headerTxt h4{font-size:200%;}
		.headerTxt ul{width:80%}
		.logo a{flex-direction: row;}

		#approvals li{width:25%; margin-bottom:0}		
		#approvals img{width:200px;}
		#recruiters ul{grid-template-columns:auto auto auto auto;}

		.mainWrapper{padding:2% 0;}
		.leader-content h2{line-height:150%; font-size:150%; font-weight:700; color:#264796; }
		.feeTable{background:transparent; font-size:110%; padding:0; color:#333; margin:30px 0;line-height: 170%;}
		.feeTable table{width:100%; text-align:center}
		.feeTable table td:first-child, .feeTable table th:first-child{width:25%;text-align: left;}
		.feeTable table td:nth-child(2n), .feeTable table th:nth-child(2n){width:10%}
		.feeTable table td:nth-child(3n), .feeTable table th:nth-child(3n){width:35%}
		.feeTable table td:last-child, .feeTable table th:last-child{width:30%}
		.feeTable table th, .feeTable table td{padding:10px 20px;vertical-align:middle}
		.feeTable table th{background:#183a8e;color:#fff;font-size:110%;letter-spacing:1.5px;text-transform:uppercase;}
		.feeTable table td{background:#fff;font-size:100%;font-weight:500}	
		.feeTable table td em{color:#e95300;font-size:80%;font-weight:400}
		.feeTable table td:first-child{color:#183a8e}
		.feeTable table td p{padding:5px;margin:0;}	
		.spacer{height:10px}
		.feeTxt{padding-left:0;color:#1573d0}
		.feeTxt span{color:#000}

		.visitorContainer ul li.item{width:33.33%}
		.visitorContainer figcaption{line-height:150%}

		
		.footercol, .footercol3{width:50%; float:left; padding:0}	
		.footercol i{display:block;}
		.helpline ul{font-size:100%; line-height:300%;}
		.bottomLinks{padding-bottom:0}
	}

	@media only screen and (min-width:1200px)
	{		
		header{padding:30px 0 50px}
		.Container, .footerSection{width:1100px; max-width:1100px; margin:0 auto;}
		.logo{margin:0 0 50px; width:350px}
		.logo a{justify-content: flex-start;}
		.logo a img:first-child{width:215px}
		.logo a img:last-child{height:67px; width:auto}
		.headerTxt{width:60%; float:left;}
		.headerTxt h4{font-family:'Verdana'; font-size:250%; margin-bottom:50px; letter-spacing:1.5px;}
		.headerTxt ul{width:100%}
		.headerTxt li{font-size:110%; margin-bottom:50px;}
		.headerTxt li img{width:71px; height:70px;}

		.queryBox{width:35%; float:right; padding:1px; border-radius:10px}
		.qContainer{color:#0f307b; border:none; text-align:left; padding: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%;}	
		.errmsgbox, .succmsgbox{width:90%; margin:0 auto 5px}		

		
		#approvals img{width:224px;}
	}

@media only screen and (min-width:1280px)
	{
		.Container, .footerSection{width:1200px; max-width:1200px;}	
		.headerTxt li{font-size:130%;}
		.headerTxt{width:68%;}
		.queryBox{width:32%; background:transparent !important;}
		.queryBox h4{font-size:130%;}

		#whyMU, #approvals, #recruiters, #visitors{padding:50px 0 70px}
		h1, #approvals h2, #recruiters h3, #visitors h3{font-size:250%;}	
		#whyMU ul{grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:20px}
		.bdrG{width:60%;}

		.visitorContainer figcaption{font-weight:300;font-size:130%}
		.visitorContainer ul li.item{padding:0 20px;width:25%}		

		.leader-content{font-size:100%}
		.leader-content span{font-size:120%;color:#ed343e;}

		.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}		

		.cta_button{width: max-content; margin: auto;}
	}

	@media only screen and (min-width:1360px)
	{
		.Container, .footerSection{width:1280px; max-width:1280px; }		
		.headerTxt h4{font-size:280%; line-height:140%}
		.headerTxt ul{width:85%}
	}

	.cta{position:fixed;top:calc(50% - 70px);right:20px;transform-origin:right;transform:translateY(-50%) rotate(-90deg);transition:all 1s;color:#ecf123;text-transform:uppercase;font-size:100%;padding:10px;background:#024589;border-radius:5px 5px 0 0; z-index:99}
	.cta a{color:#fff;}
	.hide{opacity:1;right:-100%}
	.show{opacity:1;right:20px}

	@media screen and (max-width:1023px) {	
		.leader-content h2{font-size:140%;color:#264796;margin:0;line-height:150%;text-align: center;}
		.feeTable{font-size:85%; padding:20px 0; margin:0 0 20px;}
		.feeTable table{width:100%; margin:0 auto}
		.feeTable table thead{display:none; }
		.feeTable table tr{display:block;margin-bottom:20px;}
		.feeTable table td{background:#fff; display:block;font-size:100%; text-align:left; color:#000;padding:10px;font-weight:500;}
		.feeTable table td:before{content: attr(data-label);float: left;font-weight:600;text-transform:uppercase; width:45%; color:#ff6666}
		.feeTable table td:first-child:before{display:none;width:0}
		.feeTable table td:first-child{border-bottom:1px solid #ddd;font-size:120%;color:#1573d0}
		.feeTable table td p, .feeTxt{padding-left:45%;color:#1573d0}
		.feeTxt span{color:#000}
		.spacer{display:none}
	}