/* CSS Document Make and Used By Parvez Alam */
	
	/* -------------------- DOWNLOADED FONTS - CSS  -------------------- */
	@font-face {
		font-family:'Roboto-Regular'; 
		src: url('../webfonts/Roboto-Regular.ttf');
	}
	
	@font-face {
		font-family:'Roboto-Light'; 
		src: url('../webfonts/Roboto-Light.ttf');
	}	
	
	@font-face {
		font-family:'Nunito-Regular'; 
		src: url('../webfonts/Nunito-Regular.ttf');
	}
	
	@font-face {
		font-family:'Allura-Regular'; 
		src: url('../webfonts/Allura-Regular.ttf');
	}
	
	@font-face {
		font-family:'Roboto-Thin'; 
		src: url('../webfonts/Roboto-Thin.ttf');
	}
	
	/*@font-face {
		font-family:'Nunito-Bold'; 
		src: url('../webfonts/Nunito-Bold.ttf');
	}

	@font-face {
		font-family:'FiraSans-Bold'; 
		src: url('../webfonts/FiraSans-Bold.ttf');
	}*/
	/* -------------------- DOWNLOADED FONTS - CSS  -------------------- */
	


	/* -------------------- BODY COMMON - CSS  -------------------- */
	
	/* webpage default setting CSS */
	body {
		font-weight: 400;
		line-height: 1;
		word-wrap: break-word;
		text-rendering: optimizeLegibility;
		-webkit-text-size-adjust: none;
	}
	
	html {
		font-size: 10px;
	}
	
	html {
		font-size: 62.5%;
	}
	
	html {
		font-family: Verdana;
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
	}	
	
	.webbg
	{
		background-color: #FFFFFF;
	}
		
	.bodybg
	{
		background-color: #FFFFFF;
	}
	
	.container-fluid
	{
		padding:0;
		margin:0;
	}
	
    .container 
	{
		max-width:1250px;
		width:100%;
		margin:auto;
		padding:0;
		border:#F00 dashed 0px;
		background-color: transparent;
    }
		
	.row 
	{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 1.5rem;
		margin-left: 1.5rem;
		/*display: block;*/
	}
	
