#main_header{border-bottom:4px solid var(--accentCol)}
.bgBlinker{display:none;}
.main_header{padding:1rem}
.logo{width:220px;}
.logo p, .akam_logo, .g20_logo, .excellence_logo, .header_contact{display:none;}
#hero{margin-bottom:0.2rem;}
.slider_container{position:relative;width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;overflow:hidden}
.slider{position:relative;width:400%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;animation:30s cubic-bezier(1,0.95,0.565,1) sliding infinite}
.slide{position:relative;min-width:100%;height:100%}
.slide img{width:100%;height:auto;}
.slide .caption{position:absolute;left:0;bottom:5%;font-size:5rem;font-weight:600;color:#fff;text-transform:capitalize;background:rgba(0,0,0,0.348);backdrop-filter:blur(10px);padding:1rem 5rem;border-radius:0 2rem 2rem 0}
@keyframes sliding{
0%{transform:translateX(0%)}
20%{transform:translateX(0%)}
25%{transform:translateX(-100%)}
45%{transform:translateX(-100%)}
50%{transform:translateX(-200%)}
70%{transform:translateX(-200%)}
75%{transform:translateX(-300%)}
95%{transform:translateX(-300%)}
100%{transform:translateX(-400%)}
}
.queryBox{background:var(--lightbg); padding:2rem; display:flex; flex-direction:column; gap:1.3rem; height:48.2rem;}
.online_pay_link{display:flex; align-items:center; justify-content:center; gap:1rem}
.querybox_heading, .online_pay_link a{font-weight:700; color:var(--accentCol); font-size:1.8rem;}
.querybox_heading{color:var(--bgPrimary); display:flex; justify-content:center;}

.scrolling_bar{background:var(--lightbg); padding:1rem;}
.scrolling_text{padding:0 1rem; font-size:1.6rem; font-weight:500}


.scrolling_text p{position: relative; overflow: hidden; background:linear-gradient(90deg, #083880, #f00, #083880); background-repeat: no-repeat; background-size:80%; animation:animate 3s linear infinite; -webkit-background-clip:text; -webkit-text-fill-color:rgba(0, 0, 0, 0.5); }
@keyframes animate {
	0% {
		background-position:-500%;
	  }
	  100% {
		background-position:500%;
	  }
}
.scrolling_text p a{-webkit-text-fill-color:var(--accentCol);}

#why_mu{padding:2rem; background:white;}
#why_mu h1, .divider_line, #why_mu h2{color:var(--bgSecondary); font-weight:500; font-size:2.5rem; text-align:center; margin-bottom:2rem;}
#why_mu h2{font-size:2rem;}
.divider_line{background-color:var(--accentCol); margin:0 auto 2rem; width:30%; height:0.5rem}
.why_mu_txt{line-height:2.5rem; font-size:1.5rem; }
.why_mu_txt a{color:inherit; font-weight:500; border:none; transition:all 0.5 ease;}
.why_mu_txt a:hover{color:var(--accentCol); border-bottom:1px solid var(--accentCol);}

#mu_highlights{padding:3rem 2rem; background:var(--lightbg);}
.mu_highlights_wrapper{display:grid; grid-gap:1rem;}
.mu_highlights_box{border:1px solid var(--darkbg); border-radius:3rem 3rem 0 3rem; padding:2rem; background:white; display:flex; flex-direction:column; align-items:center; gap:1rem;}
.mu_highlights_box i{font-size:7rem; color:var(--accentCol);}
.mu_highlights_box .count_num{font-size:3rem;color:var(--bgSecondary); font-weight:700; display:flex; align-items:center; justify-content:center;}
.mu_highlights_box p{font-size:1.6rem;}

#recog_section{background:var(--bgSecondary); color:white; padding:4rem 2rem;}
#recog_section h2{font-weight:500; font-size:2.4rem; text-align:center; margin-bottom:2rem;}
.recog_container{padding:0 2rem;}
.recog_box{display:flex; justify-content:center; align-items:center; flex-direction:column; gap:2rem; font-size:1.6rem; color:var(--lightbg); text-align:center}
.recog_box img{width:15rem !important; height:auto;}

.owl-carousel .owl-nav{position:absolute; width:80%;display:flex; justify-content:space-between;align-items:center; top:30%; left:10%}
.owl-carousel .owl-prev b, .owl-carousel .owl-next b{width:3rem; height:3rem; background:black; display:inline-block; border-radius:4px; font-size:2rem; color:white; position:relative}
.owl-carousel .owl-prev b img, .owl-carousel .owl-next b img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.owl-carousel .owl-prev b{left:-3rem}
.owl-carousel .owl-next b{right:-3rem}
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover{background:transparent !important}
.owl-carousel .owl-prev:hover b, .owl-carousel .owl-next:hover b{background:var(--accentCol); color:var(--lightbg)}

.message_wrapper{padding:5rem 2rem; line-height:3rem;}
.msg_box{display:flex; flex-direction:column; gap:2rem; padding:2rem 0; margin-bottom:2rem}
.author{display:flex; gap:2rem; align-items:center; gap:2rem}
.author img{width:10rem; border-radius:50%;}
.auth_info span{font-weight:500; color:var(--accentCol);}
.auth_info span small{font-weight:400; color:black;display:block; font-size:1.3rem}
.sep_line{display:none;}

#blog_section{background:var(--bgSecondary); color:white; padding:4rem 2rem;}
#blog_section h2{font-weight:500; font-size:2.4rem; text-align:center; margin-bottom:2rem;}
.blog_wrapper{display:flex; justify-content:center; align-items:center; flex-direction:column; gap:2rem; font-size:1.6rem; color:var(--bgPrimary); text-align:center; margin-bottom:2rem;}
.blog_box{display:flex; justify-content:center; align-items:center; flex-direction:column; gap:0.5rem;background:white;padding:0.2rem 0.2rem 1rem; border-radius:0.2rem; color:black; line-height:3rem}
.blog_box a{color:var(--bgSecondary);}
.blog_box p{padding:0 2rem}
.view_button{display:flex; justify-content:center}
.view_button a{width:max-content; padding:1rem 2rem; background:var(--accentCol); color:white; font-size:1.6rem; font-weight:500; border-radius:0.5rem;}

.showcase{display:grid;grid-template-columns:1fr; line-height:2.6rem; font-size:1.6rem; text-align:center;}
.sc_col, .sc_col2, .sc_col3, .sc_col4{width:100%;background:#ec6938; color:white; padding:5rem 2rem}
.sc_col2{background:var(--lightbg); color:black;}
.sc_col3{background:var(--bgSecondary);}
.sc_col4{background:var(--accentCol);}

.showcase h3{font-weight:500; font-size:2.4rem; text-align:center; margin-bottom:2rem; color:inherit;}
.bdr-line{background-color:white; margin:0 auto 3rem; width:20%; height:0.5rem}
.showcase p{margin-bottom:3rem;}
.arrow_link{display:flex; justify-content:center;}
.arrow_link a{font-size:2.5rem; font-weight:700; color:inherit}
.sc_col_2 > .bdr-line{background-color:#ec6938;}

#tp{background:url('../images/placement/training-placement.webp') no-repeat center top; background-size:cover; color:white; padding:4rem 2rem; text-align:center; line-height:3rem; font-size:1.6rem; font-weight:500}
#tp h3{font-weight:700; font-size:2.5rem; text-align:center; color:inherit;}
#tp p{padding:2rem;}
#tp h3 span{color:var(--accentCol);}
.know_butt{display:flex; justify-content:center}
.know_butt a{width:max-content; padding:1rem 4rem; font-size:1.8rem; font-weight:500; color:white; background-color:var(--accentCol); border-radius:1rem;}

#visitor_section{background:var(--lightbg); padding:4rem 2rem;}
#visitor_section h3, #recruiter h3{font-weight:500; font-size:2.5rem; text-align:center; margin-bottom:2rem; color:var(--bgSecondary)}
#visitor_section h3 span, #recruiter h3 span{color:var(--accentCol)}
.visitor_container, .recruiterContainer{padding:0 2rem;}
.visitor_box img{width:23rem; height:auto;}

#recruiter{padding:4rem 2rem;}
.recruiterContainer img{width:15rem !important; height:auto; margin:auto;}

#bottom{background:#060f1e; padding:4rem 2rem; border-top:0.5rem solid var(--accentCol); color:var(--lightbg); line-height:3rem; font-size:1.6rem;}
.bottom_wrapper{display:grid; gap:3rem;}
.bottom_col{display:flex; flex-direction:column; gap:2rem}
.bottom_col h4{font-size:2rem; color:var(--accentCol); font-weight:500;}
.bottom_col ul a{color:inherit;}
.bc_row{display:flex; gap:2rem; align-items:start;}
.bc_row a{color:inherit}
.bc_row_icon{width:3.5rem; height:3.5rem;  border:1px solid rgba(255,255,255,0.3); border-radius:50%; background-color:#060f1e; display: flex; justify-content: center; align-items: center;}
.bc_row_icon i{font-size:1.6rem; color:var(--lightbg)}
.bc_row_text{flex:1}
.items_center{align-items:center}
.bc_row_sep_line{height:0.2rem; background:var(--lightbg); width:100%;}
.social_links{display:flex; flex-direction:column; gap:1rem}
.social_links span{font-weight:500}
.social_links > ul{display:flex; gap:2rem; align-items:center;}
.social_links > ul > li{width:max-content; padding:1rem 1rem 0; background:white; display:flex; justify-content:center; align-items:center; border-radius:0.5rem;}
.social_links > ul > li i{color:#060f1e; font-size:2.5rem;}

footer{background:var(--accentCol); color:white; padding:2rem;}
.footer_wrapper{display:flex; flex-direction:column; gap:2rem; align-items:center;}
.footer_links ul{display:flex; gap:2rem; justify-content:center; flex-wrap:wrap;}
.footer_links ul li{width:max-content;}
.footer_links ul li a{color:inherit;}

/* Goto Top button */
#button{display:inline-block;background-color:#FF9800;width:5rem;height:5rem;text-align:center;border-radius:4px;position:fixed;bottom:3rem;right:3rem;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000}
#button::after{content:"\f077";font-family:FontAwesome;font-weight:400;font-style:normal;font-size:2em;line-height:5rem;color:#fff}
#button:hover{cursor:pointer;background-color:#333}
#button:active{background-color:#555}
#button.show{opacity:1;visibility:visible}

@media only screen and (min-width:360px)
	{
		.logo{width:250px;}
	}
@media only screen and (min-width:420px)
	{
		.logo{width:300px;}
	}
@media only screen and (min-width:768px)
	{
		.why_mu_txt{text-align:justify;}
		.mu_highlights_wrapper{grid-template-columns:1fr 1fr 1fr 1fr;}
		.recog_container{padding:0 5rem;}

		.message_wrapper{font-size:1.6rem; display:flex; justify-content:space-between; gap:1rem;}
		.auth_info span{font-weight:700;}
		.sep_line{display:inline-flex; width:0.7rem; background:var(--accentCol);}
		.msg_box{padding:0; margin-bottom:0}

		.blog_wrapper{flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items: stretch;}
		.blog_box{flex-basis:48%}

		.showcase{grid-template-columns:1fr 1fr;}
		.sc_col, .sc_col2, .sc_col3, .sc_col4{background:url('../images/showcase/lifeatmu.webp') no-repeat left top; padding:0;background-size:cover; display:flex;}
		.sc_col2{background:url('../images/showcase/event.webp') no-repeat left top; background-size:cover;}
		.sc_col3{background:url('../images/showcase/lab.webp') no-repeat left top; justify-content:flex-end; background-size:cover;}
		.sc_col4{background:url('../images/showcase/event2.webp') no-repeat left top;  justify-content:flex-end; background-size:cover;}
		.sc_col_1, .sc_col_2, .sc_col_3, .sc_col_4{flex-basis:50%; background-color:#ec6938; height:100%; padding:2rem; width:50%; overflow:hidden;}
		.sc_col_2{background:var(--lightbg);}
		.sc_col_3{background:var(--bgSecondary);}
		.sc_col_4{background:var(--accentCol);}

		#tp h3{font-size:3rem;}
	}
@media only screen and (min-width:1024px)
	{	
		.main_header, .logo p, .excellence_logo{display:flex; align-items:center;}		
		.excellence_logo{width:11rem;}
		.main_header{justify-content:space-between;}		
		.main_header .logo img{height:auto;}
		.logo p{font-size:1.3rem; font-weight:500; color:black; line-height:2.2rem; justify-content:end;}		
		.header_contact{display:flex;  font-size:2rem; gap:.5rem; font-weight:300; height: 50px; justify-content: center;}
		.hc_col, .hc_col_2{display:flex; gap:1rem; align-items:center;}
		.hc_col_2{justify-content:flex-end}
		.header_contact i{color:var(--accentCol); font-size:2rem; width:2rem;}	
		.header_contact em{color:var(--accentCol); font-size:1.4rem; width:11rem; font-weight:500}	
		i.fa-square-whatsapp{color:green;}

		#main_navigation{background:var(--bgSecondary)};
		
		#hero{position: relative; overflow: hidden;}
		.hero_wrapper{position:relative; z-index:1}
		.slider_container{height:45rem;}
		.queryContainer{position:absolute; top:0; right:0; width:100%; height:100%; display:flex;justify-content: flex-end; min-height:49rem;}
		.queryBox{width:35%; height:100%; background:rgba(223,224,227,0.8); display:flex; flex-direction: column;}
		.query_form{height:100%; flex-grow:1;}

		.scrolling_bar{padding:2rem 0;}	
		.mu_highlights_box p{text-align:center; line-height:3rem; font-weight:500}

		.owl-carousel .owl-nav{width:90%; left:5%}

		.blog_box{flex-basis:23%}

		.bottom_wrapper{grid-template-columns:1fr 1fr 1fr 1fr;  gap:2rem;}
	}
@media only screen and (min-width:1280px)
	{
	#header_top_menu_bar{background:var(--darkbg);}
	.header_top_menu{display:flex; justify-content:space-between; align-items:center; padding:1rem 0}
	.bgBlinker{display:flex; width:max-content; white-space:nowrap; background:var(--darkbg); padding:0.8rem 1rem; border-radius:1rem; animation:BG 1.3s linear infinite;}
	.no-animate{animation:none;}
	@keyframes BG{
	  0%{background:var(--accentCol);}  
	  25%{background:#943401;} 
	  50%{background:var(--accentCol);} 
	  75%{background:#943401;} 
	  100%{background:var(--accentCol);}  
	}
	.bgBlinker a{color:white; font-weight:500; transition:all 0.5s ease}
	.bgBlinker a:hover{color:#ffe9dd}
	.main_header{padding:1.6rem 0}
	.slider_container{height:auto;}

	.querybox_heading, .online_pay_link a{font-size:1.8rem;}
	.querybox_heading{color:var(--bgSecondary);}

	.queryContainer{width:1200px; left:50%; transform:translateX(-50%);}
	.queryBox{width:30%; padding:1rem 2rem;}

	.scrolling_text{padding:0;}

	#why_mu{padding:5rem 0;}
	#why_mu h1, .divider_line, #recog_section h2, #blog_section h2{font-size:3.5rem; margin-bottom:3rem; font-weight:700}
	#why_mu h1{margin-bottom:1.5rem;}
	#why_mu h2{font-size:2.5rem;}
	.divider_line{width:15%;}
	.why_mu_txt{line-height:2.5rem; font-size:1.5rem;}

	#mu_highlights{padding:4rem 0;}
	.mu_highlights_box{padding:1rem; border-radius:5rem 5rem 0 5rem;}

	.owl-carousel .owl-nav{width:94%; left:3%}
	.recog_container{padding:0 3rem;}

	.message_wrapper > .msg_box{width:47%}
	.auth_info span small{font-weight:700; font-size:1.5rem;}

	#blog_section{padding:5rem 0}
	.blog_wrapper{padding:0;margin-bottom:3rem}
	.blog_box{line-height:2.5rem}
	.blog_box a{font-weight:700; font-size:1.5rem; line-height:2rem;}
	.blog_box p{padding:0; font-size:1.5rem;}
	.view_button a{font-size:2rem; padding:1.2rem 3rem; font-weight:400}

	.showcase{line-height:2.6rem; font-size:1.6rem;}
	.showcase h3{font-size:2.6rem; margin-bottom:2.5rem;}
	.sc_col, .sc_col2, .sc_col3, .sc_col4{background:url('../images/showcase/lifeatmu.webp') no-repeat right top; padding:0;background-size:50% 100%;}
	.sc_col2{background:url('../images/showcase/event.webp') no-repeat right top; background-size:50% 100%;}
	.sc_col3{background:url('../images/showcase/lab.webp') no-repeat left top; background-size:50% 100%;}
	.sc_col4{background:url('../images/showcase/event2.webp') no-repeat left top; background-size:50% 100%;}

	.sc_col_1, .sc_col_2, .sc_col_3, .sc_col_4{padding:3rem 2rem;}
	.arrow_link a{font-size:3rem;}

	#tp{font-size:1.8rem}
	#tp h3{font-size:3.5rem;}

	#visitor_section, #recruiter{padding:5rem 0;}
	#visitor_section h3, #recruiter h3{font-weight:700; font-size:3.5rem; margin-bottom:3rem}
	.visitor_container, .recruiterContainer{padding:0;}	

	#bottom{color:white; padding:2rem 0}
	.bottom_col h4{font-size:1.8rem; font-weight:700}
	.bottom_wrapper{gap:4rem;}
	.social_links > ul > li{justify-content:space-between;}

	.footer_wrapper{flex-direction:row; gap:0; justify-content:space-between;}
	.footer_links ul{justify-content:start; flex-wrap:nowrap; flex:1;}	
	}