@charset "UTF-8";
*{margin:0; padding:0; box-sizing:border-box; list-style:none;}
html{font-size:10px;}
body{font-family:'Roboto', sans-serif; font-size:1.4rem; position:relative;}
img{width:100%; max-width:100%; height:auto; border:none;}
input, textarea{width:100%; max-width:100%; resize:none;}
input:focus, textarea:focus{border:none; outline:none}
input[type=button]{-webkit-appearance:none; -moz-appearance:none;appearance:none;}
a, a:link, a:active{text-decoration:none;}
b, strong {font-weight:600 !important;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom: 1;}
header{position:sticky; top:0; z-index:999; background:#fff;}
#topBar{background:linear-gradient(110deg,#152f70 0%,#1a367b 48%,#122b64 100%);color:#fff;position:relative;overflow:hidden;font-size:1.4rem;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 .2rem 1rem rgba(10,29,70,.18);}
#topBar:before{content:"";position:absolute;width:22rem;height:22rem;top:-18rem;left:15%;background:rgba(60,181,243,.13);border-radius:50%;filter:blur(1rem);}
#topBar:after{content:"";position:absolute;width:28rem;height:28rem;right:8%;bottom:-25rem;background:rgba(255,192,0,.1);border-radius:50%;filter:blur(1rem);}
.topBar_inner{width:100%;margin:auto;padding:.8rem 1.5rem;display:grid;grid-template-columns:1fr;gap:.8rem;position:relative;z-index:1;}
.admission_notice{display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:3.8rem;padding:.5rem 1rem;border:1px solid rgba(255,192,0,.42);border-radius:.6rem;background:linear-gradient(90deg,rgba(255,192,0,.13),rgba(255,255,255,.04));box-shadow:inset 0 0 1.5rem rgba(255,192,0,.04);}
.admission_icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;flex:0 0 2.5rem;color:#ffc000;}
.admission_icon svg{width:1.8rem;height:1.8rem;fill:currentColor;}
.admission_notice span:last-child{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;}
.admission_notice strong{font-size:1.5rem;color:#fff;font-weight:700!important;letter-spacing:.01em;}
.admission_notice em{font-style:normal;color:#ffc000;font-weight:600;}
.topBar_actions{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;}
.enquire_btn,.login_btn,.call_btn{min-height:3.6rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.6rem 1.1rem;border-radius:.5rem;transition:.3s ease;white-space:nowrap;}
.enquire_btn{background:linear-gradient(135deg,#ffc000,#f39b00);color:#162e5f;font-weight:700;box-shadow:0 .3rem 1rem rgba(255,192,0,.2);}
.enquire_btn span{font-weight:800;}
.enquire_btn:hover{color:#162e5f;transform:translateY(-.1rem);box-shadow:0 .5rem 1.5rem rgba(255,192,0,.3);}
.login_btn{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-weight:600;backdrop-filter:blur(.5rem);}
.login_btn svg,.call_btn svg{width:1.7rem;height:1.7rem;fill:currentColor;flex:0 0 1.7rem;}
.login_btn:hover{background:#fff;color:#1a367b;border-color:#fff;}
.call_btn{color:#fff;padding-right:.3rem;}
.call_btn strong{color:#ffc000;font-weight:700!important;}
.call_btn:hover{color:#fff;}
.header_grid{display:grid; grid-template-columns:1fr; grid-gap:0.5rem; padding-top:1rem}
.logo{width:30rem; margin:0 auto 1rem}

.logoRightSection{min-height:48px;background:#162e5f;}
.navbar{color:#fff}
.hamburger{width:100%;padding:10px;cursor:pointer;display:flex;justify-content:flex-end}
.ham_wrap{display:flex;flex-direction:column;width:50px;background:#2f63d0;border-radius:5px;padding:5px;align-items:center}
.ham_wrap div{height:2px;width:30px;background:#fff;margin:3px 0;transition:.3s}
.ham_wrap.active .line1{transform:rotate(45deg) translate(6px,6px)}
.ham_wrap.active .line2{opacity:0}
.ham_wrap.active .line3{transform:rotate(-45deg) translate(7px,-7px)}
.menu{margin:0;padding:0;background:#3cb5f3;display:none;flex-direction:column}
.menu li{border-bottom:1px solid #38a8e1}
.menu li a{color:#fff;text-decoration:none;padding:12px 15px;display:block}
.menu li.has-sub{position:relative;}
.sub-arrow{position: absolute;right:15px;top: 0;font-size: 30px;cursor: pointer;display: inline-block;}
.menu li.open > .sub-arrow{transform:rotate(90deg);}
.menu ul{padding-left:0;display:none;background:#fff;color:#000}
.menu li li{border-bottom:1px solid #ececec}
.menu ul li a{padding-left:30px;color:#000}
.menu ul ul li a{padding-left:45px}

.Container{width:100%;max-width:120rem;margin:0 auto;}
.section-title{font-size:2.8rem;font-weight:700;color:#1e3a8a;margin-bottom:1.5rem;}
.section-description{font-size:1.6rem;color:#222;margin-bottom:4rem; line-height:3rem}
.text-center{text-align:center;}
.hero-section{display:flex;flex-direction:column;position:relative;background:#162d5e;}
.hero-img{width:100%;height:auto;display:block;}
.hero-container{position:relative; padding:2rem;}
.hero-widget input{width:fit-content;}
.table-section{padding:8rem 2rem;background-color:#fff;font-size:1.5rem;}
.section-header{text-align:center;display:flex;flex-direction:column;align-items:center;}
.table-responsive{width:100%;}
.scholarship-table,.scholarship-table thead,.scholarship-table tbody,.scholarship-table th,.scholarship-table td,.scholarship-table tr{display:block;}
.scholarship-table thead tr{position:absolute;top:-9999px;left:-9999px;}
.scholarship-table tr{border:0.1rem solid #e5e7eb;border-radius:0.8rem;margin-bottom:1.6rem;background-color:#fff;padding:1.6rem;box-shadow:0 0.2rem 0.8rem rgba(0,0,0,0.08);}
.scholarship-table td{position:relative;padding:1rem 0;display:flex;flex-direction:column;gap:0.4rem;color:#222;border-bottom:0.1rem solid #f3f4f6;}
.scholarship-table td:last-child{border-bottom:none;}
.scholarship-table td::before{content:attr(data-label);font-size:1.6rem;font-weight:700;color:#1e3a8a;text-transform:uppercase;padding:0.5rem 0;}
.faq-section{padding:8rem 2rem;background-color:#fafafa;}
.faq-accordion{max-width:90rem;margin:4rem auto 0;display:flex;flex-direction:column;gap:1.6rem;}
.faq-item{background-color:#fff;border-radius:0.8rem;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.05);overflow:hidden;}
.faq-question{padding:2rem;font-size:1.6rem;font-weight:600;color:#111;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:background-color 0.2s ease;}
.faq-question::-webkit-details-marker{display:none;}
.faq-question:hover{background-color:#f8fafc;}
.faq-icon{font-size:2rem;color:#1e3a8a;transition:transform 0.3s ease;}
.faq-item[open] .faq-icon{transform:rotate(45deg);}
.faq-answer{padding:0 2rem 2rem;font-size:1.5rem;color:#222;line-height:1.6;}
.faq-answer p{padding:1rem 0 0;}

footer{background:#1d3577; padding:3rem 2rem; color:#fff;}
.footer_top{display:grid; gap:5rem; margin-bottom:3rem;}
.footer_col{display:flex; flex-direction:column; gap:2rem; font-size:1.5rem; line-height:2.5rem;}
.footer_col span{font-size:2rem; font-weight:600}
.footer_col a{color:#fff;}
.footer_col a:hover{color:#fff !important;}
.address{display:flex; flex-direction:column; gap:1.6rem;}
.add_line{display:grid; gap:1.6rem; grid-template-columns:1.6rem 1fr}
.add_line svg{top:0.6rem; position:relative;}
.muo_logo{width:28rem;}
.socialIcons ul{display:flex; align-items:center; gap:2rem;}
.socialIcons a{font-size:2rem;}
.footer_bottom{border-top:1px solid #ccc; padding:3rem; text-align:center;}

/* Goto Top button */
#button{display:inline-flex;align-items:center;justify-content:center;background-color:#FF9800; color:#fff; width:5rem;height:5rem;border-radius:4px;position:fixed;bottom:3rem;right:1rem;transition:background-color .3s,opacity .5s,visibility .5s,transform .2s;opacity:0;visibility:hidden;z-index:1000}
#button svg{width:5rem;height:5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);color:#fff;}
#button:hover{cursor:pointer;background-color:#333;transform:scale(1.1)}
#button:active{background-color:#555;transform:scale(0.95)}
#button.show{opacity:1;visibility:visible}

@media only screen and (min-width:420px){.logo{width:30rem;}}
@media only screen and (min-width:768px)
{	
	#topBar{font-size:1.4rem}
	.topBar_inner{grid-template-columns:auto 1fr;align-items:center;padding:.7rem 2rem}
	.admission_notice{justify-content:flex-start;border:none;background:transparent;box-shadow:none;padding:0}
	.topBar_actions{justify-content:flex-end;gap:1rem}
	.enquire_btn,.login_btn,.call_btn{min-height:3.5rem;padding:.5rem 1rem}
	.hero-content{text-align:left;}
	.highlight-text{display:inline;font-size:4rem;}
}

@media only screen and (min-width:1024px)
	{	
		.topBar_inner{max-width:120rem;padding:.7rem 1.5rem}
		.admission_notice{gap:.9rem}
		.admission_notice strong{font-size:1.5rem}
		.admission_notice em{font-size:1.4rem}
		.enquire_btn,.login_btn{padding:.55rem 1.3rem}
		.call_btn{padding-left:1rem}
		
		.header_grid{width:100%; display:flex; justify-content:space-between; align-items:center; padding:1rem; gap:2rem;}
		.logo{margin:0}		
		.hamburger{display:none}
		.menu{display:flex!important;flex-direction:row;justify-content:flex-start;background:transparent; padding-top:0.5rem}
		.menu li{position:relative;border:none}
		.menu li a{padding:10px 20px;color:#fff;background:#1a367b;white-space:nowrap; font-weight:600}
		.sub-arrow{display:none;}
		.menu > li > ul{position:absolute;top:100%;left:0;display:none;min-width:220px;z-index:999}
		.menu > li:hover > ul{display:block}
		.menu li ul ul{top:0;left:100%;position:absolute;min-width:200px;background:#fff;display:none}
		.menu li ul li:hover > ul{display:block}
		.open-left ul ul{left:auto!important;right:100%}
		.menu li li a{padding:8px 20px;color:#000;background:#efefef; font-weight:400}
		.menu li:hover > a{background:#0c80be;color:#fff !important;}
		.menu ul ul li a{padding-left:20px}
		.hero-section{position:relative;background:transparent;}
		.hero-container{position:absolute; top:0; left:50%; width:100rem; transform:translateX(-50%);  display:flex; justify-content:flex-end;padding:0}		
		.hero-widget{margin:0;max-width: 40rem;}
		.section-title{font-size:3.6rem;}
		.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:0 0.4rem 0.6rem rgba(0,0,0,0.05);border-radius:0.8rem;}
		.scholarship-table{display:table;width:100%;border-collapse:collapse;min-width:80rem;background-color:#fff;}
		.scholarship-table thead{display:table-header-group;}
		.scholarship-table thead tr{position:static;display:table-row;}
		.scholarship-table tbody{display:table-row-group;}
		.scholarship-table tr{display:table-row;border:none;margin-bottom:0;border-radius:0;padding:0;box-shadow:none;}
		.scholarship-table tr:hover{background-color:#f9fafb;}
		.scholarship-table th{display:table-cell;background-color:#1e3a8a;color:#fff;font-weight:600;text-align:left;padding:1.6rem;font-size:1.4rem;white-space:nowrap;}
		.scholarship-table td{display:table-cell;padding:1.6rem;border-bottom:0.1rem solid #f3f4f6;vertical-align:top;}
		.scholarship-table td::before{content:none;display:none;}

		.footer_top{gap:20rem; grid-template-columns:1.5fr 1fr 1fr;}
		.footer_col{display:flex; flex-direction:column; gap:2rem; font-size:1.5rem; line-height:2.5rem;}
		.footer_col span{font-size:2rem;}
		.footer_col a{color:#fff;}
		.footer_col a:hover{color:#fff !important;}
	}
@media only screen and (min-width:1280px)
	{	
		#topBar{font-size:1.45rem}
		.topBar_inner{padding:.65rem 0}
		.topBar_actions{gap:1.3rem}
		.admission_notice{position:relative;padding-right:3rem}
		.admission_notice:after{content:"";width:1px;height:2.4rem;background:rgba(255,255,255,.18);position:absolute;right:0;top:50%;transform:translateY(-50%)}
		.enquire_btn{padding:.65rem 1.5rem}.login_btn{padding:.65rem 1.4rem}.call_btn{padding:.65rem 0 .65rem 1.2rem}

		.logoRightSection{min-height:48px;background:transparent;}
		.Container{padding:0}
		.header_grid{padding:0.5rem 0}
		.hero-container{width:100%; max-width:120rem; align-items:center;}
		footer{padding:5rem 0 0}
	}
@media only screen and (min-width:1800px)
	{	
		.hero-container{height:100%; }
	}