/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
###	CLIENT					: Chandernagore College                                      
###	AUTHOR					: Arindam Chakraborty
###	FILE NAME				: st.common.sp.1.1.7.css                                                      
###	CREATED ON				: 20.03.2024
###	LAST UPDATED ON			: 17.06.2024
### LAST UPLOADED VERSION	: 1.1.7
###	PURPOSE					: CSS styling for screen below 540 pixels for All Page Common Elements

=====================================================================================	
FONTS
font-family: 'Abril fatface', cursive; 	--> Page Header Title
font-family: 'Roboto', cursive; 		--> General Text
font-family: 'Oswald', sans-serif;		--> Menu
font-family: 'Abril fatface;			--> class h1 "Welcome Section"
font-family: 'cambria;					--> Page Header Sub-titles, Titles, Sub-titles
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

	html
	{
		position			: relative;
		width				: 100%;
		margin				: 0px;
		padding				: 0px;
		font-size			: 1vw;
	}
	body
	{
		position			: relative;
		width				: 100%;
		margin				: 0;
		padding				: 0;
		background-color	: #f9f8f7;
		background-size		: cover;
		background-repeat	: repeat;
		overflow-x			: hidden;
		z-index				: 10;
	}
	/**************************** clearfix is used here ***************************************************************************************/
	.clearfix:after
	{
		clear				: both;
		content				: ".";
		display				: block;
		height				: 0;
		line-height			: 0;
		visibility			: hidden;
	}
	
	::-webkit-scrollbar
	{
		width				: 5px;
	}

	/* Track */
	::-webkit-scrollbar-track 
	{
		background: #f1f1f1; 
	}
 
	/* Handle */
	::-webkit-scrollbar-thumb
	{
		background: #096677; 
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover
	{
		background: #090b0d; 
	}
	
/*##############################################################################################################
###	Background & Foreground Colours
################################################################################################################*/	
	
	/*------------------------------------------------------
	###	25.12.2022	Font Colours
	--------------------------------------------------------*/
	.fntRed
	{
		color				: #f00;
	}
	.fntAzure
	{
		color				: #0a6ddc;
	}
	.fntGreen
	{
		color				: #009500;
	}
	.fntGrey
	{
		color				: #4f4f4f;
	}
	
	.gradient
	{
		background-image	:linear-gradient( #e2e2e2 , #5c5c5c );
		background-image	:-o-linear-gradient(  #e2e2e2 , #5c5c5c );
		background-image	:-moz-linear-gradient(  #e2e2e2 , #5c5c5c);
		background-image	:-webkit-linear-gradient( #e2e2e2 , #5c5c5c );
		background-image	:-ms-linear-gradient(  #e2e2e2 , #5c5c5c );
	}
	.gradient-blue
	{
		background-image	:linear-gradient( #035f7c ,#26afdd ,#035f7c );
		background-image	:-o-linear-gradient(  #035f7c ,#26afdd ,#035f7c );
		background-image	:-moz-linear-gradient(  #035f7c,#26afdd ,#035f7c);
		background-image	:-webkit-linear-gradient( #035f7c ,#26afdd , #035f7c );
		background-image	:-ms-linear-gradient(  #035f7c ,#26afdd , #035f7c );
	}	
	.bkgColorGrey
	{
		background-color	: #40403e;
	}
	.bkgColorMarshGreen
	{
		background-color	: #42432c;
	}
	.bkgColorMarshGrey
	{
		background-color	: #22323c;
	}
	.bkgColorBrown
	{
		background-color	: #946243;
	}
	.bkgColorPruBlue
	{		
		background-color	: #5088c7;
	}
	.bkgColorLightBrown
	{		
		background-color	: #cdb172;
	}
	
	.bkgSemiTransWhite
	{		
		background-color	: rgba(255,255,255,0.4);
	}
	.bkgColorTrans
	{		
		background-color	: transparent;
	}
	
	.frColDeepAzure
	{
		color				: #1f3e61;
	}
	.frColMarshGreen
	{
		color				: #374310;
	}
	.frColDeepBrown
	{
		color				: #5e1d1a;
	}
/*##############################################################################################################
###	Header Section
################################################################################################################*/
	.header-wrapper
	{		
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		float				: left;
		width				: 100%;
		height				: auto;
		background-color	: #e0d7d1;
		border-top			: 3px solid #30301f;
	}	
	.header				
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0 auto;
		padding				: 0;
	}
	.header-title-area
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0;
	}
	.header-emblem-block
	{
		position			: relative;
		box-sizing			: border-box;
		display				: flex;
		flex-wrap			: none;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 10px;	
		background-color	: transparent;
	}
	.header-emblem-block .header-emblem
	{
		width				: 36px;
		padding-left		: 0;
		padding-right		: 5px;
	}
	.header-emblem-block .header-logo
	{
		width				: 60px;
		padding-left		: 5px;
	}
	.header-emblem-block .header-title
	{
		flex				: 1;
	}
	.header-emblem-block .header-emblem img,
	.header-emblem-block .header-logo img
	{
		display				: block;
		max-width			: 100%;
		height				: auto;
		max-height			: 90px;
	}
	
	.title-block
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0;
	}
	#mainTitleBlock
	{
		display				: none;
	}
	
	.header-title-area span.main-title,
	.header-title-area span.sub-title,
	.header-title-area span.para-title,	
	.header-title-area span.highlight-title
	{
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0;
	}
	.header-title-area span.main-title
	{
		text-align			: center;
		line-height			: 1;
		font-family			: 'Abril fatface', sans-serif;				
		font-size			: 6rem;
		font-weight			: 600;
		color				: #4b3d1b;
		letter-spacing		: 1px;
	}
	.header-title-area span.sub-title,	
	.header-title-area span.para-title,	
	.header-title-area span.highlight-title	
	{
		margin-top			: 2px;
		padding-left		: 5px;
		text-align			: center;
		font-family			: cambria,sans-serif;		
		font-weight			: 400;
		color				: #614e41;
		letter-spacing		: 1px;
	}
	.header-title-area span.sub-title	
	{			
		font-size			: 4rem;
	}	
	.header-title-area span.para-title,
	.header-title-area span.highlight-title	
	{				
		font-size			: 3rem;		
	}
	.header-title-area span.highlight-title
	{
		font-weight			: 600;
		color				: #646c35;
	}
	
	/*--------------------------------------------------------------
	### 13.01.2024	: Header Contextual Segment
	----------------------------------------------------------------*/
	.header-context-block
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		width				: 100%;
		height				: auto;
		display				: flex;
		flex-direction		: column;
		height				: auto;
	}
	.header-context-top
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: 30px;
	}
	.context-title
	{
		display				: block;
		text-align			: center;
		line-height			: 1.1;
		padding-right		: 10px;
		font-family			: 'Roboto', sans-serif;				
		font-size			: 3rem;
		font-weight			: 600;
		color				: #445f60;
		letter-spacing		: 1px;
	}
	
	/*--------------------------------------------------------------
	### 13.01.2024	: Header Menu
	----------------------------------------------------------------*/
	.header-context-menu
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0;
		background-color	: transparent;
	}
	#hdrMenuBar
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		float				: left;
		width				: 100%;
		height				: 30px;
		margin				: 0;
		padding				: 0 5px;
		text-align			: center;
		line-height			: 30px;
		background-color	: #c6a7a4;
		font-size			: 3.4rem;
		font-weight			: 600;
		color				: #453f23;
		cursor				: pointer;
	}
	#hdrMenuBar span
	{
		position			: relative;
		display				: inline-block;
		width				: auto;
		height				: 30px;
		line-height			: 30px;
		margin-right		: 5px;
	}
	#hdrMenuBar span.menu-mob-text
	{
		float				: left;
	}
	#hdrMenuBar span.menu-mob-bar,
	#hdrMenuBar span.menu-mob-cross
	{
		float				: right;
	}
	#hdrMenuBar span.menu-mob-cross
	{
		display				: none;
	}
	
	.header-menu
	{
		position			: relative;
		display				: none;
		box-sizing			: border-box;
		float				: left;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0;
		background-color	: transparent;
		z-index				: 9990;
	}
	.header-menu ul
	{
		list-style-type		: none;
		padding				: 0;
	}
	.header-menu a
	{
		box-sizing			: border-box;
		display				: block;
		height				: 30px;	
		margin				: 0px;
		padding				: 0 10px;							
		font-family			: "Oswald",sans-serif;
		font-weight			: 600;
		font-size			: 3rem;
		text-transform		: uppercase;
		letter-spacing		: 1px;						
		text-decoration		: none;
		line-height			: 30px;
		color				: #453f23;
	}
	.header-menu a:hover
	{
		font-size			: 13px;
		font-weight			: 600;
		color				: #076069;
	}
	.header-menu ul.hdr-menu-wrap-lvl-one
	{
		position			: relative;
		display				: block;
		width				: 100%;
		text-align			: left;
		padding				: 0;
		margin				: 0;
		z-index				: 9991;
	}
	.header-menu ul.hdr-menu-wrap-lvl-one li.hd-item-level-one
	{
		position			: relative;
		display				: block;
		float				: left;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0;
		background-color	: #dac5c2;
		border-top			: 1px solid #bdbe9a;
		border-bottom		: 1px solid #30301f;
		z-index				: 9992;
	}
	.header-menu > ul.hdr-menu-wrap-lvl-one > li:first-of-type
	{
		border-top			: none;
	}
	.header-menu > ul.hdr-menu-wrap-lvl-one > li:last-of-type
	{
		border-bottom		: none;
	}
	.header-menu ul.hdr-menu-wrap-lvl-one li.hd-item-level-one a
	{
		height				: 30px;
		text-align			: left;
	}
	.header-menu ul.hdr-menu-wrap-lvl-one a i.fy-next
	{
		display				: inline-block;
		top					: 50%;
		transform			: translateY(-50%);
		transform			: rotate(90deg);
		transform-origin	: 50% 50%;
		transition			: 0.5s;
	}	
	.header-menu ul.hdr-menu-wrap-lvl-one a:hover i.fy-next
	{
		transform			: rotate(0deg);
		transform-origin	: 50% 50%;
	}
	.header-menu ul.hdr-menu-wrap-lvl-two
	{
		position			: relative;
		box-sizing			: border-box;		
		width				: 100%;
		height				: auto;
		display				: none;
		margin				: 0;
		padding				: 0;			
		padding-top			: 6px;
		background-color	: transparent !important;
		z-index				: 9993;
	}
	.header-menu ul.hdr-menu-wrap-lvl-two li.hd-item-level-two
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		width				: 100%;
		height				: auto;
		background-color	: #eadfdd !important;
		border-bottom		: 1px solid #dac6c2;
		z-index				: 9994;
	}
	.header-menu ul.hdr-menu-wrap-lvl-two li.hd-item-level-two a
	{
		text-align			: left;
		padding-left		: 30px;
	}
	.header-menu ul.hdr-menu-wrap-lvl-two li.hd-item-level-two a:before
	{
		content				: "--";
		position			: absolute;
		display				: inline-block;
		top					: 0;
		left				: 5px;
		width				: auto;
		height				: 30px;
		line-height			: 30px;
		z-index				: 100;
	}
	.header-menu ul.hdr-menu-wrap-lvl-two li.hd-item-level-two span.toggler
	{
		position			: absolute;
		top					: 0;
		right				: 0;
		width				: 20px;
		height				: 30px;
		text-align			: center;
		line-height			: 30px;
		font-weight			: 500;
		font-size			: 18px;
	}
	.header-menu ul.hdr-menu-wrap-lvl-one > li.hd-item-level-one:hover > ul.hdr-menu-wrap-lvl-two,
	.header-menu ul.hdr-menu-wrap-lvl-one:hover li.hd-item-level-one:hover > ul.hdr-menu-wrap-lvl-two
	{
		display				: block;
	}
	
	.header-menu ul.hdr-menu-wrap-lvl-three
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;		
		width				: 100%;
		height				: auto;
		display				: none;
		margin				: 0;
		padding				: 0;
		background-color	: transparent !important;
		box-shadow			: 2px 5px 5px #333;
		z-index				: 9994;
	}
	.header-menu ul.hdr-menu-wrap-lvl-three li.hd-item-level-three
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		width				: 100%;
		height				: 30px;
		background-color	: #f2ebea !important;
		border-bottom		: 1px solid #dac6c2;
		z-index				: 9995;
	}
	.header-menu ul.hdr-menu-wrap-lvl-three li.hd-item-level-three a
	{
		text-align			: left;
		padding-left		: 40px;
	}
	.header-menu ul.hdr-menu-wrap-lvl-three li.hd-item-level-three a:before
	{
		content				: "----";
		position			: absolute;
		display				: inline-block;
		top					: 0;
		left				: 5px;
		width				: auto;
		height				: 30px;
		line-height			: 30px;
		z-index				: 100;
	}
	
	.bttnBlinkContext
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 80%;
		max-width			: 300px;
		height				: 50px;
		margin				: 5px auto 15px;
		padding				: 0 20px;
		text-align			: center;
		line-height			: 50px;
		background-color	: #3e5b66;
		font-family			: "Oswald",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 500;
		color				: #fff;
		border-radius		: 17px;
		letter-spacing		: 1px;
		text-decoration		: none;
		animation			: glow 1s linear infinite forwards;
		transition			: 0.3s;
	}
	.bttnBlinkContext:hover
	{
		line-height			: 50px;
		background-color	: #c0d2da;
		color				: #445f60;
		border				: 2px solid #445f60;
	}
	@keyframes glow 
	{
		0%
		{
			box-shadow		: 0px 0px 0px #fff;
		}
		50%
		{
			box-shadow		: 0px 0px 8px #ff0000;
		}
		100%
		{
			box-shadow		: 0px 0px 0px #fff;
		}
	}	
	
