@charset "UTF-8";
/* SIU Brand Theme */
:root{
	--bgPrimary:#123B6D;
	--bgSecondary:#C8102E;
	--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; height:100%}
body{font-family:'Roboto', sans-serif; font-size:1.4rem; display:flex; flex-direction:column;}
img{width:100%;border:none; height:auto; display:block;}
input, select, textarea{font-family:'Roboto', sans-serif; width:100%; resize:none; font-size:1.4rem;border:none;}
input:focus, select:focus, textarea{outline:none}
::placeholder{color:#999}
select:invalid{color:#999}
input[type=button]{-webkit-appearance:none; -moz-appearance:none;appearance:none;}
a, a:link, a:active, a:hover{color:white;text-decoration:none;}
.text_center{text-align:center}
hr{margin-bottom:2rem; color:#A60E28; border-bottom:1px}
small{display:block; width:max-width; font-size:2rem; color:#A60E28; margin-bottom:1rem;}
.clear{clear:both}
.prime_col{color:var(--bgPrimary);}
.responsive_iframe{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%; margin-top:3rem;}
.responsive_iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* Grid */
.grid_1_5, .grid_1_4, .grid_4_1, .grid_1_4_reversed, .grid_1_1, .grid_3, .grid_3_1, .grid_4, .grid_5, .grid_6, .grid_8{display:grid; grid-gap:2rem;}
.grid_1_3{display:grid; grid-gap:4rem;}

/* Header Section */
.header_main{display:flex; flex-direction:column; gap:2rem;}
.header__main{display:flex; flex-direction:column; gap:2rem; padding:1rem 0; align-items: center;}
.logo{width:20rem; margin:auto;}
.ugc_logo, .aiu_logo{display:none;}
.mail, .call{display:flex; align-items:center; gap:1.6rem; padding-left:1rem;}
.mail_txt, .call_txt{display:flex; gap:1rem; font-size:1.6rem;}
.mail_icon, .call_icon{color:var(--bgPrimary); font-size:2rem;}
.apply{display:flex; width:max-content; margin:auto; justify-content:center; font-size:1.6rem; font-weight:500}
.apply a{display:flex; width:max-content; padding:1rem 3rem; background:var(--bgPrimary); color:#fff; border-radius:0.5rem;}

/* Hero Section */
.hero{margin-bottom:0.2rem; position:relative; background:var(--bgSecondary)}
.hero_img::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height:100%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), black);  opacity: 0.7;}
.heroContent, .heroContent_Center{position:absolute;top:50%;left:5%; transform:translateY(-50%); color:white;font-size:2rem;font-weight:500}
.heroContent_Center{left:50%;transform:translate(-50%, -50%);}
.heroContent em{font-style:normal; color:var(--accentCol); display:block;}
.heroContent a{color:#fff; font-size:2rem;font-weight:500}
.heroContent a i{color:var(--accentCol);margin-right:1rem;}
.noshade .hero_img::after{display:none;}

#main{flex:1;min-height:50rem;}

/* Footer Section */
footer{background:var(--bgPrimary); font-size:1.6rem; line-height:2.8rem; color:#fff;}
.footer_section{display:grid; gap:1rem; padding:3rem 2rem;}
.fcol{display:flex; flex-direction:column; gap:1rem;}
.footer_heading{font-weight:500; font-size:2rem; border-bottom:3px ridge; width:max-content;padding-right:2rem;}
.fcol a {color:#fff !important;}
.social_icons ul{display:flex; gap:1rem; align-items:center;}
.social_icons li{width:max-content; padding:0.2rem 1rem; background:#082A4A;}
.social_icons li a{color:var(--bgPrimary);}
.fcol_divider{display:none;}
.subscribe_btn{display:flex; width:max-content; justify-content:end;}
.subscribe_btn a{color:var(--bgPrimary); padding:0.5rem 2rem; background:#E6F0F7; font-weight:500}
.copyright_txt{background:#000; padding:1rem; text-align:center;}

address b{font-style:normal;}


@media only screen and (min-width:600px)
	{		
		.grid_5, .grid_4{grid-template-columns:1fr 1fr;}
	}

@media only screen and (min-width:768px)
	{	
		.grid_1_1{grid-template-columns:1fr 1fr;}
		.grid_1_4{grid-template-columns:1fr 2fr;}
		.grid_1_4_reversed, .grid_4_1, .grid_3_1{grid-template-columns:2fr 1fr;}
		.grid_5, .grid_4{grid-template-columns:1fr 1fr 1fr}
		.header__main{display:flex; flex-direction:row; align-items:center; gap:2rem; padding:1rem;}
		.logo{width:10rem;}
		.mail_txt, .call_txt{font-size:1.4rem;}
		.footer_col_1 img{width:30rem; height:auto;}
	}
@media only screen and (min-width:1024px)
	{	
		.header_main{flex-direction:column; align-items:start; gap:0}
		.header__main{padding:1rem 2rem; justify-content:space-between; width:100%; gap:4rem; border-bottom:1px solid #ccc;}
		.logo{width:20rem; margin:0}
		.ugc_logo, .aiu_logo{width:7rem; display:flex;}
		.apply{margin:0}
		.mail_txt, .call_txt{font-size:1.6rem;flex-direction:column;}
		.header_bottom{padding:1rem 2rem;}
		
		.heroContent{font-size:5rem;}		
		.heroContent_Center{text-align:center; display:flex; flex-direction:column; align-items:center; gap:2rem;}	
		.heroContent a{font-size:3rem;font-weight:500}
		.heroContent a:hover{text-decoration:underline;}

		.grid_1_4{grid-template-columns:1fr 3fr;}
		.grid_1_4_reversed, .grid_4_1, .grid_3_1{grid-template-columns:3fr 1fr;}
		.grid_5, .grid_4{grid-template-columns:1fr 1fr 1fr 1fr}
		.grid_3{grid-template-columns:1fr 1fr 1fr}

		.footer_section{grid-template-columns:1fr 1fr 1fr 1fr;}
	}
@media only screen and (min-width:1280px)
	{
		header{position:fixed;width:100%;z-index:3; background:#fff; box-shadow:1px 0 6px #000}
		.pageContainer{width:1200px; max-width:1200px; margin:0 auto}	
		.header__main, .header_bottom{padding:1rem 0;}
		.header_space{height:15.7rem;}

		.hero{min-height:15rem; margin:15.7rem 0 0}
		.heroContent{width:120rem; top:50%; left:50%; transform:translate(-50%, -50%)}

		.grid_1_4{grid-template-columns:1.4fr 3.6fr;}
		.grid_1_4_reversed{grid-template-columns:3.6fr 1.4fr;}
		.grid_5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}

		.footer_section{grid-template-columns:1.3fr auto 1fr auto 1fr auto 1fr; gap:3rem; padding:4rem 0}
		.fcol_divider{display:block; width:1px; height:100%; background:#ccc; }
		.footer_col_1 img{width:12rem; margin-bottom:0.5rem}
		.gap_5{gap:5rem;}
		.responsive_iframe{padding:0;height:35rem;}
		.square-200{width:20rem; height:20rem; margin:auto;}
	}

/* Accordion Section */
.accordion-container{position:relative;max-width:100%;height:auto;margin:0 auto 3rem;}
.set{position:relative;width:100%;height:auto;background-color:#f5f5f5}
.set > a{font-size:1.6rem; display:block;padding:1.5rem;text-decoration:none;color:#333;font-weight:600;background:#F6F8FB; border:1px solid #555; border-collapse:collapse; transition:all .2s linear}
.set > a > h3{display:inline; font-size:1.6rem;}
.set > a i{margin-right:1rem}
.set > a.active{color:var(--bgPrimary);}
.content{background-color:#fff; border:1px solid #555; border-collapse:collapse; border-top:none; display:none; text-align:justify; padding:1rem 1.5rem 2rem;}
.content p{padding:0 1rem 1rem;margin:0;color:#333; margin:0 !important}
.content a{color:var(--bgPrimary) !important;}
.content p img{width:max-content;}
.content ul{padding:0 1rem 1rem;color:#333; margin:0 !important}
.content ul li{padding-left:3rem; position:relative;margin-bottom:1rem;}
.content ul li:before{position:absolute; top:1px; left:0; content:'➤'; font-size:1.3rem; font-weight:500; color:var(--bgPrimary)}

.bg-offwhite{background:#F5FAFC;}

.img_bdr_npadd{border:1px solid #000;}
.mrg_btm3{margin-bottom:3rem;}
.mrg_btm0{margin-bottom:0 !important;}


/* WhatsApp Icon Code */

.wa-float{position:fixed;bottom:18px;right:10px;z-index:9999; width:64px;height:64px;}
.wa-float a{text-decoration:none;}