@charset "UTF-8";

:root{

	--bgPrimary:#1e73bc;  /* Blue */

	--bgSecondary:#f5b714; /* Yellow*/

	--darkPrimary:#062037; /* Dark Blue*/

	--txtCol:#212121;  /* Text Color*/

	--txtColLight:#d6f9fa;  /* Text Color Light Blue*/

	--txtColWhite:#f7f7f7;  

	--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

}



*{margin:0; padding:0; box-sizing:border-box; text-decoration:none;list-style:none; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

html{font-size:10px; scroll-behavior:smooth}

body{font-family: 'Mulish', sans-serif; font-size:1.4rem;}

img{width:100%;border:none; height:auto; display:block;}

input, select, textarea{font-family: 'Mulish', sans-serif; width:100%; resize:none; font-size:1.4rem}

textarea{resize:none}

input:focus, select:focus, textarea:focus{outline:none}

select:invalid{color:#444}

a, a:link, a:active{text-decoration:none; color:var(--bgPrimary)}

.clearfix:before, .clearfix:after{content:"";display:table;}

.clearfix:after{clear:both;}

.clearfix{*zoom: 1;}



.header{position:fixed;display:block;top:0;left:0;width:100%;height:auto;margin:0 auto;padding:0;z-index:99;background:var(--color-white);box-shadow:var(--shadow-medium)}

.headerContainer-Top{background:var(--txtColWhite); text-align:center; padding:0.7rem 0}

.hct-LeftCol, .hct-RightCol{display:flex; align-items:center; justify-content:center; gap:1rem;line-height:3rem; color:var(--txtCol);font-size:1.4rem;}

.hct-LeftCol i{color:#219f9b}

.hct-LeftCol a{color:var(--txtCol);}

.hct-RightCol{color:#777}

.hct-RightCol a{color:var(--bgPrimary); transition:all 0.5s ease}

.hct-RightCol a:hover{color:#777}

.social-links{font-size:2rem; display:flex; align-items:center; justify-content:center; gap:1.6rem;}

.headerRow-Bottom{padding:0.5rem 1.7rem 0.5rem 0.5rem; background:#fff;}

.headerRow-Bottom .wrapper{display:flex; flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}

.header-item-left{display:flex;flex:0 0 17%}

.brand{width:15rem;}



/* Hero Section */

#banner{margin-top:13rem; position:relative; overflow:hidden;width:100%; padding:0; background: #2980b9; background: linear-gradient(to right, #2c3e50, #2980b9)}

/*#banner img{pointer-events:none;position:absolute;width:100%;height:100%; top:0; left:0; z-index:-1;}

.bc_Container{width:100%; position:absolute; left:0; bottom:0; background:rgba(255,255,255,0.7); padding:1rem; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;color:#333; padding:1rem 2rem;}*/

.bc_Container{width:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;color:#fff; padding:1rem 2rem;}

.breadcrumb{line-height:2.5rem; margin:0 0 0.5rem}

.breadcrumb i{margin:0 0.5rem}

h1{font-size:1.6rem; font-weight:600}



#main{background:#EDEDEE; padding:2rem 1rem}

.content{line-height:2.5rem; font-size:1.4rem; text-align:justify; background:#fff; padding:2rem;}

.content span{font-weight:600; font-size:1.6rem}

.content p, .content ul{margin-bottom:3rem; margin-top:0.5rem}

.content li{margin-bottom:0.5rem}

.content em{color:#FC6E1F;}



.contact_form{background:#fff; padding:2rem; border:1px solid #eee; border-radius:0.5rem}

.contact_form h3{text-align:center; font-weight:600; font-size:2rem; margin-bottom:2rem; color:initial;}

.field{margin-bottom:1rem; color:initial;}

.inpStyle, .inp-style{border:1px solid #ccc; padding:0.5rem 1rem;}

.inp-style{font-family: 'Mulish', sans-serif; height:8rem; color:#777;}

.form_action{text-align:center}

.sub-style{display:inline-block; padding:0.5rem 2rem; width:auto; background:#1870BD; color:#fff; border:1px solid #1870BD; font-size:1.5rem; font-weight:600; border-radius:0.5rem}



/* news listing page */

.news_listing{display:flex; flex-direction:column; gap:3rem}

.news_details{padding:1rem; border:1px solid #ccc; border-top:none;}

.news_details h6{font-size:1.8rem; font-weight:600; margin-bottom:0.5rem}

.news_details h6 a{color:#000}

.news_details p{margin-bottom:1rem}

.news_details span{font-size:1.4rem; color:#777; margin-bottom:1rem}

.read_more_btn a{background:var(--darkPrimary); color:var(--txtColLight); padding:0.5rem 1rem; border-radius:1rem;}

.read_more_btn a:hover{background:var(--bgPrimary);}



#bottom{padding:3rem 2rem; background:var(--darkPrimary); color:var(--txtColLight);}

.bottom_col h5{font-size:1.6rem; font-weight:600; margin-bottom:1rem; line-height:3rem}

.bottom_col h5 span{display:block; width:4rem; height:0.2rem; background:var(--bgSecondary); border-radius:1rem;}

.bottom_col ul{display:grid; grid-template-columns:repeat(2,1fr); grid-gap:1rem; margin-bottom:3rem;font-size:1.3rem}

.bottom_col ul a{color:#999; transition:all 0.5s ease}

.bottom_col ul a:hover{color:var(--txtColWhite);}

footer{padding:0.5rem 2rem; background:var(--bgPrimary); color:var(--txtColWhite); text-align:center; line-height:2rem; font-size:1.2rem}



@media only screen and (min-width:600px)

	{

		.bottom_col ul{grid-template-columns:repeat(3,1fr);}

	}



@media only screen and (min-width:768px)

	{

		.headerContainer-Top{display:flex; align-items:center; justify-content:space-between; padding:1rem 2rem;}

		#banner{margin-top:10.4rem;}

		.bc_Container{left:2rem; bottom:2rem}

		.bottom_col ul{grid-template-columns:repeat(4,1fr);}

		.contact_form{width:70%; margin:0 auto}



		.news_listing{display:grid; grid-template-columns:1fr 1fr; grid-gap:3rem }

	}



@media only screen and (min-width:1024px)

	{		

		.bottom_wrapper{display:grid; grid-template-columns:2.5fr 1fr 1fr 1fr; grid-gap:1rem}

		.bottom_col ul{grid-template-columns:1fr;}

		.double-width ul{grid-template-columns:1fr 1fr; grid-gap:0.5rem;}

	}



@media only screen and (min-width:1280px)

	{

		.pageContainer{width:1200px; max-width:1200px; margin:0 auto}	

		.headerRow-Top{background:var(--txtColWhite);}

		.headerRow-Bottom .wrapper{padding:1rem 0}

		.headerContainer-Top{padding:0.5rem 0;}

		.brand{width:20rem;}



		#banner{margin-top:11.5rem; padding:2rem 0}

		.bc_Container{position:static; left:0; top:0; display:inline-flex;}

		.breadcrumb{margin-bottom:0.5rem; font-size:1.2rem }

		.breadcrumb a{color:#F4B209}

		h1{font-size:2.5rem}	



		.contact_form{width:50%;}

		.contact_form h3{font-size:2.5rem;}



		.news_listing{grid-template-columns:1fr; grid-gap:4rem }

		.news_box{display:grid;grid-template-columns:1fr 2fr; padding:2rem; border:1px solid #ccc;}

		.news_details{border:none; padding:0 3rem;}

		

		.bottom_col h5{font-size:1.8rem; margin-bottom:2rem}

		.bottom_col h5 span{width:3rem; height:0.1rem; border-radius:0.5rem;}

		.bottom_col ul{margin-bottom:0;font-size:1.4rem}

		footer{padding:0.8rem 2rem; background:var(--bgPrimary); color:var(--txtColWhite); text-align:left; line-height:2rem; font-size:1.3rem}

	}





	@media screen and (max-width: 1023px) {

		.topnav a{font-size:1.4rem; font-weight:400}

		.topnav a:not(:first-child){display:none}

		.topnav a.icon{float:right;display:block}

		.topnav.responsive{position:relative}

		.topnav.responsive .icon{position:absolute;right:0;top:0}

		.topnav.responsive a{float:none;display:block;text-align:left}

	}