/*##############################################################################################################
###	Main Menu Section
################################################################################################################*/	

	.menu-wrapper
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		float				: left;
		width				: 100%;
		height				: auto;
		padding				: 0;
		background-color	: #6b6245;
	}
	#mbarMainMenu
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		float				: left;
		width				: 100%;
		height				: 40px;
		padding				: 0 5px;			
		text-align			: center;
		line-height			: 40px;
		background-color	: transparent;
		font-size			: 3.2rem;
		color				: #fff;
		cursor				: pointer;
	}
	#mbarMainMenu span
	{
		position			: relative;
		display				: inline-block;
		width				: auto;
		height				: 40px;
		line-height			: 40px;
		margin-right		: 5px;
	}
	#mbarMainMenu span.menu-mob-text
	{
		float				: left;
	}
	#mbarMainMenu span.menu-mob-bar,
	#mbarMainMenu span.menu-mob-cross
	{
		float				: right;
	}
	#mbarMainMenu span.menu-mob-cross
	{
		display				: none;
	}
	.menu-block
	{	
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		display				: none;
		width				: 100%;
		height				: auto;
		margin				: 0;
		z-index				: 1000;
		background-color	: transparent;
	}
	.menu-block ul
	{
		list-style-type		: none;
	}
	.menu-block a
	{
		box-sizing			: border-box;
		display				: block;
		height				: 40px;	
		margin				: 0px;
		padding				: 0 10px;							
		font-family			: "Oswald",sans-serif;
		font-weight			: 400;
		font-size			: 3rem;
		letter-spacing		: 1px;						
		text-decoration		: none;
		line-height			: 40px;
		color				: #f5f5f1;
	}	
	.menu-block a:hover
	{
		font-size			: 3.2rem;
		font-weight			: 500;
		color				: #c7cb1d;
	}			
	
	/*----------------------------------------------------------------------------------
	## Menu Level-01 : Top Level : Horizontal menu
	------------------------------------------------------------------------------------*/	
	.menu-block ul.horizontal-menu
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		display				: block;
		width				: 100%;
		height				: auto;
		list-style-type		: none;
		text-align			: center;
		padding				: 0;
		margin				: 0;
		background-color	: transparent;
	}	
	.menu-block ul.horizontal-menu a i.fy-next
	{
		display				: none;
		/* display				: inline-block;
		top					: 50%;
		transform			: translateY(-50%);
		transform			: rotate(90deg);
		transform-origin	: 50% 50%;
		transition			: 0.5s; */
	}	
	.menu-block ul.horizontal-menu a:hover i.fy-next
	{
		transform			: rotate(0deg);
		transform-origin	: 50% 50%;
	}	
	.menu-block ul.horizontal-menu li.menu-level-one
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		display				: block;
		width				: 100%;
		height				: auto;
		background-color	: #c6a7a4;
		border-top			: 1px solid #bdbe9a;
		border-bottom		: 1px solid #585939;
		white-space			: nowrap;
	}
	#mnuLOIHome
	{
		display				: none;
	}
	.menu-block ul.horizontal-menu li.menu-level-one:first-of-type
	{
		border-top			: none;
	}
	.menu-block ul.horizontal-menu li.menu-level-one:last-of-type
	{
		border-bottom		: none;
	}
		
	.menu-block ul.horizontal-menu li.menu-level-one a
	{			
		text-align			: left;
		color				: #000;
	}	
	.menu-block ul.horizontal-menu .iconMenu a
	{
		font-size			: 20px !important;
		color				: #e6d7cc !important;
		cursor				: pointer;
	}
	
	/*-------------------------------------------------------
	## Vertical menu :: 2nd Level
	---------------------------------------------------------*/	
	.menu-block ul.vertical-menu
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0;
		background-color	: transparent !important;
	}
	.menu-block ul.vertical-menu li.menu-level-two
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		width				: 100%;
		text-align			: left;
		background-color	: #dac6c2;
		color				: #e3f5f9;
		border-bottom		: 1px solid #273645;
	}
	.menu-block ul.vertical-menu li.menu-level-two a
	{			
		padding-left		: 30px;
	}
	.menu-block ul.vertical-menu li.menu-level-two a::before
	{			
		content				: "---";
		position			: absolute;
		display				: inline-block;
		top					: 0;
		left				: 5px;
		width				: auto;
		height				: 39px;
		line-height			: 39px;
		z-index				: 100;
	}
	/* .menu-block ul.horizontal-menu li.menu-level-one:hover > ul.vertical-menu,
	.menu-block ul.horizontal-menu:hover li.menu-level-one:hover > ul.vertical-menu
	{
		display				: block;
	} */		
	/*-------------------------------------------------------
	## Vertical Sub menu :: 3rd Level
	---------------------------------------------------------*/
	.menu-block ul.vertical-sub-menu
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0;
		background-color	: transparent !important;
	}
	.menu-block ul.vertical-sub-menu li.menu-level-three
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		width				: 100%;
		border-bottom		: 1px solid #273a32;
		text-align			: left;
		background-color	: #e8dbd9;
		color				: #2b5664;
		border-bottom		: 1px solid #273645;
	}
	.menu-block ul.vertical-sub-menu li.menu-level-three:last-of-type
	{
		border-bottom		: none;
	}
	.menu-block ul.vertical-menu li.menu-level-three a
	{			
		padding-left		: 30px;
	}
	.menu-block ul.vertical-menu li.menu-level-three a::before
	{			
		content				: "-----";
		position			: absolute;
		display				: inline-block;
		top					: 0;
		left				: 5px;
		width				: auto;
		height				: 39px;
		line-height			: 39px;
		z-index				: 100;
	}
	/*-------------------------------------------------------
	## Vertical Sub Sub menu :: 4th Level
	---------------------------------------------------------*/
	.menu-block ul.vertical-sub-sub-menu
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0;
		background-color	: transparent !important;
	}
	.menu-block ul.vertical-sub-sub-menu li.menu-level-four
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		width				: 100%;
		border-bottom		: 1px solid #273a32;
		text-align			: left;
		padding-left		: 10px;
		background-color	: #f8f4f3;
		color				: #2b5664;
		border-bottom		: 1px solid #273645;		
	}
	.menu-block ul.vertical-sub-menu li.menu-level-four:last-of-type
	{
		border-bottom		: none;
	}
	.menu-block ul.vertical-menu li.menu-level-four a
	{			
		padding-left		: 50px;
	}
	.menu-block ul.vertical-menu li.menu-level-four a::before
	{			
		content				: "-------";
		position			: absolute;
		display				: inline-block;
		top					: 0;
		left				: 5px;
		width				: auto;
		height				: 39px;
		line-height			: 39px;
		z-index				: 100;
	}
	
/*##############################################################################################################
###	Page Banner Section
################################################################################################################*/	
	.banner-wrapper
	{
		position			: relative;
		float				: left;
		box-sizing			: border-box;		
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0px;
		background-color	: #333;	
		border-bottom		: 2px solid #37291c;
	}
	.banner
	{
		position			: relative;
		float				: left;
		box-sizing			: border-box;		
		display				: block;
		width				: 100%;
		height				: auto;
		padding				: 0;
		overflow			: hidden;
	}
	.banner-frame
	{
		position			: relative;
		width				: 100%;
		height				: auto;
		padding				: 0px;
		
	}
	.banner-frame img
	{
		display				: block;
		width				: 100%;
		height				: auto;
	}
	.banner-overlay
	{
		position			: absolute;
		box-sizing			: border-box;
		top					: 0;
		left				: 0;
		bottom				: 0;
		right				: 0;
		background-color	: rgba(0,0,0,0.4);
		z-index				: 990;
	}
	.banner-overlay .banner-text
	{
		position			: relative;
		width				: 70%;
		height				: auto;
		display				: block;
		top					: 50%;
		left				: 50%;
		text-align			: center;
		transform			: translate(-50%,-50%);	
		font-family			: cambria;
		font-size			: 20px;
		font-weight			: 600;
		color				: #f1eee9;
		text-shadow			: 1px 1px 2px #222;
	}
	
	.banner #banner-control
	{
		position			: absolute;			
		left				: 50px;
		bottom				: 20px;
		z-index				: 999;
	}
	.banner #banner-control .banner-control-bttn
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		display				: block;
		width				: 60px;
		height				: 40px;
		text-align			: center;
		line-height			: 40px;
		margin-right		: 3px;
		z-index				: 1000;
		font-size			: 24px;
		font-weight			: 600;
	}
	.banner #banner-control .banner-control-bttn-normal
	{				
		background-color	: rgba(197,171,95,0.7);
		color				: #302f23;
	}
	.banner #banner-control .banner-control-bttn:before
	{
		content				: "";
		position			: absolute;
		display				: block;
		top					: 3px;
		bottom				: 3px;
		left				: 3px;
		right				: 3px;
		border				: 1px solid #fff;
		z-index				: 1500;
	}
	.banner #banner-control .banner-control-bttn:hover
	{
		background-color	: rgba(76,166,255,0.7);
	}
	.banner #banner-control .banner-control-bttn i
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
	}
	.banner #banner-control .banner-control-bttn-active
	{
		background-color	: #493e1b;
		color				: #fff;
	}
		
	.banner-content
	{
		position			: relative;
		float				: left;
		box-sizing			: border-box;		
		display				: block;
		width				: 100%;
		height				: auto;
		background-color	: #b9a888;
		background-size		: cover;
		margin				: 0;
		padding				: 5px 10px;
		
	}
	.banner-content-hdr,
	.banner-content-body,
	.banner-content-foot
	{
		position			: relative;
		float				: left;
		box-sizing			: border-box;
		width				: 100%;	
	}
	.banner-content-hdr,
	.banner-content-foot
	{
		height				: auto;
	}
	.banner-content-body
	{
		height				: 320px;
	}
	