/*	.row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 0;
	}	
*/	

	.row-nomargin
	{
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}

	.row-nomargin-media
	{
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}
	
	.nomargin-lr
	{
		margin-right: 0px;
		margin-left: 0px;
	}
	/* -------------------- BODY COMMON - CSS  -------------------- */


	.nopadding
	{
		padding: 0 !important;
	}
	
	.nopadding-media
	{
		padding: 0 0;
	}
	
	.paddingtop0
	{
		padding-top:0 !important;
	}
	
	.paddingtop5 
	{
		padding-top:0.5rem;
	}
	
	.paddingtop10 
	{
		padding-top:1rem;
	}

	.paddingtop15 
	{
		padding-top:1.5rem;
	}

	.paddingtop20
	{
		padding-top:2rem;
	}
	
	.paddingtop0to20
	{
		padding-top: 0;
	}	
	
	.paddingtop25
	{
		padding-top:2.5rem;
	}
	
	.paddingtop30 
	{
		padding-top:3rem;
	}
	
	.paddingtop50 
	{
		padding-top:5rem;
	}
	
	
	.paddingbottom5 
	{
		padding-bottom:0.5rem;
	}
	
	.paddingbottom10 
	{
		padding-bottom:1rem;
	}

	.paddingbottom15 
	{
		padding-bottom:1.5rem;
	}
	
	.paddingbottom20 
	{
		padding-bottom:2rem;
	}
	
	.paddingright30 
	{
		padding-right:3rem;
	}
	
	.paddingtb10
	{
		padding-top:1rem;
		padding-bottom:1rem;
	}

	.paddingtb20
	{
		padding-top:2rem;
		padding-bottom:2rem;
	}
	
	.paddingtb30
	{
		padding-top:3rem;
		padding-bottom:3rem;
	}
	
	.margintop15 
	{
		margin-top:1.5rem;
	}
	
	.marginbottom25
	{
		margin-bottom:2.5rem;
	}

	.red12n
	{
		font-family: Roboto-Regular;
		font-size: 12px;
		color: #FF0000;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.red12b
	{
		font-family: Roboto-Regular;
		font-size: 12px;
		color: #FF0000;
		font-weight: 700;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.black12n
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.black12b
	{
		font-family: Roboto-Regular;
		font-size:12px;
		color: #000000;
		font-weight:600;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.black14n
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.hyperlink
	{
		cursor:pointer;
		text-decoration:none;
	}
	
	.align-righttocenter
	{
		text-align:right;
	}
	
	.align-lefttocenter
	{
		text-align:left;
	}
	
	.inlinetoblock
	{
		display: inline;
	}
	
	.showhide-media
	{
		display:block;
	}
	
	.hideshow-media
	{
		display:none;
	}

	
	/* -------------------- HEADER SECTION - CSS  -------------------- */
	.bg-light 
	{
		background-color: transparent !important;
	}
	
	.navbar-expand-md .navbar-nav .nav-link 
	{
		font-family:Roboto-Regular;
		color: #002147 !important;
		font-size: 1.7rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
		padding-left: 2rem;
		transition:.5s;
	}	
	.navbar-expand-md .navbar-nav .nav-link:hover 
	{
		color: #fdc800 !important;
		text-decoration:none;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
		text-decoration: none;
	}
	
	.navbar-light .navbar-toggler 
	{
		font-family:Roboto-Regular;
		color: #8ab4eb;
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 1.5;
		text-decoration:none;
		border: #081E3C solid 1px;
		border-width: 1px;
	}	
	
	.navbar-light .navbar-toggler:hover
	{
		background-color:#081E3C;
		border: #0A4C79 solid 1px;
		color: #FFFFFF;
		text-decoration:none;
		transition:.5s;
	}
	
	.logocss
	{
		height: 55px;
	}
	
	.headermenucss
	{
		justify-content: flex-end !important;
	}
	
	.container-header-main
	{
	}
	
    .container-header-section1
	{
		max-width: 100%;
		height: 50px;
		line-height: 3.2;
		border: #F00 solid 0px;
		background-color: #081E3C;
    }
	
    .container-header-section2
	{
		max-width:100%;
		height:65px;
		border:#F00 solid 0px;
		background-color:#FFFFFF;
    }
	
	.headertext
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #d0d6dd;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 3.2;
		padding: 0 0;
		text-decoration:none;
	}
	
	.header1links
	{
		font-family: Roboto-Regular;
		color: #d0d6dd;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.2;
		text-decoration:none;
	}
	.header1links:hover
	{
		color:#fdc800;
		text-decoration:none;
		transition:.5s;
	}
	
	.icon-header1-sm
	{
		color:#d0d6dd;
		font-size: 16px !important;
		margin-left: 16px;
		cursor: pointer;
	}
	.icon-header1-sm:hover
	{
		color:#fdc800;
		transition:.5s;
	}
	
	.icon-header1
	{
		color:#fdc800;
		font-size: 16px !important;
		margin-right: 5px;
		cursor: pointer;
	}
	.icon-header1:hover
	{
		color:#fdc800;
		transition:.5s;
	}
	
	.headershade
	{
		box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
	}	
	/* -------------------- HEADER SECTION - CSS  -------------------- */
	
	
	
	/* -------------------- NEW HOVER HEADER SECTION - CSS  -------------------- */
	.offcanvas-header
	{
		display:none; 
	}
	
	.btn-outline-danger
	{
		color: #FFFFFF;
		border-color: #fdc800;
		background-color:#fdc800;
	}
	.btn-outline-danger:hover
	{
		color: #081E3C;
		border-color: #081E3C;
		background-color:#FFFFFF;
	}
	
	.hovermenupadding
	{
		padding-top:4rem;
	}
	
	.burgericoncss
	{
		position: absolute;
		left: 1.5rem;
	}
	
	.navbar 
	{
		width: 100%;
		padding: 2px 5px 5px 15px;
	}		
	
	.navbar-brand
	{
		margin:auto;
	}
	

	@media only screen and (max-width: 767px)
	{
		.navbar-expand-md .navbar-nav .nav-link {
			color: #ffffff !important;
			font-size: 1.4rem;
			font-weight: 400;
			padding-left: 0;
			margin-left: 0;
		}	
		.navbar-expand-md .navbar-nav .nav-link:hover {
			color: #fdc800 !important;
			line-height: 1.5;
			transition:.5s;
			text-decoration: none;
		}
		
		.navbar-nav
		{
			width: 100%;
		}
	
		.offcanvas-header
		{ 
			display:block; 
		}
		
		.navbar-collapse 
		{
			position: fixed;
			top:0; 
			padding-bottom: 6rem;
			left: -65%;
			width: 65%;
			padding-right: 1.5rem;
			padding-left: 1.5rem;
			overflow-y: auto;
			visibility: hidden;
			opacity: 0.9;
			background-color: #081E3C;
			transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
		}
		
		.navbar-collapse.show 
		{
			visibility: visible;
			transform: translateX(100%);
		}
		
		.navbar-light .navbar-toggler 
		{
			color: #081E3C;
		}	
		
		.navbar button.navbar-toggler:hover 
		{
		  color: #FFFFFF;
		}	
	}
	/* -------------------- NEW HOVER HEADER SECTION - CSS  -------------------- */
	
	
	
	/* -------------------- HEADER SLIDER SECTION - CSS  -------------------- */	
	.sliderbannercss
	{
		width: 100%;
		height: 500px;	
	}
	
	.carousel-caption 
	{
		position: absolute;
		top: 35%;
		left: 11%;
		z-index: 10;
	}	
		
	.slidertitle
	{
		/*font-family: Allura-Regular;*/
		color: #FFFFFF;
		font-size: 5rem;
		font-weight: 700;
		line-height: 1.3;
		text-decoration: none;
		text-align: left;
		margin-top: -20px;
	}
	
	.slidercaption
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 2.2rem;
		font-weight: 400;
		text-align: left;
		line-height: 1.5;
		text-decoration:none;
		width: 70%;
	}
	
	.sliderbannershade
	{
		background-color: #0e0e0e66;
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%;
		width: 100%;
	}
	/* -------------------- HEADER SLIDER SECTION - CSS  -------------------- */	
	
	
	
	/* -------------------- FOOTER SECTION - CSS  -------------------- */
    .footer-bgcolor
	{
		background-color: #002147;
    }
	
    .container-footer 
	{
		max-width:1250px;
		width:100%;
		margin:auto;
		padding: 25px 0;
		height:auto;
    }
	
    .container-footer-liner
	{
		max-width:1250px;
		width:100%;
		margin:auto;
    }
	
	.footer-liner
	{
		border-top: #273a50 solid 1px;
		width: 100%;
		margin:auto;
		margin-top: 10px;
	}
	
	.footer-sm-section
	{
		position: relative;		
		padding: 5px;
		margin-top: -25px;
	}
	
	.icon-footer-sm
	{
		color:#FFFFFF;
		font-size: 14px;
		font-weight: 400;
		text-decoration: none;
		width: 35px;
		padding: 10px;
		margin-right: 7px;
		padding-left: 10px;
		background-color:#002147;
		border: #273a50 solid 1px;
		border-radius: 50%;
		cursor: pointer;
	}
	.icon-footer-sm:hover
	{
		background-color:#fdc800;
		border:#fdc800 1px solid;
		color:#002147;
		transition:.5s;
	}	
	
	.logocss-footer
	{
		height: 55px;
		border-radius:5px;
	}
	
	.footertext
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.copyright
	{
		font-family: Roboto-Light,Arial,Helvetica,sans-serif;
		color: #909da4;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 3.5;
		text-decoration: none;
	}
	
	.footeraboutus
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.footertitle
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.5;
		text-transform: uppercase;
		margin-bottom: 1.5rem;
	}
	.footertitle:after 
	{
		content: '';
		display: block;
		position: relative;
		width: 30px;
		border: 2px solid #fec000;
		margin-top: 10px; 
	}

	ul.footerlist 
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		padding-bottom: 1rem;
	}

	.footermenulinks
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 2.3;
	}
	.footermenulinks:hover
	{
		color:#fec000;
		text-decoration:none;
		transition:.5s;
	}
	
	.footermenulinks-contact
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
	}
	.footermenulinks-contact:hover
	{
		color:#fec000;
		text-decoration:none;
		transition:.5s;
	}
	
	.astrotechlink
	{
		font-family: Roboto-Light,Arial,Helvetica,sans-serif;
		color: #fdc800;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	.astrotechlink:hover
	{
		color:#909da4;
		text-decoration:none;
		transition:.5s;
	}
	
	.icon-footer-contact
	{
		color:#FFFFFF;
		font-size: 2rem;
		margin-top: 5px;
		cursor: pointer;
	}
	
	.table td, .table th 
	{
		padding: 0 .3rem 2rem 0;
	}
	
	.footersectionmediacss
	{
		padding: 25px 0;
	}
	/* -------------------- FOOTER SECTION - CSS  -------------------- */
	
	
	
	/* ----------------- SCROLL TO TOP BUTTON - CSS  ----------------- */
	#scroll {
		position:fixed;
		right:25px;
		bottom:20px;
		cursor:pointer;
		width:50px;
		height:50px;
		background-color:#fdc800;
		border: #fdc800 solid 1px;
		border-radius:25px;
		text-indent:-9999px;
		display:none;
	}
	#scroll span {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-8px;
		margin-top:-12px;
		height:0;
		width:0;
		border:8px solid transparent;
		border-bottom-color:#ffffff;
	}
	#scroll:hover {
		background-color:#002147;
		border: #fdc800 solid 1px;
		box-shadow: 1px 12px 30px rgba(102, 46, 255, 0.24);
		transition: .5s;
		opacity:1;filter:"alpha(opacity=100)";
		-ms-filter:"alpha(opacity=100)";
	}
	/* ----------------- SCROLL TO TOP BUTTON - CSS  ----------------- */
		
		
		
		
	/* -------------------- HOMEPAGE SECTION - CSS  -------------------- */
	.sectionwiseblock 
	{
		border: #052882 solid 0px;
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	
	.section-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration:none;
	}
	
	.pagetitle
	{
		font-family: Roboto-bold;
		color: #002147;
		font-size: 3rem;
		font-weight: 700;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.btn-readmore
	{
		font-family: Roboto-Regular;
		color: #081E3C;
		font-size: 1.5rem;
		font-weight: 500;
		line-height: 1.5;
		text-decoration: none;
		text-transform:uppercase;
		padding: 7px 30px;
		background-color: #fdc800;
		border: #fdc800 solid 1px;
	}
	.btn-readmore:hover
	{
		background-color: #081E3C;
		border: #081E3C solid 1px;
		color: #FFFFFF;
		transition: .5s;
	}
	
	.border
	{
		border:#0066FF solid 1px;
	}

	.aboutusimagecss
	{
		border-radius: 10px;
	}
	
	
	/* Thses are the CSS to used in Admin Desk section */
	.card-desk
	{
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		transition: all .5s;
		position: absolute;
		width: auto;
		padding: 5px 15px;
		margin: auto;
		margin-top: auto;
		margin-left: auto;
		margin-top: -20px;
		border-radius: 20px;
		cursor: pointer;
		font-family: "Rajdhani", sans-serif;
		color: #fff;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		margin-left: 25px;			
	}
	
	.card-desk-bg-president
	{
		background-color: #f24080;
	}
	
	.card-desk-bg-principal 
	{
		background-color: #492AB7;
	}

	.card-desk-bg-notice
	{
		background-color: #008000;
	}
	
	.card-body 
	{
		padding: 4rem 0.5rem 2rem 1.5rem;
	}
	
	.card-title
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0;
		text-decoration:none;
		height: 110px;
	}
	
	.deskimagecss
	{
		border-radius: 10px 10px 0 0;
		max-width: 100%;
		height: 260px;
		object-fit: cover;
	}
	
	.btn-readmore-card
	{
		color: #FFFFFF;
		font-size: 1.3rem;
		font-weight: 500;
		line-height: 1.5;
		text-decoration: none;
		padding: 8px 15px;
		border-radius: 5px;
		background-color: #002147;
	}
	.btn-readmore-card:hover
	{
		background-color: #fdc800;
		color: #002147;
		text-decoration: none;
		transition: .5s;
	}
	/* Thses are the CSS to used in Admin Desk section */
		

	.container-parallax-video
	{	
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.8rem;
		color: #FFFFFF;
		font-weight: 400;
		line-height: 1.5;
	}
	
	.parallax-video 
	{
		background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(5, 5, 26, 0.78)), url('../images/Video_BG.jpg');
		width: 100%;
		height: 230px;  
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}	
	
	.parallax-video-dpharm 
	{
		background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(5, 5, 26, 0.78)), url('../dpharm/images/Video_DPharm_BG.jpg');
		width: 100%;
		height: 230px;  
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}	
	
	.modal-dialog-video
	{
		max-width:900px;
	}
	
	.icon-promotionalvideo 
	{
		color: #FFFFFF;
		font-size: 3rem !important;
		cursor: pointer;
		border: 2px solid;
		padding: 16px 17px 16px 21px;
		border-radius: 40px;
	}
	
	.promotionalvideo-title
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 4rem;
		font-weight: 700;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.promotionalvideo-details
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.card-news
	{
		width: 100%;
		padding-left: 40px;
		margin-bottom: 15px;
		cursor: pointer;
	}
	
	.card-body-news
	{
		padding: 0rem 0rem;
	}

	.news-title
	{
		font-family: Roboto-Regular;
		color: #081E3C;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.3;
		text-decoration:none;
	}

	.news-details
	{
		font-family: Roboto-Regular;
		color: #000000ad;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}

	.newsimagecss
	{
		max-width: 100%;
		height: 260px;
		object-fit: cover;
	}

	.btn-readmore-news
	{
		color: #081E3C;
		font-size: 1.3rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		text-transform:uppercase;
		cursor:pointer;
		transition: .5s;
	}
	.btn-readmore-news:hover
	{
		color: #000000;
		transition: .5s;
	}

	.readmore-news-color1
	{
		color: #f24080;
	}
	
	.readmore-news-color2
	{
		color: #492AB7;
	}

	.readmore-news-color3
	{
		color: #008000;
	}
		
		
	/* Photo Gallery Section CSS */
	.sectionwiseblock-full 
	{
		border: #1E1E1E solid 0px;
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	
	.sectionwise-bg-gray
	{
		background-color:#ece5e5;
	}
	
	.container-white 
	{
		max-width: 1220px;
		width: 100%;
		margin: auto;
		background-color: #FFFFFF;
		padding: 25px 15px 25px 15px;
		border-radius: 15px;
	}	
	
	.photogallery-listimage
	{
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		width: 100%;
		height: 250px;
		border-radius: 15px;
		object-fit: cover;
		margin-bottom: 25px;
		cursor: pointer;
		transition: transform 0.3s ease;
	}
	
	.photogallery-popupimage
	{
		width: 500px;
		height: 400px;
		object-fit: cover;
		cursor: pointer;
	}
	
	.lightbox .lb-image {
		width: 750px !important;	
		height: 500px !important;
		object-fit: cover;
		border-radius: 3px;
	}
	/* Photo Gallery Section CSS */
		
		
	/* -------------------- HOMEPAGE SECTION - CSS  -------------------- */
	.newpost-blinking
	{
		font-family: Roboto-Regular;
		font-size:14px;
		color: #FF0000;
		font-weight:normal;
		text-decoration:none;
		padding-left: 5px;
		cursor:pointer;
		animation: blinker 1s infinite;
	}
	
	@keyframes blinker 
	{  
	  50% { opacity: 0; }
	}		
	
	.newslistpadding
	{
		list-style:none; 
		padding: 0;
	}
	
	.dataimagecss
	{
		border-radius: 15px;
		max-width: 100%;
		height: 400px;
		margin-bottom: 15px;
		object-fit: cover;
	}
	
	.listimagecss
	{
		border-radius: 15px;
		max-width: 100%;
		height: 250px;
		margin-bottom: 10px;
		object-fit: cover;
	}
	
	.list-title
	{
		font-family: Roboto-Regular;
		color: #002147;
		font-size: 1.7rem;
		font-weight: 700;
		line-height: 1.5;
		text-decoration: none;
		cursor:pointer;
		transition: .5s;
	}
	.list-title:hover
	{
		color: #fdc800;
		text-decoration: none;
		transition: .5s;
	}

	.list-details
	{
		font-family: Roboto-Regular;
		color: #444444;
		font-size: 1.7rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	.list-details:hover
	{
		color: #444444;
		text-decoration: none;
		transition: .5s;
	}
	
	.list-details-green
	{
		color: #008000;
	}
	
	.data-title
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #002147;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.data-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.readmore-list
	{
		font-family: Roboto-Regular;
		color: #0000FF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		transition: .5s;
	}
	.readmore-list:hover
	{
		color: #FF0000;
		transition: .5s;
	}
	
	.status-active
	{
		color: #139213;
	}
	
	.status-pending
	{
		color: #FF9933;
	}
	
	.status-expired
	{
		color:#FF0000;
	}
	
	.card-placement
	{
		background-color: #daf4f469;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  		transition: all .5s;
		width: 100%;
		height: 310px;
		padding: 20px 15px;
		margin-top: 25px;
		border-radius: 10px;
		cursor: pointer;
  	}
	.card-placement:hover
	{
		box-shadow: 0 1px 4px rgba(79, 52, 205, 0.44);
		transition:.5s;
	}
	
	.placement-title
	{
		font-family: Roboto-Regular;
		color: #081E3C;
		font-size: 1.7rem;
		font-weight: 600;
		line-height: 1.5;
		text-decoration: none;
		text-align: center;
	}
	
	.placement-caption
	{
		font-family: Roboto-Regular;
		color: #081E3C;
		font-size: 1.7rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		text-align: center;
	}
	
	.placementimagecss
	{
		border-radius: 15px;
		max-width: 100%;
		height: 75px;
		margin: 10px 0;
		object-fit: cover;
	}
	
	
	
	/* -------------------- Other Common - CSS  -------------------- */
	
	/*Contact us section*/
	.formsectioncss
	{
		box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
		padding: 30px 0 1px 0;
	}
	
	.grievance-imagecss
	{
		box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
		padding: 0;
	}
	
	.btn-form
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 1.5;
		text-decoration: none;
		text-transform:uppercase;
		padding: 7px 20px;
		/*border-radius: 25px;*/
		background-color: #002147;
		border: #002147 solid 1px;
	}
	.btn-form:hover
	{
		background-color: #fdc800;
		border: #fdc800 solid 1px;
		color: #FFFFFF;
		transition: .5s;
	}
	
	.form-control
	{
		display: block;
		width: 100%;
		height: 44px;
		padding: 6px 12px;
		font-family: Roboto-Regular;
		font-size: 16px;
		line-height: 2;
		color: var(--bs-body-color);
		margin-bottom: 15px;
		background-color: #fff;
		background-image: none;
		border: 1px solid #A0A8B0;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: none;
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	.form-control:focus {
		box-shadow: none;
		border: 1px solid #002147;
		color: #081E3C;
		transition:.5s;
	}
	
	.form-control-textarea 
	{
		display: block;
		width: 100%;
		height: 110px !important;
	}	
	
	::placeholder 
	{
	  color: #666666 !important;
	}
	
	.btn-primary:focus 
	{
		background-color: #fdc800;
		color: #FFFFFF;
		transition: .5s;
	}
	
	.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
		color: #FFFFFF;
		background-color: #fdc800;
		border-color: #fdc800;
	}	
	/*Firefox*/
	input[type="number"] {
		-moz-appearance: textfield;
	}
	/*Chrome, Safari, Edge, Opera*/
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	}	
	
	.container-contactus-details
	{
		box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
		padding: 25px 25px;
		background-color: #002147;
	}
	
	.contactus-details
	{
		font-size: 2rem;
		color: #FFFFFF;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.contactus-email
	{
		font-size: 2rem;
		color: #FFFFFF;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	.contactus-email:hover
	{
		color: #fdc800;
		transition: .5s;
	}
	
	.contactus-icon
	{
		font-size: 2rem;	
		color: #fdc800;
		cursor: pointer;
		transition: .5s;
	}
	.contactus-icon:hover
	{
		color: #FFFFFF;
		transition: .5s;
	}
	
	html {
		scroll-behavior: smooth;
	  }
	
	.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
		border-top: 1px solid #002147;
		border: #002147 solid 1px;
		padding: 5px 0px;
		margin-bottom: 0px;
	}
	/*Contact us section*/
	
	
	.section-details-blue
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #009BE1;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration:none;
	}
	
	.policy-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration: none;
	}
	
	.policy-title
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration: none;
	}
	
	/* -------------------- Other Common - CSS  -------------------- */
	
	
	/* -------------------- MAIN Landing Page - CSS  -------------------- */
    .container-landingpage
	{
		max-width:1000px;
		width:100%;
		margin:auto;
		padding:0;
		border:#F00 dashed 0px;
		background-color: transparent;
    }
	
	.pagetitle-landingpage
	{
		color: #002147;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.5;
		text-align: center;
		text-decoration: none;
	}
	
	.logocss-landingpage
	{
		height: 170px;
	}
	
	.card-landingpage
	{
		background-color: #002147;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  		transition: all .5s;
		width: 100%;
		height: 150px;
		padding: 20px 15px;
		display: grid;
		align-items: center;
		border-radius: 10px;
		cursor: pointer;
		
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.5;
		text-decoration: none;
		text-align: center;
  	}
	.card-landingpage:hover
	{
		background-color: #002147ba;
		box-shadow: 0 1px 4px rgba(79, 52, 205, 0.44);
		transition:.5s;
	}
	
	.card-landingpage-bg-red
	{
		background-color: #da251c;
  	}
	.card-landingpage-bg-red:hover
	{
		background-color: #da251cb8;
		box-shadow: 0 1px 4px rgba(79, 52, 205, 0.44);
		transition:.5s;
	}
	
	.paddingtop70-media 
	{
		padding-top:7rem;
	}
	
	.nounderlinecss
	{
		text-decoration: none;
	}
	.nounderlinecss:hover
	{
		text-decoration: none;
	}
	/* -------------------- MAIN Landing Page - CSS  -------------------- */
	


	
	/* If the screen size is 360px or less, set this CSS */
	@media only screen and (max-width: 360px)
	{

	}
	
	
	
	/* If the screen size is 767 or less, set this CSS */
	@media only screen and (max-width: 767px)
	{
		.navbar-expand-md .navbar-nav .nav-link 
		{
			border-top: #c7b7b77d solid 1px;
		}	
		
		.showhide-media
		{
			display:none;
		}
		
		.hideshow-media
		{
			display:block;
		}
		
		.hide-mobile
		{
			display:none;
		}

		.row-nomargin-media
		{
			margin-right: 0;
			margin-left: 0;
		}
			
		.nopadding-media
		{
			padding: 0 15px;
		}
		
		.paddingtop0to20
		{
			padding-top: 2rem;
		}	
		
		.align-righttocenter
		{
			text-align:center;
		}
		
		.align-lefttocenter
		{
			text-align:center;
		}
		
		.inlinetoblock
		{
			display: block;	
		}
		
		.sliderbannercss
		{
			height: 150px;	
		}
		
		.slidertitle
		{
			font-size: 2.6rem;
			margin-top: -30px;
			text-align: center;
		}
		
		.bg-light
		{
			background-color: #FFFFFF !important;
			padding: 0;
		}	

		.container-footer-section2
		{
			padding: 20px 0 10px 0;
		}

		.container-header-section1
		{
			height:auto;
		}
		
		.container-footer 
		{
			padding: 20px 0 10px 0;		
		}
	
		.aligntocenter-media
		{
			text-align:center !important;
		}	
		
		.container-footer 
		{
			padding: 0 0;
		}
		
		.footersectionmediacss
		{
			padding: 15px 0;
		}
		
		.footeraboutus
		{
			font-size: 1.4rem;
		}
			
		.footertitle
		{
			font-size: 1.8rem;
			margin-bottom: 0;
			margin-top: 1rem;
		}
		
		.copyright
		{
			font-size: 1.4rem;
			line-height: 1;
			margin-bottom: 0.5rem;
		}

		.astrotechlink
		{
			font-size: 1.4rem;
		}

		.headertext
		{
			font-size: 1.5rem;
			line-height: 1.5;
			padding: 7px 0;
		}
		
		.header1links
		{
			font-size: 1.5rem;
		}
		
		.sectionwiseblock 
		{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		
		.sectionwiseblock-bg
		{
			padding: 2rem 0;
		}
		
		.pagetitle
		{
			font-size: 2rem;
		}
		
		.section-details
		{
			font-size: 1.6rem;
		}
		
		.headertext
		{
			line-height: 1.5;
			padding: 7px 0;
		}
		
		.headermenucss
		{
			justify-content: flex-start !important;
		}
		
		.btn-readmore
		{
			font-size: 1.2rem;
			padding: 7px 20px;
		}
		
		.formsectioncss
		{
			font-size: 1.5rem;
		}
		
		.details-paragraph18
		{
			font-size: 1.4rem;
		}
		
		.details-paragraph17
		{
			font-size: 1.4rem;
		}
		
		.btn-form
		{
			font-size: 1.4rem;
			padding: 5px 15px;
		}
		
		.contactus-title
		{
			font-size: 1.7rem;
		}
		
		.contactus-details
		{
			font-size: 1.6rem;
		}
		
		.container-contactus-form-media
		{
			margin: auto -15px;
		}
		
		.contactus-icon
		{
			font-size: 1.6rem;
		}
		
		.contactus-email
		{
			font-size: 1.6rem;
		}
		
		.promotionalvideo-title
		{
			font-size: 2.4rem;
		}
		
		.promotionalvideo-details
		{
			font-size: 1.8rem;
		}
		
		.news-title
		{
			font-size: 1.5rem;
		}
			
		/* Photo Gallery Section CSS */
		.sectionwiseblock-full 
		{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		
		.container-white 
		{
			width: 95%;
			padding: 20px 5px 20px 5px;
		}

		.photogallery-listimage
		{
			margin-bottom: 15px;
		}
		
		.photogallery-popupimage
		{
			width: 350px !important;
			height: 250px !important;
			object-fit: cover;
			cursor: pointer;
		}
		
		.lightbox .lb-image {
			width: 350px !important;	
			height: 250px !important;
			object-fit: cover;
			border-radius: 3px;
		}
		/* Photo Gallery Section CSS */
		
		
		.list-title
		{
			font-size: 1.6rem;
		}
	
		.list-details
		{
			font-size: 1.6rem;
		}
		
		.readmore-newslist
		{
			font-size: 1.3rem;
		}
		
		.listimagecss
		{
			height: auto;
		}
	
		.dataimagecss
		{
			height: auto;
		}
		
		/* -------------------- MAIN Landing Page - CSS  -------------------- */
		.pagetitle-landingpage
		{
			font-size: 2rem;
			text-align:center;
		}
		
		.logocss-landingpage
		{
			height: 150px;
		}
		
		.card-landingpage
		{
			font-size: 1.5rem;
		}
		
		.paddingtop70-media 
		{
			padding-top:2rem;
		}
		/* -------------------- MAIN Landing Page - CSS  -------------------- */
		
			
	}
	


	
	/* If the screen size is between 768px to 1024px, set this CSS */
	@media (min-width: 768px) and (max-width: 1024px)
	{
		
	}
	
	
	
	@media (max-device-width : 1024px) and (orientation : landscape)
	{

	}
		
	/* -------------------- NEW CSS UPDATED for TRAINER MODULE - CSS  -------------------- */