/* 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:'AlegreyaSans-Thin'; 
		src: url('../webfonts/AlegreyaSans-Thin.ttf');
	}
	
	@font-face {
		font-family:'AlegreyaSans-Light'; 
		src: url('../webfonts/AlegreyaSans-Light.ttf');
	}
	
	@font-face {
		font-family:'AlegreyaSans-Regular'; 
		src: url('../webfonts/AlegreyaSans-Regular.ttf');
	}

	@font-face {
		font-family:'AlegreyaSans-Bold'; 
		src: url('../webfonts/AlegreyaSans-Bold.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  -------------------- */
	


/*	dark blue - 211456
	yellow - F2AE06
*/	
	

	/* -------------------- 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;
	}
	
	.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;
	}
	
	.margintop25 
	{
		margin-top:2.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;
	}
	
	.underlinenone
	{
		text-decoration: none !important;
	}
	
	.align-righttocenter
	{
		text-align:right;
	}
	
	.align-lefttocenter
	{
		text-align:left;
	}
	
	.showhide-media
	{
		display:block;
	}
	
	.hideshow-media
	{
		display:none;
	}

	.align-centertoleft-media
	{
		text-align: center;
	}	

	
	/* -------------------- HEADER SECTION - CSS  -------------------- */
	.bg-light 
	{
		background-color: transparent !important;
	}
	
	.navbar-expand-md .navbar-nav .nav-link 
	{
		font-family: Roboto-Regular;
		color: #FFFFFF !important;
		font-size: 1.7rem;
		font-weight: 400;
		margin-top: -41px;
		text-decoration: none;
		padding-left: 2rem;
		padding-right: 2rem;
		transition: .5s;
		line-height: 4.1;
	}	
	.navbar-expand-md .navbar-nav .nav-link:hover 
	{
		color: #FFFFFF !important;
		text-decoration:none;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
		text-decoration: none;
		background-color: #F2AE06;
	}
	
	.nav-link-selected
	{
		background-color: #F2AE06;
		transition: .5s;
	}	
	
	.navbar-light .navbar-toggler 
	{
		font-family:Roboto-Regular;
		color: #8ab4eb;
		font-size: 2rem;
		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-header
	{
		background-color:#FFFFFF;
		margin-top: -4px;
		
		width: 150px;
		height: 115px;
		border-radius: 0 0 50% 50%;
		position:relative;
		z-index:9001;
	}
	.logocss-header:hover
	{
		background-color:#F2AE06;
		margin-top: -4px;
		width: 150px;
		height: 115px;
		border-radius: 0 0 50% 50%;
		transition:.5s;
		position:relative;
		z-index:9001;
	}
	
	.headermenucss
	{
		justify-content: flex-end !important;
	}
	
	.container-header-main
	{
	}
	
    .container-header-section2
	{
		max-width:100%;
		height:80px;
		border:#F00 solid 0px;
		background-color:#211456;
    }
	
	.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;
			margin-top: 0;
			line-height: 1.5;
		}	
		.navbar-expand-md .navbar-nav .nav-link:hover {
			color: #fdc800 !important;
			line-height: 1.5;
			transition:.5s;
			margin-top: 0;
			text-decoration: none;
			background-color: transparent;
		}
		
		.nav-link-selected
		{
			background-color: transparent;
			color: #F2AE06 !important;
			line-height: 1.5;
			transition: .5s;
		}	
		
		.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: 600px;
		/*border-bottom: dotted #F2AE06 4px;*/
		border-bottom: dashed #F2AE06 2px;
	}
	
	.carousel-caption 
	{
		position: absolute;
		top: 35%;
		left: 10%;
		right: 10%;
		z-index: 10;
	}	
		
	.slidertitle
	{
		/*font-family: Allura-Regular;*/
		color: #FFFFFF;
		font-size: 4rem;
		font-weight: 700;
		line-height: 1.3;
		text-decoration: none;
		margin-top: -20px;
	}
	
	.slidercaption
	{
		font-family: Roboto-Regular;
		color: #a9fa66;
		font-size: 2.2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
		width: 100%;
	}
	
	.sliderbannershade
	{
		background-color: #0e0e0e66;
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%;
		width: 100%;
	}
	
	.btn-enrollnow
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-transform: uppercase;
		text-decoration: none;
		padding: 8px 20px;
		border-radius: none;
		background-color: #fec000;
		box-shadow: 1px 12px 30px rgba(240, 239, 244, 0.24);
	}
	.btn-enrollnow:hover
	{
		background-color: #211456;
		color:#FFFFFF;
		transition:.5s;
	}
	
	.btn-knowmore 
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-transform: uppercase;
		text-decoration: none;
		padding: 8px 20px;
		border-radius: none;
		border: #FFFFFF solid 1px;
		box-shadow: 1px 12px 30px rgba(240, 239, 244, 0.24);
	}
	.btn-knowmore:hover
	{
		background-color: #F2AE06;
		border: #F2AE06 solid 1px;
		color:#FFFFFF;
		transition:.5s;
	}
	/* -------------------- HEADER SLIDER SECTION - CSS  -------------------- */	
	
	
	
	/* -------------------- FOOTER SECTION - CSS  -------------------- */
    .footer-bgcolor
	{
		background-color: #211456;
    }
	
    .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: #808080 solid 1px;
		width: 100%;
		margin:auto;
		margin-bottom: 2rem;
	}
	
	.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: #FFFFFF;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.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: 40px;
		border: 1px solid #F2AE06;
		margin-top: 5px; 
	}

	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.2;
	}
	.footermenulinks:hover
	{
		color:#F2AE06;
		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:#F2AE06;
		text-decoration:none;
		transition:.5s;
	}
	
	.astrotechlink
	{
		font-family: Roboto-Light,Arial,Helvetica,sans-serif;
		color: #F2AE06;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	.astrotechlink:hover
	{
		color:#FFFFFF;
		text-decoration:none;
		transition:.5s;
	}
	
	.icon-footer-contact
	{
		color:#FFFFFF;
		/*font-size: 2rem;*/
		margin-top: 5px;
		margin-right: 5px;
		cursor: pointer;
	}
	
	.table td, .table th 
	{
		padding: 0 .3rem 2rem 0;
	}
	
	.footersectionmediacss
	{
		padding: 25px 0;
	}
	
	.logocss-footer
	{
		background-color: #FFFFFF;
		width: 150px;
		height: auto;
		padding: 5px;
		border-radius: 0 0 50% 50%;
	}
	.logocss-footer:hover
	{
		background-color: #F2AE06;
		transition:.5s;
	}
	
	.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:#3d269d;
		border: #3d269d solid 0px;
		border-radius: 50%;
		cursor: pointer;
	}
	.icon-footer-sm:hover
	{
		background-color: #F2AE06;
		border: #F2AE06 0px solid;
		color: #FFFFFF;
		transition: .5s;
	}	
	
	.icon-footer-sm-facebook
	{
		background-color:#007df7;
	}
	.icon-footer-sm-instagram
	{
		background-color:#f5038a;
	}
	.icon-footer-sm-youtube
	{
		background-color:#f70000;
	}
	/* -------------------- FOOTER SECTION - CSS  -------------------- */
	
	
	
	/* ----------------- SCROLL TO TOP BUTTON - CSS  ----------------- */
	#scroll {
		position:fixed;
		z-index: 9001;
		right:35px;
		bottom:35px;
		cursor:pointer;
		width:50px;
		height:50px;
		background-color:#3d269d;
		border: #7b7b7b solid 0px;
		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:#F2AE06;
		border: #FFFFFF solid 0px;
		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  ----------------- */
		
		
		
	/* ----------------- VISITOR COUNT - CSS  ----------------- */
	.counter-number 
	{
		/*background-image: linear-gradient(0deg, #090909, #5c5c5c);*/
		background-color: #F2AE06;
		color: #000000;
		font-size: 3rem;
		border: solid 1px black;
		padding: 5px;
		display: inline-grid;
	}
	
	.visitorcount-title
	{
		/*font-family: Allura-Regular;*/
		color: #FFFFFF;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.3;
		text-decoration: none;
	}
	
	.visitorcount-block
	{
		background-color: #FFFFFF;
		padding: 15px;
	}
	
	/* ----------------- VISITOR COUNT - CSS  ----------------- */
	
	
		
	/* -------------------- HOMEPAGE SECTION - CSS  -------------------- */
	.sectionwiseblock 
	{
		border: #052882 solid 0px;
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	
	.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;
	}
	
	.section-details-aboutus
	{
		font-family: 'Nunito-Regular',sans-serif;
		/*font-family: 'Lato',sans-serif;*/
		color: #534d4d;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.textcss-pink
	{
		color: #f24080;
	}
	
	.textcss-blue
	{
		color: #0000FF;
	}

	.textcss-green
	{
		color: #008000;
	}
	
	
	.pagetitle
	{
		/*font-family: Roboto-bold;*/
		font-family: 'AlegreyaSans-Bold',serif;
		color: #002147;
		font-size: 3.6rem;
		font-weight: 800;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.pagecaption
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration:none;
	}
	
	.sectionheading
	{
		/*font-family: Roboto-bold;*/
		font-family: 'AlegreyaSans-Bold',serif;
		color: #002147;
		font-size: 3.6rem;
		font-weight: 800;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.sectioncaption
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0;
		text-decoration:none;
	}
	
	.btn-readmore
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		text-transform:uppercase;
		padding: 7px 25px;
		border: #211456 solid 1px;
		background-color: #211456;
		border-radius: 355px 45px 225px 75px/15px 225px 15px 255px;
		transition: .5s;
	}
	.btn-readmore:hover
	{
		background-color: #F2AE06;
		border: #F2AE06 solid 1px;
		color: #211456;
	}
	
	.border
	{
		border:#0066FF solid 1px;
	}

	.aboutusimagecss
	{
		border-radius: 10px;
	}
	
	.contactusimagecss
	{
		border-radius: 10px;
		width: 100%;
		height:400px;
	}
	
	.card-schoolinfo
	{
		background-color: #211456;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  		transition: all .5s;
		width: 100%;
		padding: 20px 26px;
		margin-top: 25px;
		border-radius: 10px;
		cursor: pointer;
  	}
	.card-schoolinfo:hover
	{
		background-color: #F2AE06;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
		transition: .5s;
	}
	
	.icon-schoolinfo
	{
		color: #FFFFFF;
		font-size: 5rem;
		margin-bottom: 10px;
		cursor: pointer;
	}

	.schoolinfo-title
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.schoolinfo-count
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 3rem;
		font-weight: 700;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.schoolinfo-liner
	{
		content: '';
		display: block;
		position: relative;
		width: 50px;
		border: 3px solid #F2AE06;
		margin-top: 15px; 
	}
	.card-schoolinfo:hover .schoolinfo-liner
	{
		border: 3px solid #211456;
	}
	
	.desk-imagecss
	{
		border-radius: 10px 10px 0 0;
		max-width: 100%;
		height: auto;
		object-fit: cover;
	}
	
	
	/* Thses are the CSS to used in Admin Desk section */
	.card-desk
	{
		background-color: #daf4f469;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		transition: all .5s;
		margin-top: 0;
		border-radius: 20px;
		cursor: pointer;
	}
	.card-desk:hover
	{
		/*background-color: #fbe5c4;*/
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
		transition: .5s;
	}
	
	.card-desk-name
	{
		position: absolute;
		padding: 5px 15px;
		margin-top: -20px;
		margin-left: 25px;			
		border-radius: 20px;
		
		font-family: "Rajdhani", sans-serif;
		color: #fff;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.card-desk-bg-president
	{
		/*background-color: #f24080;*/
		background-image: linear-gradient(to bottom right,#e5287f,#f89ac5);
		border: none;
	}
	
	.card-desk-bg-principal 
	{
		/*background-color: #492AB7;*/
		background-image: linear-gradient(to bottom right,#6b39e3,#bcb1f2);
		border: none;
	}

	.card-desk-bg-video
	{
		/*background-color: #008000;*/
		background-image: linear-gradient(to bottom right,#0d2302,#68df2d);
		border: none;	
	}
	
	.card-body 
	{
		padding: 3rem 0.5rem 2.5rem 1.5rem;
	}
	
	.card-title
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #0000FF;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0;
		text-decoration: none;
	}
	
	.card-title-president
	{
		color: #f24080;
	}
	
	.card-title-principal
	{
		color: #0000FF;
	}

	.card-title-video
	{
		color: #008000;
	}
	
	.card-details
	{
		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;
	}
	
	.desk-imagecss
	{
		border-radius: 10px 10px 0 0;
		max-width: 100%;
		height: auto;
		object-fit: cover;
	}
	
	/* Thses are the CSS to used in Admin Desk section */
	
	
	
	.card-aboutus-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.card-aboutus-mission
	{
		background-color: #FEF3F7;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		transition: all .5s;
		margin-top: 15px;
		padding: 10px;
		border: #F9BBD0 solid 1px;
		border-radius: 10px;
		cursor: pointer;
	}
	
	.card-aboutus-vision
	{
		background-color: #F2F7FB;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		transition: all .5s;
		margin-top: 15px;
		padding: 10px;
		border: #CFE5F6 solid 1px;
		border-radius: 10px;
		cursor: pointer;
	}
	
	.card-aboutus-value
	{
		background-color: #E2FFE8;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		transition: all .5s;
		margin-top: 15px;
		padding: 10px;
		border: #A4EFB3 solid 1px;
		border-radius: 10px;
		cursor: pointer;
	}
	
	.aboutus-liner-mission
	{
		width: 1px;
		height: 100%;
		background-color: #f24080;
	}
	
	.aboutus-liner-vision
	{
		width: 1px;
		height: 100%;
		background-color: #0000FF;
	}
	
	.aboutus-liner-value
	{
		width: 1px;
		height: 100%;
		background-color: #008000;
	}
	
	.icon-aboutus-mission
	{
		color: #f24080;
		font-size: 6rem;
		cursor: pointer;
	}
	
	.icon-aboutus-vision
	{
		color: #0000FF;
		font-size: 6rem;
		cursor: pointer;
	}
	
	.icon-aboutus-value
	{
		color: #008000;
		font-size: 6rem;
		cursor: pointer;
	}
	
	.btn-readmore-card
	{
		color: #FFFFFF;
		font-size: 1.3rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		padding: 8px 15px;
		border-radius: 5px;
		background-color: #002147;
		border-radius: 355px 45px 225px 75px/15px 225px 15px 255px;
	}
	.btn-readmore-card:hover
	{
		background-color: #F2AE06;
		color: #FFFFFF;
		text-decoration: none;
		transition: .5s;
	}
	
	a:hover {
		color: #FFFFFF;
		text-decoration: none;
		transition: .5s;
	}

	/* Thses are the CSS to used in Admin Desk section */
		
	.modal-dialog-video
	{
		max-width:900px;
	}
	
	/* 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: 1190px;
		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: 200px;
		border-radius: 15px;
		object-fit: cover;
		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 */
		
		
	.card-planner
	{
		background-color: #daf4f469;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		transition: all .5s;
		padding: 20px 25px;
		margin-top: 25px;
		border-radius: 20px;
		cursor: pointer;
	}
	.card-planner:hover
	{
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
		transition: .5s;
	}
	
	.card-planner-title
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #0000FF;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.card-planner-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
		
		
	/* -------------------- HOMEPAGE SECTION - CSS  -------------------- */


	
	.contactus-formcss
	{
		font-family: Roboto-Regular;
		color: #211456;
		font-size: 1.7rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	
		box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
		padding: 20px 0;
		border-radius: 15px;
		border:#d1d0d3 solid 1px;	
	}
	
	.card-video
	{
		background-color: #daf4f469;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);		
		transition: all .5s;
		margin-top: 15px;
		padding: 15px;
		border: #daf4f469 solid 1px;
		border-radius: 10px;
		cursor: pointer;
	}
	
	
	/* -------------------- Other Common - CSS  -------------------- */
	
	/*Contact us section*/
	.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;
	}	
	
	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*/
	
	.infra-imagecss
	{
		width: 100%;
		height: 200px;
		object-fit: cover;
		border-radius: 10px;
		margin-bottom: 25px;
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
	}
	
	
	/*This is for teacher Data CSS*/
	.custom-table {
		width: 100%;
		border: 2px solid #211456;
		border-collapse: separate;
		border-spacing: 0;
		border-radius: 10px;
		overflow: hidden;
		font-size: 14px;
	}
	
	.custom-table-50p 
	{
		width: 50%;
	}

	.custom-table th,
	.custom-table td {
		border-right: 1px solid #211456;
		border-bottom: 1px solid #211456;
		padding: 6px 10px !important;
		vertical-align: middle;
	}

	.custom-table tr:last-child td {
		border-bottom: none;
	}

	.custom-table th:last-child,
	.custom-table td:last-child {
		border-right: none;
	}

	.custom-table th {
		background: #211456;
		font-weight: 700;
		text-align: left;
		color: #FFFFFF;
	}

	.custom-table tbody tr:hover {
		background: #e2dcf9;
	}
	/*This is for teacher Data CSS*/
	
	/* -------------------- Other Common - 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;
		}
		
		.row-nomargin-media
		{
			margin-right: 0;
			margin-left: 0;
		}
			
		.nopadding-media
		{
			padding: 0 15px;
		}
		
		.align-righttocenter
		{
			text-align:center;
		}
		
		.align-lefttocenter
		{
			text-align:center;
		}
		
		.carousel-caption 
		{
			top: 20%;
		}
		
		.sliderbannercss
		{
			height: 150px;	
		}
		
		.slidertitle
		{
			font-size: 1.8rem;
			margin-top: -30px;
			text-align: center;
		}
		
		.btn-enrollnow 
		{
			font-size: 1.2rem;
			padding: 7px 15px;
		}
		
		.btn-knowmore 
		{
			font-size: 1.2rem;
			padding: 7px 15px;
		}
		
		.bg-light
		{
			background-color: #FFFFFF !important;
			padding: 0;
		}	
		
		.container-footer 
		{
			padding: 20px 0 10px 0;		
		}
	
		.aligntocenter-media
		{
			text-align: center !important;
		}	
		
		.align-centertoleft-media
		{
			text-align: left;
		}	
		
		.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;
		}

		.sectionwiseblock 
		{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		
		.sectionwiseblock-bg
		{
			padding: 2rem 0;
		}
		
		.pagetitle
		{
			font-size: 2rem;
		}
		
		.sectionheading
		{
			font-size: 2.2rem;
		}
		
		.sectioncaption
		{
			font-size: 1.6rem;
		}
		
		.section-details
		{
			font-size: 1.6rem;
		}
		
		.section-details-aboutus
		{
			font-size: 1.6rem;
		}
		
		.headermenucss
		{
			justify-content: flex-start !important;
		}
		
		.btn-readmore
		{
			font-size: 1.2rem;
			padding: 7px 20px;
		}
		
		/* 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 */
		
		
		.logocss-header
		{
			margin-top: 0;
			width: 95px;
			height: auto;
		}
		.logocss-header:hover
		{
			background-color:#FFFFFF;
			margin-top: 0;
			width: 95px;
			height: auto;
			border-radius: 0;
			transition:.5s;
		}
			
		.logocss-footer
		{
			width: 100px;
		}
		
		#scroll 
		{
			bottom: 60px;
		}
		
		.counter-number 
		{
			font-size: 2rem;
		}
		
		.card-desk
		{
			margin-top: 25px;
		}
		
		.card-title
		{
			font-size: 1.6rem;
		}
		
		.card-details
		{
			font-size: 1.6rem;
		}
		
		.schoolinfo-title
		{
			font-size: 1.6rem;
		}
		
		.schoolinfo-count
		{
			font-size: 2rem;
		}
		
		.contactus-formcss
		{
			font-size: 1.6rem;
		}
		
		.contactusimagecss
		{
			height: auto;
		}
		
		.icon-footer-sm-facebook
		{
			padding-left: 14px;
		}
		
		.custom-table-50p 
		{
			width: 100%;
		}
		
		.card-planner
		{
			padding: 15px 20px;
			margin-top: 20px;
		}
		
		.card-planner-title
		{
			font-size: 1.8rem;
		}
		
		.card-planner-details
		{
			font-size: 1.6rem;
		}
			
			
	}
	


	
	/* 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  -------------------- */