@charset "UTF-8";
:root{
	--bgPrimary:#116ea2;
	--bgSecondary:#083880;
	--accentCol:#e95301;
	--darkbg:#162f67;
	--lightbg:#dfe0e3;
	--greyCol:#777;
	--shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.6);
}
*{margin:0; padding:0; box-sizing:border-box; text-decoration:none;list-style:none;}
html{font-size:10px;overflow-x: hidden;}
body{font-family:'Roboto', sans-serif; font-size:1.4rem;}
img{width:100%;border:none; height:auto; display:block;}
a, a:link, a:active, a:hover{text-decoration:none;}

/* Header Section */
header{position:sticky;top:0;z-index:999;background:#fff;}
#header_top_menu_bar, #main_navigation{transition:all 0.3s ease;}
.hide-header-parts #header_top_menu_bar,.hide-header-parts #main_navigation{transform:translateY(-100%);opacity:0;position:absolute;left:0;width:100%;pointer-events:none}
.header_top_menu{min-height:4.9rem}
#main_header{border-bottom:4px solid var(--accentCol);}
.bgBlinker{display:none;}
.dview{display:none !important;}
.main_header{padding:1rem; min-height:5.920rem}
.logo{width:25rem;}
.logo p, .excellence_logo, .header_contact{display:none;}

.header_top_menu{min-height:5rem;background-color: #162f67;}
.top_layout, .tl_left{display:flex; flex-direction:column; gap:0;}
.heroWrapper{position:relative;}
.rightPanel, .eepanel{width:100%; border-top:2rem solid #e96d35;}
.eepanel{height:60rem;}
.rightPanel{height:52rem; border-top:none}
.qbox, .eeqbox{background:#474747; width:100%; padding:2rem 1rem;}
.eeqbox{height:58rem;}
.qbox{height:52rem; padding:0 1rem;}

@media only screen and (min-width:768px){
	.logo{width:30rem;}
	.rightPanel{height:44rem;}
	.qbox{height:44rem;}
}
@media only screen and (min-width:1024px){			
		.main_header, .logo p, .excellence_logo{display:flex; align-items:center;}		
		.excellence_logo{gap:0.5rem; line-height:2.5rem; color:#136fa3; font-weight:500}
		.excellence_logo img{width:6rem;}
		.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; flex-direction:column; font-size:1.7rem; gap:1.2rem; font-weight:400}
		.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)}	

		.heroWrapper{padding:0 2rem;}
		#slider{width:60%; float:left}
		#slider img{height:40rem}
		#right{width:38%; float:right;}
		.rightPanel{height:40rem;  padding:0;}
		.qbox{height:40rem; padding:0;}
	}
@media only screen and (min-width:1280px){
	.pageContainer{width:1200px; max-width:1200px; margin:0 auto}	
	#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(--accentCol); padding:0.8rem 1rem; border-radius:1rem; animation:BG 1.3s linear infinite; text-align:center;}
	.dview{display:flex !important;}
	.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:0.5rem 0}
	.excellence_logo{font-size:1.3rem; text-transform:uppercase; font-family:'Bookman Old Style';}
	.excellence_logo img{width:8rem;}

	.header_top_menu{min-height:5.7rem;}
	.heroWrapper{padding:0; height:41rem;}
	#slider{width:69%;}
	#slider img{height:40rem;}
	#right{width:30%;}
	.rightPanel{height:40rem;}

	#slider img.ext{height:47rem;}
	.ext, .ext_2{height:47rem;}
	}