/*##############################################################################################################
###	Page Footer Section
################################################################################################################*/
	#footer-wrapper
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0 10px;
		background-color	: #554b28;
		background-image:
		radial-gradient(circle at 100% 150%, #554b28 24%, #5c522c 24%, #5c522c 28%, #554b28 28%, #554b28 36%, #5c522c 36%, #5c522c 40%, transparent 40%, transparent),
		radial-gradient(circle at 0    150%, #554b28 24%, #5c522c 24%, #5c522c 28%, #554b28 28%, #554b28 36%, #5c522c 36%, #5c522c 40%, transparent 40%, transparent),
		radial-gradient(circle at 50%  100%, #5c522c 10%, #554b28 10%, #554b28 23%, #5c522c 23%, #5c522c 30%, #554b28 30%, #554b28 43%, #5c522c 43%, #5c522c 50%, #554b28 50%, #554b28 63%, #5c522c 63%, #5c522c 71%, transparent 71%, transparent),
		radial-gradient(circle at 100% 50%, #5c522c 5%, #554b28 5%, #554b28 15%, #5c522c 15%, #5c522c 20%, #554b28 20%, #554b28 29%, #5c522c 29%, #5c522c 34%, #554b28 34%, #554b28 44%, #5c522c 44%, #5c522c 49%, transparent 49%, transparent),
		radial-gradient(circle at 0    50%, #5c522c 5%, #554b28 5%, #554b28 15%, #5c522c 15%, #5c522c 20%, #554b28 20%, #554b28 29%, #5c522c 29%, #5c522c 34%, #554b28 34%, #554b28 44%, #5c522c 44%, #5c522c 49%, transparent 49%, transparent);
		background-size: 100px 50px;
		background-repeat	: repeat;
	}
	#footer-strip-wrapper
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		width				: 100%;
		height				: 50px;
		margin				: none;
		background-color	: #0f171c;
	}
	
	.footer-title
	{
		height				: auto;
		margin				: 0px;
		margin-top			: 15px;
		padding				: 0px;
		text-align			: left;
	}
	.footer-title span
	{
		display				: inline;
		width				: auto;
		height				: auto;				
		text-align			: left;
		line-height			: 1.5;		
		font-family			: verdana;
		font-size			: 4rem;
		font-weight			: bold;
		letter-spacing		: 1px;
		text-transform		: uppercase;
		text-shadow			: 0 0 2px #111;
		color				: #fff;
	}
		
	.footer-content
	{
		max-width			: 1440px;
		height				: auto;
		margin				: 0px;
		margin-top			: 15px;
		padding				: 0px;
		padding-right		: 15px;
		text-align			: justify;
	}
	.footer-content span
	{
		display				: block;
		font-family			: "PT Sans",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 500;
		color				: #fff;
	}
	
	.social-container,.social-container .social
	{
		margin				: 0px;
		padding				: 0px;
		background-color	: transparent;
	}
	.social-container
	{
		height				: auto;
		margin				: 10px 0;
	}
	.social-container .social
	{
		float				: left;
		width				: 48px;
		height				: 48px;
		margin-right		: 5px;		
		border				: 2px solid #fff;
		color				: #fff;
		text-align			: center;
		font-size			: 28px;
		cursor				: pointer;
		transition			: 0.5s;
		text-decoration		: none;
	}
	.social-container .social:hover
	{
		background-color	: #fff;
		color				: #222;
	}
	.social-container .social i
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
	}
	/*---------------------------------------------------------------
	### Important Websites [ Old Name : #footer-service-list]
	-----------------------------------------------------------------*/	
	#important-websites
	{
		height				: auto;
		margin				: 0px;
		padding				: 0px;
	}
	#important-websites ul
	{
		list-style-type		: none;
		display				: block;
		height				: auto;
		margin				: 0px;
		margin-top			: 15px;
		padding				: 0;
		background-color	: transparent;
	}
	#important-websites ul li
	{
		display				: inline-block;
		clear				: left;
		float				: left;
		width				: auto;
		height				: 25px;
		margin				: 0px;
		padding				: 0px;
		background-color	: transparent;					
		transition			: 0.5s;
	}
	#important-websites ul li:hover
	{
		border				:2px solid #fff;
	}
	#important-websites ul li a
	{
		display				: block;
		height				: 100%;						
		background-color	: transparent;
		text-decoration		: none;					
		text-align			: left;
		line-height			: 25px;						
		font-family			: 'Roboto Condensed', sans-serif;
		font-size			: 3.4rem;
		font-weight			: 500;
		color				: #fff;						
		cursor				: pointer;
	}
	#important-websites ul li:hover a
	{						
		padding-left		: 10px;
		padding-right		: 10px;
	}	
	
	.footer-text
	{
		position			: relative;
		box-sizing			: border-box;
		display				: inline-block;
		width				: auto;
		height				: auto;
		margin				: 0 auto;
		font-family			: "Roboto Condensed",sans-serif;
		font-size			: 2.5rem;
		text-align			: left;
		color				: #fff;
		top					: 50%;
		left				: 50%;
		transform			: translate(-50%,-50%);
	}
	.footer-text a
	{
		text-decoration		: none;
		color				: #fff;
	}
	.footer-text a:hover
	{
		color				:#6591da;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#### Purpose	: Website Visitor Count
	#### Pages		: All pages
	#### Date		: 28.04.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.visitor-counter
	{
		position		 	: relative;
		box-sizing			: border-box;
		display				: block;
		width				: auto;
		height				: 50px;
		text-align			: center;
		line-height			: 50px;
		margin				: 0 auto;
		padding				: 0;
	}
	.visitor-counter ul
	{
		display				: inline-block;
		width				: auto;
		list-style-type		: none;
		padding				: 0;
	}
	.visitor-counter ul li
	{
		display				: block;
		float				: left;
		width				: 20px;
		height				: 25px;
		margin-right		: 4px;
		text-align			: center;
		line-height			: 25px;
		background-color	: #fff;
		color				: #0754b1;
		font-family			: "Oswald",sans-serif;
		font-size			: 16px;
		font-weight			: 600;
	}
	.visitor-counter ul li:first-of-type
	{
		width				: auto;
		background-color	: transparent;
		font-family			: "Roboto Condensed",sans-serif;
		font-size			: 16px;
		font-weight			: 600;
		color				: #fff;
	}
	
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#### Purpose	: Fixed Panel for Social Media Link
	#### Pages		: All pages
	#### Date		: 27.01.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.fixed-panel
	{
		display				: none;
	}			
	.fp-sect
	{
		display				: none;
	}
	
	/*-----------------------------------------------------------
	###	Wait Modal Container
	-------------------------------------------------------------*/
	#WaitBoxContainer
	{
		position			: fixed;
		left				: 0;
		top					: 0;
		width				: 100%;
		height				: 100%;
		display				: none;			
		background-color	: rgba(0,0,0,0.6);			
		z-index				: 9999;
	}
	#waitbox
	{
		position			: absolute;
		top					: 50%;
		left				: 50%;
		width				: 64px;
		height				: 64px;
		display				: block;
		transform			: translate(-50%,-50%);					
		background			: transparent;
	}
	.spinner-type-2 
	{
		color				: official;
		display				: inline-block;
		position			: relative;
		width				: 64px;
		height				: 64px;
	}
	.spinner-type-2 div 
	{
		transform-origin	: 32px 32px;
		animation			: circle-spin 1.2s linear infinite;
	}
	.spinner-type-2 div:after 
	{
		content				: " ";
		display				: block;
		position			: absolute;
		top					: 3px;
		left				: 29px;
		width				: 5px;
		height				: 14px;
		border-radius		: 20%;
		background			: #cef;
	}
	.spinner-type-2 div:nth-child(1) 
	{
		transform			: rotate(0deg);
		animation-delay		: -1.1s;
	}
	.spinner-type-2 div:nth-child(2) 
	{
		transform			: rotate(30deg);
		animation-delay		: -1s;
	}
	.spinner-type-2 div:nth-child(3) 
	{
		transform			: rotate(60deg);
		animation-delay		: -0.9s;
	}
	.spinner-type-2 div:nth-child(4) 
	{
		transform			: rotate(90deg);
		animation-delay		: -0.8s;
	}
	.spinner-type-2 div:nth-child(5) 
	{
		transform			: rotate(120deg);
		animation-delay		: -0.7s;
	}
	.spinner-type-2 div:nth-child(6) 
	{
		transform			: rotate(150deg);
		animation-delay		: -0.6s;
	}
	.spinner-type-2 div:nth-child(7) 
	{
		transform			: rotate(180deg);
		animation-delay		: -0.5s;
	}
	.spinner-type-2 div:nth-child(8) 
	{
		transform			: rotate(210deg);
		animation-delay		: -0.4s;
	}
	.spinner-type-2 div:nth-child(9) 
	{
		transform			: rotate(240deg);
		animation-delay		: -0.3s;
	}
	.spinner-type-2 div:nth-child(10) 
	{
		transform			: rotate(270deg);
		animation-delay		: -0.2s;
	}
	.spinner-type-2 div:nth-child(11) 
	{
		transform			: rotate(300deg);
		animation-delay		: -0.1s;
	}
	.spinner-type-2 div:nth-child(12) 
	{
		transform			: rotate(330deg);
		animation-delay		: 0s;
	}
	@keyframes circle-spin
	{
		0% 
		{
			opacity: 1;
		}
		100% 
		{
			opacity: 0;
		}
	}

	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#### Purpose	: Image Gallery Displaying Modal Box
	#### Page		: map, library, gallery
	#### Date		: 21.01.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#gal-modal-container
	{
		position			: fixed;
		top					: 0px;
		left				: 0px;
		bottom				: 0px;
		right				: 0px;
		display				: none;
		box-sizing			: border-box;
		margin				: 0px;
		padding				: 0px;
		
		background-color	: #373737;
		z-index				: 9999;
	}
	#gal-modal-container #progress-bar
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 100%;
		height				: 3px;
		border				: none;
		margin				: 0px;
		padding				: 0px;
		background-color	: transparent;
	}
	#gal-modal-container #progress-bar hr
	{
		display				: block;
		width				: 100%;
		height				: 3px;
		background-image	: linear-gradient(to right,#f00 ,#6c0000);
		outline				: 0px;
		border				: 0px;
	}
	#gal-modal-container #gal-modal-close
	{
		position			: absolute;
		display				: block;
		top					: 5px;
		right				: 7px;
		width				: 40px;
		height				: 40px;
		text-align			: center;
		
		background-color	: transparent;
		color				: #f00;
		font-size			: 36px;
		font-weight			: 800;
		transition			: 0.4s;
	}
	#gal-modal-container #gal-modal-close i
	{
		position			: relative;
		display				: inline-block;
		top					: 50%;
		transform			: translateY(-50%);
	}
	#gal-modal-container #gal-modal-close:hover
	{
		transform			: rotate(90deg);
		transform-origin	: center center;
	}
	#gal-modal-container #prevImg,#gal-modal-container #nextImg
	{
		position			: absolute;
		display				: block;
		box-sizing			: border-box;
		top					: 50%;
		transform			: translateY(-50%);
		width				: 40px;
		height				: 50px;
		margin				: 0px;
		padding				: 0px;
		text-align			: center;
		background-color	: rgba(255,0,0,0.6);
		
		font-size			: 36px;
		font-weight			: 800;
		color				: #fff;
	}
	#gal-modal-container #prevImg:hover,#gal-modal-container #nextImg:hover
	{
		background-color	: rgba(255,0,0,1);
	}
	#gal-modal-container #prevImg i,#gal-modal-container #nextImg i
	{
		position			: relative;
		display				: inline-block;
		top					: 50%;
		transform			: translateY(-50%);
	}
	#gal-modal-container #prevImg
	{
		left				: 0px;
	}
	#gal-modal-container #nextImg
	{
		right				: 0px;
	}
	#gal-modal-container #gal-modal
	{
		position			: absolute;
		box-sizing			: border-box;
		display				: inline-block;
		top					: 50%;
		left				: 50%;
		width				: auto;
		max-width			: 800px;
		height				: auto;
		max-height			: 640px;
		margin				: 0px auto;
		padding				: 20px;
		transform			: translate(-50%,-50%);
		background-color	: #fff;
	}
	#gal-modal-container #gal-modal #gal-modal-image
	{
		position			: relative;
		float				: left;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
	}
	#gal-modal-container #gal-modal #gal-modal-image .img-magnifier-glass 
	{
		position			: absolute;
		border				: 3px solid #000;
		border-radius		: 50%;
		cursor				: none;
		/*Set the size of the magnifier glass:*/
		width				: 180px;
		height				: 180px;
	}
	#gal-modal-container #gal-modal #gal-modal-image img
	{
		display				: block;
		width				: auto;
		max-width			: 760px;
		height				: auto;
		max-height			: 600px;
	}
	#gal-modal-container #gal-modal #gal-modal-caption
	{
		position			: relative;
		float				: left;
		box-sizing			: border-box;
		display				: block;
		width				: 80%;
		height				: auto;
		padding-top			: 5px;
	}
	#gal-modal-container #gal-modal #gal-modal-caption h2
	{
		display				: block;					
		text-align			: left;
		font-family			: tahoma;
		font-size			: 14px;
		font-weight			: 600;
		color				: #102c3a;
	}
	#gal-modal-container #gal-modal #gal-modal-pp-container
	{
		position			: relative;
		float				: left;
		box-sizing			: border-box;
		display				: block;
		width				: 20%;
		height				: 30px;				
		padding-top			: 5px;
	}
	#gal-modal-container #gal-modal #gal-modal-pp-container .bttnPPControl
	{
		position			: relative;
		float				: right;
		display				: block;
		width				: 24px;
		height				: 24px;
	}
/*====	End of Footer Section		====================================================================================*/

/*##############################################################################################################
###	Page Body Section
################################################################################################################*/
	.content-wrapper
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		float				: left;
		width				: 100%;
		min-height			: 10px;
		height				: auto;
		margin				: 0px;
		margin-bottom		: 25px;
		background			: transparent;
		z-index				: 20;
	}
	
	/*---------------------------------------------------------------
	###	Flex Box System
	-----------------------------------------------------------------*/
	.flex-content-sp
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 100%;
		max-width			: 1440px;
		margin				: 10px auto;
		display				: flex;
		flex-wrap			: nowrap;
		justify-content		: flex-start;
	}
	.flex-row-sp
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 100%;
		height				: auto;
		display				: flex;			
		justify-content		: flex-start;
	}	
	.flex-wrap-sp
	{
		flex-wrap			: wrap;
	}	
	.flex-nowrap-sp
	{
		flex-wrap			: no-wrap;
	}
	.flex-col-sp
	{
		margin-right		: 20px;
	}
	.flex-col:last-of-type
	{
		margin-right		: 0;
	}		
	.flex-col-wd-third-qtr
	{
		width				: 74%;
	}
	.flex-col-wd-half-qtr
	{
		width				: 49%;
	}
	.flex-col-wd-one-qtr
	{
		width				: 24%;
	}
	.flex-col-wd-66p
	{
		width				: 66%;
	}
	.flex-col-wd-33p
	{
		width				: 33%;
	}
	.flex-col-wd-fixed
	{
		flex				: 1;
	}
	.flex-col-wd-auto
	{
		width				: auto;
	}		
	.flex-vert-mid
	{
		top					: 50%;
		transform			: translateY(-50%);
	}
	.flex-col-120p
	{
		width				: 120px;
	}
	/*---- Added : 29.04.2023 ------------------------*/
	.flex-col-150p
	{
		width				: 150px;
	}	
	.flex-col-240p
	{
		width				: 240px;
	}	
	.flex-min-180
	{
		min-width			: 180px;
	}	
	.flex-min-120
	{
		min-width			: 120px;
	}
	.ord-sp-01
	{
		order				: 1;
	}
	.ord-sp-02
	{
		order				: 2;
	}
	.ord-sp-03
	{
		order				: 3;
	}
	.mainContent
	{
		flex				: 1;
		display				: flex;
		flex-wrap			: wrap;
		justify-content		: space-between;
		align-content		: flex-start;
	}
	.sideContent
	{
		width				: 100%;
		margin				: 0;
		padding				: 0;
	}
	.sideBoxContainer
	{
		position			: sticky;
		top					: 10px;
		left				: 0;
		width				: 100%;
		height				: auto;
		max-height			: 100%;
	}	
	.sideBox
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		width				: 100%;
		height				: auto;
		margin				: 15px 0;
		padding				: 0;
	}
	.sideBox:first-of-type
	{
		margin-top			: 0;
		padding-top			: 0;
	}
	.sideBox .sideBoxHead,
	.sideBox .sideBoxBody
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		width				: 100%;
		height				: auto;
	}
	.sideBox .sideBoxBody
	{
		min-height			: 50px;
		text-align			: center;
		padding				: 0;
	}
	
	/*---------------------------------------------------------------
	###	Relative Content System
	-----------------------------------------------------------------*/
	.content-sp
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		max-width			: 1440px;
		min-height			: 5px;
		height				: auto;
		margin				: 0;
		padding				: 10px;
	}	
	.row
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		min-height			: 3px;
		box-sizing			: border-box;
		margin				: 5px 0px;
		text-align			: left;
	}
	.row:first-of-type
	{
		margin-top			: 0;
	}
	.col-sp-0
	{
		float				: left;
		width				: 0.000%;
	}
	.col-sp-1,.col-sp-2,.col-sp-3,.col-sp-4,.col-sp-5,.col-sp-6,.col-sp-7,.col-sp-8,.col-sp-9,.col-sp-10,.col-sp-11,.col-sp-12
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		display				: block;
		height				: auto;
		min-height			: 3px;
		margin				: 0px;
		text-align			: center;
	}
	.col-sp-1
	{
		width				: 8.333%;
	}
	.col-sp-2
	{
		width				: 16.666%;
	}
	.col-sp-3
	{
		width				: 25.000%;
	}
	.col-sp-4
	{
		width				: 33.333%;
	}
	.col-sp-5
	{
		width				: 41.666%;
	}
	.col-sp-6
	{
		width				: 50.000%;
	}
	.col-sp-7
	{
		width				: 58.333%;
	}
	.col-sp-8
	{
		width				: 66.666%;
	}
	.col-sp-9
	{
		width				: 75.000%;
	}
	.col-sp-10
	{
		width				: 83.333%;
	}
	.col-sp-11
	{
		width				: 91.666%;
	}
	.col-sp-12
	{
		width				: 100.000%;
	}
	.sub-row
	{
		margin				: 2px 0;
		padding				: 0;
	}
	.sub-column
	{
		float				: left;
		width				: auto;
	}
	
	.content-block,
	.square-box
	{
		width				: 100%;
		height				: auto;
		min-height			: 3px;
		margin				: 0;
		padding				: 0;
	}
	.square-box
	{
		display				: flex;
		flex-wrap			: wrap;
	}
	
	.leftBlock
	{
		float				: left;
	}
	.rightBlock
	{
		float				: right;
	}
	.centerBlock
	{
		margin				: 0px auto;
	}
	.blocks
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0 0 15px;
		padding				: 0;
	}	
	.boxShadow
	{
		box-shadow			: 8px 9px 12px 0px #d8d8d8;
	}
	
	.vspace-top
	{
		margin-top			: 50px;
	}
	
	.right-pad-40
	{
		padding-right		: 0;
	}
	
	.left-pad-30
	{
		padding-left		: 0;
	}
	/*==============================   Body Content Area   =========================================================================================== */
	
	/* -----------------------------------------------
	###	Purpose	: Page Indicating Strip		      
	--------------------------------------------------*/	
	#page-location-wrapper
	{
		height				: 30px;
		margin				: 0;
		padding				: 0;
		background-color	: transparent;
		z-index				: 999;
	}
	.page-location
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 100%;
		height				: 30px;
		margin				: 0;
		padding				: 0;		
		display				: flex;
		flex-wrap			: nowrap;
		padding				: 0 10px;
		background-color	: #273c45;
	}
	.page-location a
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 30px;
		height				: 30px;
		padding				: 0;
		text-align			: center;
		font-size			: 4rem;
		color				: #fff;
		text-decoration		: none;
	}
	.page-location a:hover
	{
		color				: #44def9;
	}
	.page-location a i
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
	}
	.page-location span
	{
		flex				: 1;
		padding				: 0;
		line-height			: 30px;
		padding-left		: 10px;
		text-align			: left;
		font-family			: "Oswald",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 400;
		color				: #fff;
		text-transform		: uppercase;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#### Purpose: Special opaque box with padding all around
	#### Page	: nsou
	#### Date	: 21.01.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.opaque-box
	{
		box-sizing			: border-box;
		padding				: 20px;
		background-color	: rgba(255,255,255,0.4);
		border-left			: 1px solid #c4c4c4;
		border-top			: 1px solid #c4c4c4;
		border-right		: 1px solid #9a9a9a;
		border-bottom		: 1px solid #9a9a9a;
		border-radius		: 10px;
	}
	
	/*-----------------------------------------------------------------------
	#### Purpose: Used when there is no content in dynamic elements
	#### Pages	: career,university-examination
	#### Date	: 20.01.2024
	------------------------------------------------------------------------- */
	.no-content-window
	{
		position			: relative;
		box-sizing			: border-box;
		display				: flex;
		margin				: 15px 0;
		padding				: 15px;
		border				: 5px dashed #532f2b;
		border-radius		: 10px;
		font-family			: "Roboto",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 600;
		color				: #4d4d4d;
	}
	.no-content-window div.blank-icon
	{
		width				: 80px;
		height				: 80px;	
		text-align			: center;
	}
	.no-content-window div.blank-icon i
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
		font-size			: 64px;
		color				: #ce0000;
		text-shadow			: 1px 1px 3px #999;
	}
	.no-content-window div.blank-text
	{
		flex				: 1;
		box-sizing			: border-box;
		padding				: 0 15px;
	}
	.no-content-window div.blank-text span:first-of-type
	{
		position			: relative;
		display				: block;
		width				: 100%;
		font-family			: "Oswald",sans-serif;
		font-size			: 32px;
		color				: #ce0000;
	}
	.no-content-window div.blank-text span:last-of-type
	{
		position			: relative;
		display				: block;
		width				: 100%;
		font-family			: "Oswald",sans-serif;
		font-size			: 3.6rem;
		color				: #4d4d4d;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#### Purpose: Special No Content Box
	#### Page	: student-credit-card
	#### Date	: 22.01.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.exam-window
	{
		position			: relative;
		display				: block;
		width				: 95%;
		height				: auto;
		margin				: 50px 0;
		padding				: 20px;
		text-align			: left;
		background-color	: #e1cac1;
		border-radius		: 8px;
		box-shadow			: 1px 2px 3px #422920;
	}
	.exam-window span
	{
		font-family			: 'Roboto Condensed',sans-serif;
		font-size			: 3.2rem;
		font-weight			: 600;
		color				: #482828;
		line-height			: 1.1;
	}
	
	/*-----------------------------------------------------------------------
	##### Page Quick Link Section in Side Bars
	------------------------------------------------------------------------- */
	.quick-link
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		list-style-type		: none;
		margin				: 0;
		padding				: 0;
	}
	.quick-link li
	{
		float				: left;
		display				: block;
		width				: 100%;
		height				: 30px;
		background-color	: #4a5459;
		border-top			: 1px solid #74848b;
		border-bottom		: 1px solid #2d3235;
	}
	.quick-link li:hover
	{
		background-color	: #aab4b9;
		transition			: 0.3s;
	}
	.quick-link li a
	{
		display				: block;
		box-sizing			: border-box;
		width				: 100%;
		height				: 30px;
		padding-left		: 10px;
		line-height			: 30px;
		text-align			: left;
		background-color	: transparent;
		font-family			: "Roboto",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 500;
		color				: #e8f4f3;
		text-decoration		: none;
		//transition			: 0.3s;
	}
	.quick-link li:hover a,
	.quick-link li a:hover
	{
		padding-left		: 20px;
		color				: #0b1716;
		font-weight			: 600;
	}
	
	/*----------------------------------------------------
	22.08.2022	: Filter Segment : Notice & Tender Page
	------------------------------------------------------*/
	.filter-segment
	{
		position			: relative;
		display				: block;
		width				: 240px;
		height				: 40px;
		margin-bottom		: 25px;
		background-color	: rgba(255,255,255,0.5);
		border				: 1px solid #999;
		box-shadow			: 1px 2px 3px #333;
		cursor				: pointer;
	}
	.filter-segment .fil-seg-title
	{
		display				: flex;
		width				: 100%;
		height				: 100%;
		background-color	: transparent;
	}
	.filter-segment .fil-seg-title span.fil-title-icon
	{
		width				: 40px;
		height				: 40px;
	}
	.filter-segment .fil-seg-title span.fil-title-icon i
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
		font-size			: 32px;
		color				: #006868;
		text-shadow			: 1px 1px 3px #999;
	}
	.filter-segment .fil-seg-title span.fil-title-text
	{
		flex				: 1;
		box-sizing			: border-box;
		padding				: 0 10px;
		line-height			: 40px;
		font-family			: "Oswald",sans-serif;
		font-size			: 3.2rem;
		color				: #003333;
	}
	.filter-segment .filter-area
	{
		position			: absolute;
		left				: 0;
		top					: 42px;
		display				: none;
		width				: 100%;
		height				: auto;
		padding				: 0px;
		background-color	: #fff;
		box-shadow			: 1px 2px 3px #333;
		z-index				: 99;
	}
	.filter-segment:hover .filter-area
	{
		display				: block;
	}
	.filter-segment .filter-area ul
	{
		display				: block;
		margin				: 0;
		padding				: 0;
	}
	.filter-segment .filter-area li
	{
		display				: block;
		box-sizing			: border-box;
		width				: 100%;
		height				: 30px;
		padding				: 0 10px;
		line-height			: 30px;
		list-style			: none;
		border-bottom		: 1px solid #333;
		font-family			: "Roboto",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 600;
		color				: #004848;
	}
	.filter-segment .filter-area li:hover
	{
		font-weight			: 500;
		background-color	: #004848;
		color				: #fff;
	}
	
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#### Purpose	: Data pagination
	#### Pages		: event,
	#### Date		: 21.01.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.data-pagination
	{
		position			: relative;
		float				: left;
		margin				: 0;									
		width				: 100%;
		height				: 30px;									
		text-align			: left;
		background-color	: transparent;
		box-sizing			: border-box;
	}
	.data-pagination .pagination,
	.data-pagination .page-show
	{
		position			: relative;
		box-sizing			: border-box;
		float				: left;
		display				: inline-block;
		width				: auto;
		height				: 30px;
		margin-right		: 5px;
	}
	.data-pagination .pagination .pageButton
	{
		position			: relative;
		float				: left;
		display				: inline-block;
		height				: 30px;
		margin				: 0px 5px 0px 0px;
		padding				: 0 10px;
		box-sizing			: border-box;										
		background-color	: #486086;
		border				: 0px;
		outline				: none;
		border-radius		: 4px;
		color				: #fff;										
		font-family			: "Oswald",sans-serif;
		font-size			: 3rem;
		font-weight			: 500;
		text-align			: center;
		line-height			: 30px;
		cursor				: pointer;
	}
	.data-pagination .pagination .pageButton:hover
	{
		background-color	: #0d2c3c !important;
		color				: #fff;
		font-size			: 3rem;
		box-shadow			: 1px 1px 2px #333;
	}
	.data-pagination .pagination .active-page
	{
		background-color	: #273449;
		color				: #fff;
		font-size			: 3.2rem;
		cursor				: pointer;
		text-shadow			: 1px 2px 3px #222;
	}
	.data-pagination .pagination .disabled-page
	{
		background-color	: #8f8f8f;
		color				: #818181;
		font-size			: 3rem;
		cursor				: default;
		text-shadow			: 1px 1px 2px #222;
	}
	.data-pagination .pagination .disabled-page:hover
	{
		background-color	: #8f8f8f !important;
		color				: #818181;
		box-shadow			: none !important;
	}
	#pageNo
	{
		position			: relative;
		float				: left;
		display				: inline-block;
		width				: 70px;
		height				: 30px;
		margin				: 0px 5px 0px 0px;
		box-sizing			: border-box;
		text-align			: center;
		font-family			: sans-serif;
		font-size			: 12px;
		font-weight			: 600;
		color				: #152c31;
	}
	#pageNo option
	{
		text-align			: center;
	}
		
	.data-pagination .page-show
	{
		margin-left			: 10px;
		line-height			: 30px;
	}
	.data-pagination .page-show span
	{
		font-family			: sans-serif;
		font-size			: 3.2rem;
		font-weight			: 600;
		color				: #152c31;
	}			
	.data-pagination ul
	{
		position			: relative;
		float				: none;
		display				: inline-block;
		width				: auto;
		min-width			: 38px;
		min-height			: 36px;
		margin				: 0 auto;
		list-style			: none;
	}
	.data-pagination ul li.first-last-page,
	.data-pagination ul li.prev-next-page,
	.data-pagination ul li.page-gen
	{
		position			: relative;
		float				: left;
		display				: inline-block;
		height				: 30px;
		margin				: 3px 0 3px 5px;
		box-sizing			: border-box;										
		background-color	: #486086;
		border-radius		: 4px;
		color				: #fff;										
		font-family			: "Oswald",sans-serif;
		font-size			: 3rem;
		font-weight			: 500;
		text-align			: center;
		line-height			: 30px;
	}
	.data-pagination ul li:last-of-type
	{
		margin-right		:5px;
	}
	.data-pagination ul li.first-last-page
	{
		width				: auto;
		padding				: 0 10px;
	}
	.data-pagination ul li.prev-next-page,
	.data-pagination ul li.page-gen
	{
		width				: 30px;
	}
	.data-pagination ul li:hover
	{
		background-color	: #0d2c3c !important;
		color				: #fff;
		font-size			: 16px;
		cursor				: pointer;
		box-shadow			: 1px 1px 2px #333;
	}
	.data-pagination ul li.active-page
	{
		background-color	: #273449;
		color				: #fff;
		font-size			: 16px;
		cursor				: pointer;
		text-shadow			: 1px 2px 3px #222;
	}
	.data-pagination ul li.disabled-page
	{
		background-color	: #8f8f8f;
		color				: #818181;
		font-size			: 16px;
		cursor				: default;
		text-shadow			: 1px 1px 2px #222;
	}
	.data-pagination ul li.disabled-page:hover
	{
		background-color	: #8f8f8f !important;
		color				: #818181;
		box-shadow			: none !important;
	}
		
	/* ===========================================================================================
	####	Pupose	: Highlighting Council Member Type                                                
	####	Date	: 20.01.2024                                                             
	============================================================================================== */
	.council-profile
	{
		display				: inline-block;
		width				: auto;
		text-align			: left;
		padding				: 3px 10px;
		background-color	: #1c2f29;
		border-radius		: 10px;
		font-family			: "Ramabhadra",sans-serif;
		font-size			: 3.3rem;
		font-weight			: 500;
		color				: #fff;
	}	
	.council-member
	{
		display				: inline-block;
		//float				: left;
		width				: auto;
		text-align			: left;
		padding-left		: 20px;
		font-family			: "Ramabhadra",sans-serif;
		font-size			: 3.3rem;
		font-weight			: 500;
		color				: #4d322d;
	}
	.council-designation
	{
		display				: inline;
		//float				: left;
		width				: auto;
		text-align			: left;
		font-family			: cambria,sans-serif;
		font-size			: 3.1rem;
		font-weight			: 600;
		font-style			: italic;
		color				: #000;
	}
	.council-member i,
	.council-designation i
	{
		display				: inline;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	####	Images Boxes used at campus,
	####	Date : 20.01.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.boxed-img-left,
	.boxed-img-right
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 100%;
		margin				: 15px 0;
	}
	.boxed-img-left img,
	.boxed-img-right img
	{
		display				: block;
		width				: 100%;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	####	Pages	: All pages containing Special Image Showcase Section                         
	####	Purpose	: 	                                                                          
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.ad-block-right
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0;
		text-align			: center;
	}
	.ad-block-right:before
	{
		content				: "";
		display				: block;
		position			: absolute;
		top					: 10px;
		left				: -10px;
		bottom				: -10px;
		right				: 10px;
		background-color	: #346067;
		z-index				: -1;
	}
	.ad-block-right img
	{
		display				: block;
		width				: 100%;
		height				: auto;
		box-shadow			: -1px 1px 2px #333;
	}
	
	.ad-box-right
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 95%;
		height				: auto;
		margin				: 0 auto 20px;
		padding				: 0;
		z-index				: 1;
		box-shadow			: -1px 1px 2px #333;
	}
	.ad-box-right:after
	{
		content				: "";
		position			: absolute;
		display				: block;
		top					: 15px;
		left				: -15px;
		//right				: 0px;
		//bottom			: 0px;
		width				: 100%;
		height				: 100%;
		background-color	: #324a5f;
		z-index				: -1;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#### Purpose: Displaying Special Image with Link
	#### Page	: rusa
	#### Date	: 22.01.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.image-placeholder
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		z-index				: 1;
	}
	.image-placeholder img
	{
		display				: block;
		width				: 100%;
		height				: auto;
		z-index				: 2;
	}
	.image-placeholder div
	{
		position			: absolute;
		top					: 0;
		left				: 0;
		display				: block;
		width				: 0;
		height				: 0;
		background-color	: rgba(0,0,0,0.6);
		z-index				: 2;
		transition			: 0.4s;
		overflow			: hidden;
	}
	.image-placeholder:hover div
	{
		width				: 100%;
		height				: 100%;
	}
	.image-placeholder div a
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
		text-align			: center;
		text-decoration		: none;
	}
	.image-placeholder div a span:first-of-type
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 120px;
		height				: 120px;
		margin				: 0 auto;
		text-align			: center;
		line-height			: 120px;
		font-size			: 120px;
		color				: #fff;
	}
	.image-placeholder div a span:last-of-type
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		margin				: 5px auto;
		text-align			: center;
		font-family			: cambria;
		font-size			: 1.3rem;
		font-weight			: 600;
		color				: #fff;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	####	Pupose	: Tabbed Content : achievements.php                                               
	####	Date	: 20.01.2024                                                             
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
	.tab-container
	{
		position			: relative;
		box-sizing			: border-box;		
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 20px 0 0;
		padding				: 0;
		background-color	: transparent;
	}
	.tab-container .tab-container-header
	{
		position			: relative;
		box-sizing			: border-box;		
		display				: block;
		width				: 100%;
		height				: 52px;
		padding				: 0 30px;
		background-color	: transparent;
		border-bottom		: 2px solid #445f60;
	}
	.tab-container .tab-container-header .tab-container-header-button
	{
		position			: relative;
		float				: left;
		box-sizing			: border-box;		
		display				: block;
		width				: auto;
		min-width			: 60px;
		height				: 50px;		
		padding				: 0 10px;
		text-align			: center;
		line-height			: 50px;
		background-color	: #c8c8c8;
		border-left			: 1px solid #797979;
		border-right		: 1px solid #b7b7b7;
		cursor				: pointer;
	}
	.tab-container .tab-container-header .tab-container-header-button:first-of-type
	{
		border-left			: 0;
	}
	.tab-container .tab-container-header .tab-container-header-button:last-of-type
	{
		border-right		: 0;
	}
	.tab-container .tab-container-header .tab-container-header-button span
	{					
		display				: inline;
		font-family			: "Oswald",sans-serif;
		font-size			: 3rem;
		font-weight			: 500;
		color				: #0f171e;
		z-index				: 15;
	}
	.tab-container .tab-container-header .activeTitle
	{
		background-color	: #bbf2f9 !important;
	}
	.activeTitle span
	{
		color				: #0e161d !important;
		font-size			: 3.2rem !important;
		font-weight			: 600 !important;					
	}
	.tab-container .tab-container-body
	{
		position			: relative;
		box-sizing			: border-box;		
		display				: block;
		width				: 100%;
		height				: auto;
		min-height			: 300px;
		padding				: 15px 30px;
		background-color	: transparent;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	####	Pupose	: General Table Content : addon-course,nsou,library                                               
	####	Date	: 20.01.2024                                                             
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.table-container
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0;
		overflow-x			: auto;
	}
	.table-container table
	{	
		border-spacing		: 2px;
	}	
	.table-container .tab-wid-full
	{
		width				: 100%;
	}
	.table-container .tab-wid-half
	{
		width				: 50%;
	}
	.table-container .tab-wid-auto-full
	{
		min-width			: 99%;
	}
	.table-container .tab-wid-auto
	{
		width				: auto;
	}
	.table-container .leftColPlace
	{
		text-align			: left;
	}
	.table-container .centerColPlace
	{
		text-align			: center;
	}
	.table-container .rightColPlace
	{
		text-align			: right;
	}
	.table-container .col30
	{
		width				: 30px;
	}
	.table-container .col50
	{
		width				: 50px;
	}		
	.table-container table thead tr
	{				
		height				: 30px;
		background-color	: #595959;
		text-align			: center;
		font-family			: cambria;
		font-size			: 3.2rem;
		font-weight			: 600;
		color				: #fff;
	}
	.table-container table thead tr td
	{
		padding				: 0 25px;
		border				: 1px solid #999;
	}
	.table-container table tbody tr
	{
		height				: 25px;
		background-color	: transparent;
		font-family			: "Roboto",sans-serif;
		font-size			: 3.2rem;
		color				: #090b0d;
	}
	.table-container table tbody tr:nth-child(even)
	{
		background-color	: #ccdddc;
	}
	.table-container table tbody tr:nth-child(odd)
	{
		background-color	: #ebf1f1;
	}
	.table-container table tbody tr td
	{
		padding				: 3px 15px;
		text-align			: center;
		border				: 1px solid #999;
		border-radius		: 3px;
		font-weight			: 500;
	}
	.table-container .tableColBold
	{
		font-weight			: 600;
	}
	.table-container table tbody tr td a
	{
		display				: inline-block;
		width				: auto;
		height				: auto;
		margin				: 3px 10px;
		padding				: 4px 10px;
		text-align			: center;
		background-image	: linear-gradient(to right, #703e38, #492825 );
		font-family			: "Oswald",sans-serif;
		font-size			: 3.1rem;
		font-weight			: 500;
		color				: #fff;
		text-decoration		: none;
		transition			: 0.3s;
		border-radius		: 5px;
		cursor				: pointer;
		box-shadow			: 1px 1px 3px #333;
	}
	.table-container table tbody tr td a:hover
	{
		background-image	: linear-gradient(to right, #5e332f, #231312 );
		box-shadow			: 1px 2px 4px #333;
	}
	.table-container table tbody tr td a span
	{
		position			: relative;
		display				: block;
		//top					: 50%;
		//transform			: translateY(-50%);
	}
	.table-container table tfoot
	{
		margin-top			: 10px;
	}		
	.table-container table tfoot tr
	{
		height				: 30px;
		background-color	: #675e29;
		text-align			: left;
		font-family			: "Roboto Condensed",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 400;
		color				: #ddd;
	}
	.table-container table tfoot tr td
	{
		padding				: 0 15px;
		text-align			: center;
		border				: 1px solid #999;
		border-radius		: 5px;
	}
	/*------------------------------------------------------------------
	###	08.01.2022 : CP : Body : Table : For table cell containing images
	-------------------------------------------------------------------*/
	.table-container table td span.iconCell
	{
		display				: block;
		width				: 32px;
		height				: 32px;
		text-align			: center;
		line-height			: 32px;		
	}
	.table-container table td span.iconCell i
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
		font-size			: 24px;
	}
	
	.table-container table .bttn-general
	{
		display				: flex;
		height				: 24px;
		margin				: 0 4px;
		background-image	: linear-gradient(to right, #703e38, #492825 );
		font-family			: "Oswald",sans-serif;
		font-size			: 3rem;
		font-weight			: 500;
		color				: #fff;
		text-decoration		: none;
		transition			: 0.3s;
		border-radius		: 5px;
		cursor				: pointer;
	}
	.table-container table .bttn-general span.bttn-icon
	{
		width				: 24px;
		height				: 24px;
		text-align			: center;
		line-height			: 24px;
	}
	.table-container table .bttn-general span.bttn-icon i
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
		font-size			: 18px;
	}
	.table-container table .bttn-general span.bttn-text
	{
		flex-grow			: 1 1 100%;
		height				: 24px;
		padding				: 0 10px 0 0;
		text-align			: left;
		line-height			: 24px;
		font-family			: "Oswald",sans-serif;
		font-size			: 3rem;
		font-weight			: 500;
		color				: #fff;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#### Purpose: Special Information Display
	#### Page	: rti
	#### Date	: 21.01.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.info-box-container,
	.info-box-container .info-box
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: auto;
		margin				: 0;
		padding				: 0;
	}
	.info-box-container .info-box
	{
		margin-top			: 15px;			
	}
	.info-box-container .info-box a
	{
		display				: block;
		margin				: 0;
		padding				: 0;
		width				: 100%;
		text-decoration		: none;
	}
	.info-box-container .info-box h2
	{
		display				: block;
		width				: 100%;
		margin				: 0;
		padding				: 0;
		text-align			: left;
		font-family			: "Ramabhadra",sans-serif;
		font-size			: 3.4rem;
		font-weight			: 600;
		color				: #222;
		text-transform		: uppercase;
	}
	.info-box-container .info-box h3
	{
		display				: block;
		width				: 100%;
		margin				: 0;
		padding				: 0;
		font-family			: "Roboto",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 600;
		color				: #222;
		text-transform		: uppercase;
	}
	.info-box-container .info-box span.info-text
	{
		display				: block;
		width				: 100%;
		margin				: 0;
		padding				: 0;
		font-family			: cambria;
		font-size			: 3rem;
		font-weight			: 600;
		color				: #000;
	}
	.info-box-container .info-box span.info-text i
	{
		font-size			: 18px;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#### Purpose 	: Notification Box
	#### Page		: notice,
	#### Date		: 23.01.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.noticeBoxContainer
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 100%;
		height				: auto;
		margin				: 25px 0 0;
		padding				: 0;
		display				: flex;
		flex-wrap			: wrap;
		justify-content		: flex-start;
	}
	.noticeBox
	{
		position			: relative;
		width				: 240px;
		height				: auto;
		margin-bottom		: 30px;
		margin-right		: 50px;
		padding				: 10px;
		background-color	: #fff;
		box-shadow			: 1px 1px 4px #777;
		transition			: 0.3s;
	}
	.noticeBox:hover
	{
		transform				: scale(1.1,1.1);
		box-shadow				: 1px 2px 8px #777;
	}
	.noticeFlag
	{
		position			: absolute;
		top					: -20px;
		right				: -20px;
		width				: 40px;
		height				: 40px;
		border-radius		: 50%;
		text-align			: center;
		line-height			: 40px;
		background-color	: #f00;
		color				: #fff;
		font-family			: "Roboto",sans-serif;
		font-size			: 2.5rem;
		font-weight			: normal;
		animation			: notExpan 1.2s linear infinite;
	}
	@keyframes notExpan
	{
		0% 
		{
			box-shadow			: 0 0 1px #f00;
		}
		25% 
		{
			box-shadow			: 0 0 5px #f00;
		}
		50% 
		{
			box-shadow			: 0 0 15px #f00;
		}
		75% 
		{
			box-shadow			: 0 0 5px #f00;
		}
		100% 
		{
			box-shadow			: 0 0 1px #f00;
		}
	}
	.noticeTitle
	{
		width				: 100%;
		display				: block;
		margin-top			: 20px;
		margin-bottom		: 5px;
		font-family			: "Roboto",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 500;
		color				: #354860;
		word-wrap			: break-word;
	}
	.noticeTitle a
	{
		display				: inline-block;
		width				: auto;
		height				: 20px;
		line-height			: 20px;
		padding				: 0 5px;
		text-decoration		: none;
		transition			: 0.4s;
		font-weight			: 600;
		color				: #0754b1;
	}
	.noticeTitle a:hover
	{
		text-decoration		: underline;
	}
	.noticeSubTitle
	{
		width				: 100%;
		display				: block;
		margin-bottom		: 5px;
		font-family			: "Roboto",sans-serif;
		font-size			: 3rem;
		font-weight			: 600;
		color				: #385c6d;
	}
	.noticeSubTitle i
	{
		font-size			: 14px;
		color				: #bf0000;
	}	
	.star-six 
	{
		position			: relative;
		width				: 0;
		height				: 0;
		border-left			: 50px solid transparent;
		border-right		: 50px solid transparent;
		border-bottom		: 100px solid red;      
    }	
    .star-six:after 
	{
		content				: "";
		position			: absolute;
		top					: 30px;
		left				: -50px;		
		width				: 0;
		height				: 0;
		border-left			: 50px solid transparent;
		border-right		: 50px solid transparent;
		border-top			: 100px solid red;      
    }
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		D : Container for Google Map                       
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#google-map,
	#footer-map
	{
		position			: relative;
		width				: 100%;
		height				: auto;
		margin				: 0;
		margin-top			: 10px;
		overflow			: hidden;
		border				: 2px solid #515151;
	}
	#google-map
	{
		padding-bottom		: 60%;
	}
	#footer-map
	{
		padding-bottom		: 75%;
	}
	#google-map iframe,
	#footer-map iframe
	{
		position			: absolute;
		top					: 0;
		left				: 0;
		width				: 100%;
		height				: 100%;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#### Purpose 	: Contact Information
	#### Page		: contact-us,
	#### Date		: 20.01.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.contact-info-text
	{
		position			: relative;
		float				: left;
		text-align			: left;
		width				: 100%;
		box-sizing			: border-box;
		padding				: 5px 10px;
		font-family			: helvetica,verdana;
		font-size			: 3.2rem;
		font-weight			: bold;
		color				: #515151;
	}	
	.contact-info-text a
	{
		display				: inline;
		text-decoration		: none;
		font-family			: helvetica,verdana;
		font-size			: 3.2rem;
		font-weight			: bold;
		color				: #515151;
	}
	
	.contact-icon-box
	{
		position			: relative;
		float				: left;
		box-sizing			: border-box;
		display				: block;
		width				: 32px;
		height				: 32px;
		margin				: 0px;
		padding				: 0px;		
		text-align			: center;
		background-color	: #113e51;		
		font-size			: 1.8rem;
		color				: #fff;
	}
	.contact-icon-box i
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
	}
/*==========================================================================================
####	Page Buttons
============================================================================================*/	
	.bttnContainer
	{
		display				: flex;
		width				: 100%;
		flex-wrap			: wrap;
		justify-content		: flex-start;
		align-content		: center;
		margin-bottom		: 25px;
		padding				: 0;
	}
	.bttnBox
	{
		display				: inline-flex;
		box-sizing			: border-box;
		min-width			: 100px;
		height				: 50px;
		text-align			: center;
		line-height			: 50px;
		padding				: 0 10px;
		margin-right		: 10px;
		border-radius		: 8px;
		background-image	: linear-gradient(to right, #804e4d , #3e2524 );
		font-family			: "Roboto Condensed",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 500;
		color				: #dfcbca;
		letter-spacing		: 2px;
		box-shadow			: 1px 1px 2px #222;
		transition			: 0.3s;
		cursor				: pointer;
	}
	.bttnBox:hover
	{
		margin-left			: -1px;
		background-image	: linear-gradient(to right, #583534 , #2e1c1b );
		font-size			: 1.3rem;
		color				: #ffffff;
		box-shadow			: 1px 2px 3px #222;
	}
	.bttnContainer a.bttnPageLink
	{
		position			: relative;
		display				: block;
		box-sizing			: border-box;
		width				: auto;
		height				: 50px;
		padding				: 0px 10px;
		text-align			: center;
		line-height			: 50px;
		background-color	: transparent;
		border				: 2px solid #254972;
		text-decoration		: none;
		font-family			: "Roboto Condensed",sans-serif;
		font-size			: 3.3rem;
		font-weight			: 600;
		color				: #254972;
		letter-spacing		: 2px;
		overflow			: hidden;
	}
	.bttnPageLink:before 
	{
		content				: attr(value);
		position			: absolute;
		top					: 100%;
		left				: 0;
		width				: 100%;
		height				: 100%;
		background-color	: #254972;
		color				: #fff;
		transition			: 0.3s;
	}
	.bttnPageLink:hover:before
	{
		top					: 0;
	}
	.bttnContainer form input[type = submit]
	{
		position			: relative;
		display				: block;
		box-sizing			: border-box;
		width				: auto;
		height				: 50px;
		padding				: 0px 10px;
		text-align			: center;
		line-height			: 50px;
		background-color	: transparent;
		border				: 2px solid #254972;
		text-decoration		: none;
		font-family			: "Roboto Condensed",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 600;
		color				: #254972;
		letter-spacing		: 2px;
		overflow			: hidden;
		cursor				: pointer;
	}
	.bttnContainer form input[type=submit]:hover
	{
		background-color	: #254972;
		color				: #fff;
	}
	
	.bttnQuickLink
	{
		position			: relative;
		box-sizing			: border-box;
		display				: inline-block;
		width				: auto;
		height				: 40px;
		margin				: 0px;
		margin-right		: 10px;
		margin-bottom		: 10px;
		padding				: 0 10px;
		text-align			: center;
		line-height			: 40px;
		background			: linear-gradient(to right, #c79d8d , #c7a08f );
		font-family			: "Oswald",sans-serif;
		font-size			: 3.8rem;
		font-weight			: 500;
		color				: #2c2116;		
		text-decoration		: none;
		box-shadow			: 1px 2px 3px #222;
		transition			: 0.3s;
		letter-spacing		: 1px;
		cursor				: pointer;
	}
	.bttnQuickLink:hover
	{
		margin-left			: -2px;		
		background			: linear-gradient(to right, #472d23 , #3c261e );
		color				: #fff;
		box-shadow			: 1px 3px 9px #222;
	}
	.bttnQuickLink:active
	{
		margin-left			: -2px;
		background			: linear-gradient(to right, #e1cac1 , #cdab9c );
		color				: #2c2116;
		box-shadow			: inset 1px 3px 9px #222;
	}
	
	/*--------------------------------------------------------------------
	###	CR Date	: 15.05.2024	|| LU Date	: 15.05.2024
	###	Purpose	: Side Notice Box Common to most of the Pages
	----------------------------------------------------------------------*/
	#boxSideNotice
	{
		height				: auto;
		padding				: 5px;
	}	
	.notice-container
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 100%;
		height				: auto;
		margin				: 0 0 5px;
		padding				: 5px;
		padding-right		: 18px;
		display				: flex;			
		justify-content		: flex-start;
		background-color	: #e7ddd8;
		border-radius		: 0;
	}
	.notice-container:first-of-type
	{
		margin-top			: 10px;
	}
	
	.notice-container .notice-cell-date,
	.notice-container .notice-cell-month
	{
		box-sizing			: border-box;
		width				: 60px;
		text-align			: center;
		margin				: 0 5px 0 0;
		padding				: 0;
	}
	.notice-container .notice-cell-date
	{
		height				: 30px;
		line-height			: 30px;
		background-color	: #2c4856;
		color				: #fff;
		font-family			: "Ubuntu",sans-serif;
		font-size			: 20px;
		font-weight			: 600;
	}
	.notice-container .notice-cell-month
	{
		height				: 20px;
		line-height			: 20px;
		background-color	: #81aabe;
		color				: #313131;
		font-family			: "Ubuntu",sans-serif;
		font-size			: 14px;
		font-weight			: 600;
	}	
	.notice-container .notice-cell-title
	{
		width				: 100%;
		display				: block;
		margin-bottom		: 5px;
		font-family			: "Roboto",sans-serif;
		font-size			: 16px;
		font-weight			: 500;
		color				: #1b0e0e;
	}
	.notice-container .notice-cell-title a
	{
		display				: inline-block;
		width				: auto;
		height				: 20px;
		line-height			: 20px;
		padding				: 0 5px;
		text-decoration		: none;
		transition			: 0.4s;
		font-size			: 16px;
		font-weight			: 600;
		color				: #0754b1;
	}
	.notice-container .notice-cell-title a:hover
	{
		text-decoration		: underline;
	}	
	.notice-container .notice-flag
	{
		position			: absolute;
		display				: block;
		top					: -15px;
		right				: -15px;
		width				: 36px;
		height				: 36px;
		padding				: 0;
		margin				: 0;
		text-align			: center;
		line-height			: 36px;
		background-color	: #f00;
		border-radius		: 50%;
		font-family			: cambria;
		font-size			: 1.0rem;
		font-weight			: 600;
		color				: #fff;
		animation			: notExpan 1.2s linear infinite;
	}
	@keyframes notExpan
	{
		0% 
		{
			box-shadow			: 0 0 1px #f00;
		}
		25% 
		{
			box-shadow			: 0 0 5px #f00;
		}
		50% 
		{
			box-shadow			: 0 0 15px #f00;
		}
		75% 
		{
			box-shadow			: 0 0 5px #f00;
		}
		100% 
		{
			box-shadow			: 0 0 1px #f00;
		}
	}
	.no-record
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: 50px;
		margin				: 20px 0 0;
		padding				: 0;
		text-align			: center;
		line-height			: 46px;
		border-radius		: 8px;
		border				: 2px dashed #6f4937;
		background-color	: #e7ddd8;
		font-family			: "Roboto",sans-serif;
		font-size			: 16px;
		font-weight			: 600;
		color				: #57392b;
	}	
	.bttn-right-link
	{
		position			: relative;
		float				: right;
		margin-top			: 4px;
		margin-bottom		: 4px;
		margin-right		: 15px;
		padding				: 0 10px;
		display				: inline-block;
		width				: auto;
		height				: 30px;
		text-align			: center;
		line-height			: 30px;
		border-radius		: 8px;
		border				: 2px solid #76523f;
		background-color	: #caaa9b;
		font-family			: sans-serif;
		font-size			: 16px;
		font-weight			: 600;
		color				: #003333;
		text-decoration		: none;
	}
	.bttn-right-link:hover
	{
		background-color	: transparent;
		color				: #eee3db;
		border-color		: #eee3db;
	}
	
	/*--------------- Common Notice Box Section ----------------------------------*/

/*==========================================================================================
####	Page Lists
============================================================================================*/	
	/*-----------------------------------------------------------------
	###	Purpose	: List Display Item
	###	Pages	: library
	-------------------------------------------------------------------*/
	.generalOrdList
	{
		display				: block;
		height				: auto;
		margin				: 15px 0 0;
		padding				: 0;
		list-style-type		: none;
	}
	.generalOrdList li
	{
		box-sizing			: border-box;
		display				: block;
		margin-left			: 28px;
		margin-bottom		: 5px;
		padding				: 0;
		text-align			: left;
		font-family			: "Roboto",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 500;
		color				: #303030;
	}
	.generalOrdList li:before
	{
		content				: "\e97f";
		font-family			: 'fontify';
		float				: left;
		display				: block;
		margin-left			: -28px;
		margin-right		: 8px;
		font-size			: 18px;
		font-weight			: 500;
		color				: #703e38;
	}
	
	/*-----------------------------------------------------------------
	###	Purpose	: List Display Item
	###	Used At	: heritage-studies-center, grievance-redressal
	-------------------------------------------------------------------*/
	.generalOrdListT2
	{
		display				: block;
		height				: auto;
		margin				: 15px 0 0;
		padding				: 0;
		list-style-type		: none;
	}
	.generalOrdListT2 li
	{
		box-sizing			: border-box;
		display				: block;
		margin-left			: 28px;
		margin-bottom		: 5px;
		padding				: 0;
		text-align			: justify;
		font-family			: "Roboto",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 500;
		color				: #303030;
	}
	.generalOrdListT2 li:before
	{
		content				: "\e9e4";
		font-family			: 'fontify';
		float				: left;
		display				: block;
		margin-left			: -28px;
		margin-right		: 8px;
		font-size			: 18px;
		font-weight			: 500;
		color				: #703e38;
	}
	.generalOrdListT2 li a
	{
		display				: inline;
		width				: auto;
		height				: 22px;
		line-height			: 22px;
		margin				: 0 10px;
		padding				: 2px 10px;
		background-color	: #2f4246;
		font-family			: "Roboto",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 600;
		color				: #fff;
		text-decoration		: none;
	}
	.generalOrdListT2 li a:hover
	{
		color				: #f4f400;
		box-shadow			: 2px 3px 8px #666;
	}
/*==========================================================================================
####	Page Fonts
============================================================================================*/	
	
	/* --------------------------------------------------------
		T : Page Title                                         
	-----------------------------------------------------------*/
	h1.main-page-title
	{		
		position			: relative;
		display				: block;
		width				: auto;
		height				: auto;
		margin				: 2px auto;		
		text-align			: left;
		font-family			: 'Abril Fatface', sans-serif;
		font-size			: 4rem;
		font-weight			: 800;
		color				: #57392b;
		text-transform		: uppercase;
		letter-spacing		: 2px;
	}
	h2.main-page-sub-title
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		margin				: 0;
		padding				: 0;
		padding-left		: 20px;
		text-align			: left;
		
		font-family			: "Roboto Condensed",sans-serif;
		font-size			: 3.8rem;
		font-weight			: 600;
		text-transform		: uppercase;
		letter-spacing		: 1px;
		color				: #16180a;
	}
	h2.block-Title
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		margin				: 0 0 10px;
		padding				: 0;
		text-align			: left;		
		font-family			: "Oswald",sans-serif;
		font-size			: 3.8rem;
		font-weight			: 600;
		text-transform		: uppercase;
		letter-spacing		: 1px;
		color				: #16180a;
	}
	h2.block-Title:after
	{
		content				: "";
		position			: relative;
		display				: block;
		width				: 20px;
		height				: 5px;
		background-color	: #8e2828;
		z-index				: 15;
	}
	/*--------------------------------------------------
	### Content Title                                   
	---------------------------------------------------- */
	h2.content-title
	{
		margin				: 0px;
		padding				: 0px;
		text-align			: left;
		font-family			: "Oswald",sans-serif;
		font-size			: 3.5rem;
		font-weight			: 600;
		color				: #222;
		text-transform		: uppercase;
	}
	
	/*--------------------------------------------------
	### Content Sub Title                                   
	---------------------------------------------------- */
	.content-sub-title
	{
		width				: 100%;
		height				: 40px;
		margin				: 5px 0 0px;
		padding				: 0;
		text-align			: left;
		font-family			: "Roboto",sans-serif;
		font-size			: 3.5rem;
		font-weight			: 800;
		color				: #213745;
		text-transform		: uppercase;
	}
	.content-sub-title:after
	{
		content				: "";
		position			: relative;
		display				: block;
		width				: 20px;
		height				: 5px;
		background-color	: #8e2828;
		z-index				: 15;	
	}
	
	/*------------------------------------------------------------------------------
	#####	Page Quick Link Section
	--------------------------------------------------------------------------------*/
	h2.section-header
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		margin				: 15px 0 5px;
		padding				: 0;
		text-align			: left;
		line-height			: 1.3;
		border-bottom		: 1px solid #11161e;
		background-color	: transparent;
		font-family			: "Oswald",sans-serif;
		font-size			: 3.4rem;
		font-weight			: 500;
		color				: #412e25;
		letter-spacing		: 1px;
		text-transform		: uppercase;
	}
	.blocks:focus h2.content-title
	{
		font-size			: 1.7rem;
	}
	
	h2.sub-section-title
	{
		position			: relative;
		box-sizing			: border-box;
		display				: inline-block;
		width				: auto;
		height				: 30px;
		margin				: 15px 0 10px;
		padding				: 0;
		line-height			: 30px;
		text-align			: center;
		background-color	: transparent;
		font-family			: "Ubutu",sans-serif;
		font-size			: 3.4rem;
		font-weight			: 800;
		font-variant		: small-caps;
		text-transform		: capitalize;
		letter-spacing		: 1px;
		color				: #62433c;
	}
	
	/*-----------------------------------------------------------------------------------
	****	Used in : index (Notice box section)
	------------------------------------------------------------------------------------- */
	h2.box-title
	{
		position			: relative;
		box-sizing			: border-box;
		display				: inline-block;
		float				: left;
		width				: auto;
		height				: 25px;
		margin				: 3px 0 15px 10px;
		padding				: 0 10px;
		line-height			: 25px;
		text-align			: left;
		
		font-family			: "Roboto Condensed",sans-serif;
		font-size			: 3.4rem;
		font-weight			: 600;
		text-transform		: uppercase;
		letter-spacing		: 1px;
		color				: #fff;
	}
	h2.box-title:before
	{
		content				: "";
		position			: absolute;
		bottom				: -1px;
		left				: 0;
		width				: 100%;
		height				: 2px;
		background-color	: #f00;	
		transition			: 0.5s;
	}
	h2.box-title:hover:before,
	.flex-col:hover h2.box-title:before
	{
		width				: 200px;
	}
	
	h2.sub-title
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100%;
		height				: 50px;
		line-height			: 50px;
		text-align			: left;
		
		font-family			: "Ubutu",sans-serif;
		font-weight			: 600;
		font-size			: 3.5rem;
		text-transform		: uppercase;
		color				: #121212;
	}
	h2.sub-title:before
	{
		content				: attr(firstLetter);
		display				: inline-block;
		width				: 50px;
		height				: 50px;
		margin				: 0;
		padding				: 0;
		text-align			: center;
		line-height			: 50px;
		background-color	: #111;
		font-size			: 2.2rem;
		color				: #fff;
	}
	h2.sub-title:after
	{
		content				: "";
		position			: absolute;
		bottom				: -5px;
		left				: 0px;
		width				: 100%;
		height				: 2px;
		background-image	: linear-gradient(to right,#233243,transparent);
	}
	
	.ico-title
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 100%;
		height				: 40px;
		display				: flex;
		flex-wrap			: nowrap;
	}
	.ico-title span.ico-box
	{
		width				: 40px;
		height				: 40px;
	}
	.ico-title span.ico-box i
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
		font-size			: 32px;
	}
	.ico-title span.text-box
	{
		box-sizing			: border-box;
		flex				: 1;
		height				: 40px;
		line-height			: 40px;
		padding				: 0 0 0 10px;
		font-family			: "Ubutu",sans-serif;
		font-weight			: 600;
		font-size			: 3.6rem;
		text-transform		: uppercase;
		color				: #121212;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#### Purpose 	: Block Titles with Icon
	#### Page		: grievance-redressal,
	#### Date		: 21.01.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.block-title
	{
		position			: relative;
		float				: left;
		box-sizing			: border-box;
		height				: 40px;
		margin				: 15px 0 20px;
		padding				: 0;
		line-height			: 40px;
		text-align			: left;		
		//color				: #3c4912;
		font-size			: 3.8rem;
		font-style			: bold;
		text-shadow			: 1px 1px 2px #797778;		
	}
	.block-title i
	{
		position			: relative;
		display				: inline-block;
		top					: 50%;
		transform			: translateY(-50%);
		font-size			: 32px;
	}
	
	.gen-text,
	.gen-text-bl
	{
		display				: block;
		margin-bottom		: 10px;
		text-align			: justify;
		line-height			: 1.8;
		font-family			: "Roboto",sans-serif;
		font-size			: 3rem;
		color				: #040404;
	}
	.gen-text
	{
		font-weight			: 500;
	}
	.gen-text-bl
	{
		font-weight			: 600;
	}
	.gen-text a.lightMode,
	.gen-text-bl a.lightMode,
	.gen-text a.darkMode,
	.gen-text-bl a.darkMode
	{
		display				: inline;
		width				: auto;
		height				: 20px;
		line-height			: 20px;
		padding				: 0 5px;
		text-decoration		: none;
		transition			: 0.4s;
		font-weight			: 600;
	}
	.gen-text a.darkMode,
	.gen-text-bl a.darkMode
	{
		color				: #fff;
	}
	.gen-text a.lightMode,
	.gen-text-bl a.lightMode
	{
		color				: #4d0f06;
	}
	.gen-text-bl a:hover,
	.gen-text a:hover
	{
		background			: #f00;
		color				: #fff;
	}
		
	.gen-text-white
	{
		display				: block;
		margin-bottom		: 10px;
		text-align			: justify;
		font-family			: "Source Sans Pro",sans-serif;
		font-size			: 3rem;
		font-weight			: 500;
		color				: #fff;
	}
	
	/*---------------------------------------------------------------------
	###	Date	: 11.06.2023
	###	Purpose	: When date as title
	###	Used At	: heritage-studies-center.php
	-----------------------------------------------------------------------*/
	.date-title
	{
		position			: relative;
		box-sizing			: border-box;
		display				: inline-block;
		width				: 150px;
		height				: 30px;
		line-height			: 30px;
		text-align			: center;
		margin				: 8px 0;
		padding				: 0;
		background-color	: #79534f;
		font-family			: "Roboto",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 600;
		color				: #f4f0f0;
		box-shadow			: 1px 1px 2px #392826;
	}
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#### Purpose: Displaying Special Image with Link
	#### Page	: rusa
	#### Date	: 22.01.2024
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.foot-note-title
	{
		float				: left;
		display				: inline-block;
		margin-bottom		: 10px;
		text-align			: justify;
		font-family			: "Roboto",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 600;
		color				: #121212;
		//border				: 1px solid #333;
	}
	.foot-note-text
	{
		float				: left;
		display				: inline-block;
		margin-bottom		: 10px;
		padding-left		: 10px;
		text-align			: justify;
		font-family			: "PT Sans",sans-serif;
		font-size			: 3.2rem;
		font-weight			: 400;
		color				: #555;
		//border				: 1px solid #f00;
	}
	
	/*---------------------------------------------------------------------
	###	Date	: 21.01.2024
	###	Purpose	: Quote Statement
	###	Used At	: philosophy.php
	-----------------------------------------------------------------------*/
	.quote-statement
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 90%;
		height				: auto;
		margin				: 0 auto;
		margin-top			: 25px;
		padding				: 10px 30px;
		text-align			: justify;
		
		font-family			: "Roboto",sans-serif;
		font-size			: 3.4rem;
		font-weight			: 400;
		color				: #012854;				
	}
	.quote-statement:before
	{
		content				: '\201C';
		position			: absolute;
		top					: -25px;
		left				: 0px;
		font-family			: times;
		font-size			: 8rem;
		color				: #f00;
	}
	.quote-statement:after
	{
		content				: '\201d';
		position			: absolute;
		bottom				: -40px;
		right				: 0px;
		font-family			: times;
		font-size			: 8rem;
		color				: #f00;
	}
	
	/*--------------------------------------------------------------------------
	###	Create Date : 18.05.2024 || Last Updated : 19.05.2024
	### Purpose : 
	----------------------------------------------------------------------------*/
	.press-box
	{
		margin-bottom		: 10px;
		padding				: 10px;
		border-radius		: 5px;
		background			: #eee3db;
		box-shadow			: 1px 1px 2px #333;
	}
	
	.iconic-block
	{
		flex				: 0 1 auto;
		box-sizing			: border-box;
		height				: 30px;
		margin				: 5px;
		background-color	: #fff;
		display				: flex;
		flex-wrap			: nowrap;
		text-decoration		: none;
	}
	.iconic-block .ico-cell
	{
		width				: 30px;
		height				: 30px;
		text-align			: center;
		font-size			: 24px;
		color				: #442f24;
	}
	.iconic-block .ico-cell i
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
	}
	.iconic-block .text-cell
	{
		flex				: 0 1 auto;
		padding-left		: 5px;
		padding-right		: 5px;
		text-align			: center;
		line-height			: 30px;
		font-family			: "Roboto",sans-serif;
		font-size			: 16px;
		font-weight			: 500;
		color				: #442f24;
	}
	h2.head-title
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: auto;
		height				: auto;
		margin				: 5px 0 10px;
		padding				: 0;
		line-height			: 1.1;
		text-align			: left;
		background-color	: transparent;
		font-family			: "Ubutu",sans-serif;
		font-size			: 18px;
		font-weight			: 600;
		font-variant		: small-caps;
		letter-spacing		: 1px;
		color				: #442f24;
	}
	span.content-text
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: auto;
		height				: auto;
		margin				: 0 0 10px;
		padding				: 0;
		line-height			: 1.2;
		text-align			: left;
		background-color	: transparent;
		font-family			: "Roboto",sans-serif;
		font-size			: 14px;
		font-weight			: 500;
		letter-spacing		: 1px;
		color				: #76523f;
	}
	a.ready-link
	{
		position			: relative;
		box-sizing			: border-box;
		display				: block;
		width				: 100px;
		height				: 30px;
		margin				: 5px 0;
		padding				: 0;
		line-height			: 30px;
		text-align			: center;
		background-color	: #5f4232;
		font-family			: "Roboto",sans-serif;
		font-size			: 14px;
		font-weight			: 500;
		letter-spacing		: 1px;
		color				: #eee3db;
		text-decoration		: none;
		border-radius		: 4px;
		box-shadow			: 1px 1px 2px #666;
	}
	
	/*--------------------------------------------------------------------------
	###	Create Date : 16.06.2024 || Last Updated : 16.06.2024
	### Purpose : Button Group
	----------------------------------------------------------------------------*/
	.bttn-action-t2
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 100%;
		height				: 40px;
		display				: flex;
		flex-wrap			: nowrap;
		background-color	: #966650;
		border-top			: 1px solid #e6d5c8;
		border-bottom		: 1px solid #563c2e;
		cursor				: pointer;
		transition			: 0.3s;
	}
	.bttn-action-t2 .bttn-icon-cell
	{
		width				: 40px;
		height				: 40px;
		text-align			: center;
		color				: #fff;
	}
	.bttn-action-t2 .bttn-icon-cell i
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
		font-size			: 26px;
	}
	.bttn-action-t2 .bttn-text-cell
	{
		flex				: 1;
		position			: relative;
		box-sizing			: border-box;		
		height				: 40px;
		padding				: 0 0 0 5px;		
	}
	.bttn-action-t2 .bttn-text-cell span
	{
		position			: relative;
		display				: block;
		top					: 50%;
		transform			: translateY(-50%);
		font-family			: "Roboto Condensed",sans-serif;
		font-weight			: 600;
		font-size			: 14px;
		letter-spacing		: 1px;
		//text-transform		: uppercase;
		color				: #fff;
	}
	.bttn-action-t2:hover
	{
		background-color	: #e6d5c8;
	}
	.bttn-action-t2:hover .bttn-icon-cell,
	.bttn-action-t2 .bttn-icon-cell:hover
	{
		color				: #3c2920;
	}
	.bttn-action-t2:hover .bttn-text-cell span,
	.bttn-action-t2 .bttn-text-cell span:hover
	{
		color				: #3c2920;
	}
	
	.bttn-action-active,
	.bttn-action-active:hover
	{
		background-color	: #004848 !important;
		color				: #004848 !important;
	}
	
	/*--------------------------------------------------------------------------
	###	Create Date : 17.06.2024 || Last Updated : 17.06.2024
	### Purpose : In Page Event Display
	----------------------------------------------------------------------------*/
	.linear-event-container
	{
		position			: relative;
		box-sizing			: border-box;
		width				: 100%;
		height				: auto;
		margin				: 0 0 10px;
		padding				: 5px;
		padding-right		: 18px;
		display				: flex;			
		justify-content		: space-between;
		flex-wrap			: wrap;
	}
	.linear-event-container .linear-event-box
	{
		box-sizing			: border-box;
		width				: 100%;
		height				: auto;
		margin				: 0 0 15px;
		padding				: 5px;
		padding-right		: 18px;
		display				: flex;			
		justify-content		: flex-start;
		flex-wrap			: nowrap;
		background-color	: #e7ddd8;
		border-radius		: 0;
		box-shadow			: 1px 1px 3px #333;
	}	
	.linear-event-container .linear-event-box .event-img-wrapper
	{
		box-sizing			: border-box;
		width				: 100px;
		height				: auto;
		margin				: 0;
		padding				: 0;
	}
	.linear-event-container .linear-event-box .event-img-wrapper img
	{
		display				: block;
		width				: 100%;
		height				: auto;
	}
	.linear-event-container .linear-event-box .event-text-wrapper
	{
		flex				: 1;
		padding				: 5px;
	}
	.linear-event-container .linear-event-box .event-text-wrapper .event-cell-title
	{
		width				: 100%;
		display				: block;
		margin-bottom		: 5px;
		font-family			: "Roboto",sans-serif;
		font-size			: 1.2rem;
		font-weight			: 500;
		color				: #1b0e0e;
	}
	.linear-event-container .linear-event-box .event-text-wrapper .event-cell-title a
	{
		display				: inline-block;
		width				: auto;
		height				: 20px;
		line-height			: 20px;
		padding				: 0 5px;
		text-decoration		: none;
		transition			: 0.4s;
		font-weight			: 600;
		color				: #0754b1;
	}
	.linear-event-container .linear-event-box .event-text-wrapper .event-cell-title a:hover
	{
		text-decoration		: underline;
	}
	.linear-event-container .linear-event-box .event-text-wrapper .event-cell-sub-title
	{
		width				: 100%;
		display				: block;
		margin-bottom		: 5px;
		font-family			: "Roboto",sans-serif;
		font-size			: 12px;
		font-weight			: 600;
		color				: #385c6d;
	}
	.linear-event-container .linear-event-box .event-text-wrapper .event-cell-sub-title i
	{
		font-size			: 14px;
		color				: #bf0000;
	}
	
	/*------------------------------------------------------------------
	###	Icon Box for Important Websites
	--------------------------------------------------------------------*/
	.icon-box
	{
		flex				: 0 1 360px;;
		max-width			: 360px;
		height				: 100px;
		margin				: 0 15px 20px 0px;
		box-shadow			: 1px 1px 3px #333;
	}
	.icon-box:hover
	{
		box-shadow			: 1px 2px 6px #333;
	}
	.icon-box-link
	{
		display				: flex;
		width				: 100%;
		height				: 100%;
		flex-wrap			: nowrap;
		text-decoration		: none;
		cursor				: pointer;
	}
	.icon-box-image
	{
		box-sizing			: border-box;
		width				: 100px;
		height				: 100px;
		padding				: 5px;
		display				: flex;
		align-items			: center;      	/* vertical center */
		justify-content		: center;  		/* horizontal center */
		text-align			: center;
		background-image	: linear-gradient(to bottom, #f5edeb , #e9d8d3 );
	}
	.icon-box-image img
	{
		display				: block;
		width				: auto;
		height				: auto;
		max-width			: 90px;
		max-height			: 90px; 
		margin				: 0 auto;
	}
	.icon-box-text
	{
		box-sizing			: border-box;
		flex				: 1;
		height				: 100px;
		display				: flex;
		flex-direction		: column;
		justify-content		: center;
		padding				: 10px;
		background-image	: linear-gradient(to bottom, #f0ffff , #e8ffff );
	}
	.icon-box-text h2
	{
		margin				: 0 0 5px;
		font-family			: "Oswald",sans-serif;
		font-size			: 18px;
		font-weight			: 500;
		color				: #673f34;
	}
	.icon-box-text h3
	{
		margin				: 0;
		max-width			: 100%;
		overflow-wrap		: anywhere;
		word-break			: break-word;
		font-family			: "Roboto",sans-serif;
		font-size			: 13px;
		font-weight			: 500;
		color				: #2e1c16;
	}
	
	.mob-no-display
	{
		display				: none;
	}