body
{
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	background-image:url('/images/back1.png');
}

/* header */
#header
{
	background-color:#033F76;
	width :100%;
	margin:0px;
	padding:0px;
	display:inline-table;
	padding-bottom:12px;
}
/* footer*/
#footer
{
	background-color:#033F76;
	width :100%;
	box-shadow:0px 0px 10px 0px #033F76;
	font-weight:bold;
	padding-bottom:10px;
	font-family:Cambria;
}
#footer_left_div
{
	color: #FFFFFF;
}
#footer_left_div a
{
	font-size:17px;
	color: #FFFFFF;
	text-decoration:none;
}
.footer_menuli
{
	color: #FFFFFF;
	display:inline-table;	
}
.footer_menuli a
{
	color: #FFFFFF;
	font-size: 17px;
	display:inline-table;
	text-decoration:none;
		font-weight:100;
}
.footer_menuli a:hover
{
	color: #FF8000;
}

/* content page title */


/* menus */
#menubar
{
	background-image:url('/images/menu_back.png');
	width :100%;
	background-size:20px 40px;
}
.menuli
{
	color: #FFFFFF;
	display:inline-table;	
}
.menuli a
{
	color: #FFFFFF;
	font-size: 18px;
	display:inline-table;
	text-decoration:none;
	margin-left:6px;
	margin-right:6px;
	font-weight:100;
}
.menu_list
{
	margin :auto;
}
.footer_menu_list
{
	margin:auto;
}
.footer_menu_list li a
{
	font-family:Cambria;
	font-size:15px;
	padding:8px;
}
.footer_menu_list .footer_menuli a:hover
{
	color:Orange;
	text-decoration:none;
}

/*slider*/
#slideshow
{
	position: relative;  	/*	We set it to relative, so we can use absolute positioning for the slides */
	width: 1050px;
	padding:0px;
	height:500px;
	margin:auto;
	display:inline-table;
	z-index:99;
}
.slide
{
	margin-left:0px;
	position: absolute;
	width: 1100px;
	height: 500px;
	overflow: hidden;
}
.main_container
{
	width:1100px;
	margin:auto;
}
#menubar .main_container .menu_list .menuli a
{
	font-family:Cambria;
	font-size:15px;
	padding:8px;
}
#menubar .main_container .menu_list .menuli a:hover
{
	color:Orange;
	background-color:#045FB4;
	text-decoration:none;
}
/* main page tabs */
.tab_title
{
	border-bottom:3px solid #2E9AFE;
	font-size : 17px;
	font-weight:bold;
	font-family:cambria;
	color:#033F76;
	padding-bottom:8px;
	width:98%;
	display:inline-table;
	text-align:left;
	padding-left:5px;
	padding-top:7px;
	margin-bottom:10px;
}
.tab_a
{
	font-size:16px;
	color:#2E9AFE;
	font-family:cambria;
	text-align:center;
	text-decoration:none;
	line-height:28px;
	text-align:left;
	display:inline-table;
	float:left;
	border-bottom:1px solid #DFDFDF;
	margin-top:8px;
	width:220px;
}
.tab_a:hover
{
	color : #333;
	background-color:#FAFAFA;
}
.tab_img
{
	width:300px;
	height:170px;
	margin-bottom:10px;
}
.div_a
{
	text-align:center;
	width:320px;
}
.tab_div
{
	display:inline-table;
	margin:17px;
	height:260px;
	text-align:center;
	padding:15px;
	border:1px solid #DFDFDF;
	border-radius:4px;
	box-shadow:0px 0px 4px 0px #EFEFEF;
	padding-bottom:15px;
	text-decoration:none;
	width:220px;
}
.news-headlines li{
	font-family:Cambria;
	font-size:14px;
	text-decoration:none;
}
.news-headlines li:hover{
	text-decoration:none;
}
.tab_container
{
	text-align:center;
}
/* content page title */
.page_title
{
	text-align: center;
	font-size: 30px;
	font-weight:bold;
	color : #08298A;
    margin-top:20px;
	margin-bottom:20px;
}

/*travels & tours page tabs*/
.tour_div
{
	width:520px;
	border : 1px solid #CEE3F6;
	padding:2px;
	display:inline-table;
	margin :10px;
	box-shadow: 0px 0px 7px 0px #CEE3F6;	
	height:190px;
}
.tour_div:hover
{
	border : 1px solid #81BEF7;
	box-shadow: 0px 0px 7px 1px #CEE3F6;	
}
.tour_img
{
	height:190px;
	width:180px;
	align:left;
	float:left;	
	margin-right:10px;
}
.p_title
{
	font-size : 18px;
	font-weight:bold;
	font-family:cambria;
	color:#2E9AFE;
	text-align:center;
	margin:5px;
}
.p_description
{
	font-size : 14px;
	line-height:20px;
	font-family:cambria;
	color:#585858;
	text-align:justify;
}

/*holidays page  */
#tailor_div
{
	margin-left:230px;
	margin-top:30px;
}
.tailor_div_a
{
	color:#2E9AFE;;
	font-family : cambria;
	font-size:19px;
	text-decoration:none;
	font-weight:bold;
}
.tailor_div_a:hover
{
	color:#333;
	font-family:cambria;

	
}
.li1
{
	float:left;
	margin-right :100px;
}
.li2
{
	float:left;
}

/*educational tour page*/
.trip_title
{
	text-align: center;
	font-family : cambria;
	font-size: 22px;
	font-weight:bold;
	color : #2E9AFE;
    margin-top:20px;
	margin-bottom:7px;	
}
.trip_li
{
	color:#333;
	font-size:18px;
	font-family : cambria;
	text-align : justify;
	margin:4px;
}
.trip_div
{
	border-top: 2px solid #E6E6E6;
	border-bottom:2px solid #E6E6E6;
	width:100%;
	height :560px;
}

/*cateors page*/
.cateors_div
{
	height:350px;
	width:390px;
	float:left;	
	margin-right:100px;
	margin-top:20px;
}
#img_div
{
	width:110px;
	height:340px;
	float:left;
}
#menu_div
{
	width:170px;
	height:340px;
	float:left;
	display: inline-table;
}
.menu_img
{
	width:95px;
	height:80px;
	border-radius:10px;
	margin:4px;
}
.cateors_li
{
	color:#FE9A2E;
	font-size:20px;
	font-family : cambria;	
	margin-bottom:65px;
	margin-top:25px;
}
.cateors_li:hover
{
	color:#DF0174;
	cursor:pointer;
}
#cateors_container
{
	margin:auto;
	width:900px;
	margin-top:20px;
}
.order_tbl
{
	font-size:20px;
	height:400px;
	width:400px;
	color:#333;
	float:left;
	margin-top:0px;
}
.order_txt
{
	width:350px;
	box-shadow:0px 0px 3px 0px #dedede ;
	resize :none;
	border:1px solid #DFDFDF;
	font-size:15px;
	font-family:cambria;
	padding:8px;
}
.registered_order_txt
{
	width:180px;
	box-shadow:0px 0px 3px 0px #dedede ;
	resize :none;
	border:1px solid #DFDFDF;
	font-size:15px;
	font-family:cambria;
	padding:8px;
	margin:5px;
}
.order_btn
{
	font-size:16px;
	font-weight:bold;	
	background-color:#FE9A2E;
	color:#f2f2f2;
	padding:6px;
	width:100px;
	border:5px solid #f2f2f2;
}
.order_btn:hover
{
	cursor:pointer;
	border:5px solid #EAEAEA;
	border-radius:5px;
}
.form_title
{
	font-size:19px;
	color : #08298A;
	border-bottom:2px solid #FE9A2E;
	font-family:cambria;
	font-weight:bold;
}
.tr1
{
	height:55px;
}
.cateors_end_div
{
	color:#033F76; 
	font-size:19px;
	font-family:cambria;
	line-height:30px;
	margin-top:0px;
	
}
.order_btn_contnr
{
	text-align:center;
}
.error_msgs
{
	color:red;
	font-size:13px;
}

/* contact-us page */
.add_title
{
	color : #08298A;
	font-family:cambria;
	padding-bottom:10px;
	border-bottom:2px solid #FE9A2E;
	font-size:18px;
	font-weight:bold;	
}
.add_p
{
	color:#333; 
	font-size:16px;
	font-family:cambria;
	line-height:30px;
	text-align:justify;
}
.add_img
{
	height:190px;
	width:350px;
	border-radius:10px;
	box-shadow:0px 0px 8px 0px #DFDFDF ;
}
.contact_div
{
	height:350px;
	width:390px;
	float:left;	
	margin-right:100px;
}
.contact_btn
{
	font-size:16px;
	background-color:#FE9A2E;
	color:#f2f2f2;
	padding:6px;
	width:100px;
	border:1px solid #FFFFFF;
	font-family:Cambria;
	font-weight:bold;
}
.contact_btn:hover
{
	cursor:pointer;
	box-shadow:0px 0px 4px 1px #FE9A2E;
}
#contact_container
{
	margin:auto;
	width:1000px;
	margin-top:0px;
}
.contact_tbl
{
	font-size:17px;
	height:400px;
	width:420px;
	color:#333;
	float:left;
	margin-top:10px;
}
.add_lbl
{
	font-weight:bold;
	font-family:cambria;
	font-size:17px;
	color : #08298A;
}

.msg
{
	color:#DF0174; 
	font-size:20px;
	font-family:cambria;
	margin-top:20px;
	font-weight:bold;	
	text-align:center;
}

.page_title
{
	text-align: left;
	font-size: 18px;
	font-weight:bold;
	color : #08298A;
    margin-top:15px;
	border-bottom:1px solid #08298A;
	margin-bottom:10px;
	padding-bottom: 10px;
	font-family:cambria;
}

/* service page */
.service_tab
{
	height:20px;
	width:280px;
	font-family:cambria;
	font-size:17px;
	background-color: #FE9A2E;
	color:#ffffff;
	font-weight:bold;
	border-radius: 5px;
	margin:30px;
	padding:4px;
	box-shadow:0px 0px 3px 0px #FE9A2E;
	text-align:center;	
	border:2px solid #FFFFFF;
}
.service_tab:hover
{
	cursor:pointer;
	box-shadow:0px 0px 8px 0px #FE9A2E;
}
#service_container
{
	width:1050px;
	height:600px;	
}
#s_container
{
	width:350px;
	float:left;
	margin-top:0px;
}
#s_container1
{
	width:400px;
	float:left;
	margin-top:0px;
}
.service_a
{
	font-family:cambria;
	font-size:14px;
	color:#033F76;
	font-weight:bold;
	margin-left:40px;
	text-decoration:none;
}
.service_a:hover
{
	cursor:pointer;
	color:#FE9A2E;
}
.img_div
{
	float:left;
	border-radius:10px;
	box-shadow:0px 0px 7px 0px #033F76;
	
}
.service_img
{
	height:250px;
	width:300px;margin-top:50px;
	border-radius:4px;
	box-shadow:0px 0px 7px 0px #033F76;
}
.site-title
{
	color:#FFFFFF;
	font-size:32px;
	margin:0px;
	text-align:center;
	margin-top:18px;
	font-family:Cambria;
}
/*News Feed*/
.news-demo {
  background: #fff;
  padding: 20px;
}

.news-demo h1 {
  text-align: center;
  font-family: Cambria;
  color: #777;
  margin-bottom: 40px;
}

.news-demo .p {
  text-align: center;
  font-family:Cambria;
  font-size: 22px;
  margin-top: 70px;
}

.news-demo .p ~ p {
  margin-top: 0;
}

.news-demo .p a {
  text-decoration: underline;
}
.news-demo .p a:hover {
  color: red;
}
/*End News Feed*/
.news_feed
{
	width:250px;
	display:inline-table;
}
.copyright
{
	color:#FFFFFF;
	font-weight:100;
	text-decoration:none;
}
.data_container
{
	display:inline-table;
	min-height:520px;
	width:760px;
	padding:15px;
	text-decoration:none;
}
.copyright:hover{
	font-weight:bold;
}
.info_class
{
	color:#333333;
	font-family:Cambria;
	line-height:30px;
}
.iliza_title
{
	margin: 20px;
	font-size:26px;
	font-weight:bold;
	font-family:Cambria;
}
.contents_of_conf
{
	color:#333666;
	font-family:Cambria;
	font-size:18px;
	text-align:justify;
	line-height:28px;
	padding:8px;
}
.contents_of_conf p 
{
	margin-top:8px;
	text-align:justify;
	line-height:22px;
}
.venue_imgs_htl
{
	height: 400px;
	width:500px;
	border-radius:5px;
	display:inline-table;
	border:3px solid #FFFFFF;
	box-shadow:0px 0px 6px 2px #CCCCCC;
	margin: 10px;
}
.venue_imgs
{
	height: 220px;
	width:240px;
	border-radius:5px;
	display:inline-table;
	border:3px solid #FFFFFF;
	box-shadow:0px 0px 6px 2px #CCCCCC;
	margin: 10px;
}
.page_highlighter
{
	font-family:Cambria;
	font-size:17px;
	color:#333;
	border:1px solid #DFDFDF;
	background-color:#EFEFEF;
	width:1040px;
	margin:auto;
	margin-top:10px;
	padding:7px;
	font-weight:bold;
	padding-left:25px;
	border-radius:4px;
}
.content_p
{
	line-height:24px;
	color:#666;
	font-family:Cambria;
	font-size:16px;
	text-align:justify;
	margin-top:0px;
	margin-left:10px;
}
#mission
{
	line-height:30px;
	color:#333;
	font-family:Cambria;
	font-size:19px;
	font-style:italic;
	text-align:justify;
	margin-top:0px;
	margin-left:10px;
	width:350px;
	margin:auto;
	display:inline-table;
	margin-left:100px;
}
.strngth_lst
{
	line-height:24px;
	color:#666;
	font-family:Cambria;
	font-size:16px;
	text-align:justify;
	margin-top:0px;
	margin-left:10px;
}
.blank_s
{
	display:inline-table;
	margin-left:30px;
}
.products_instruments_contnr
{
	border:1px solid #DEDEDE;
	display:inline-table;
	padding:2px;
	box-shadow:0px 0px 4px 0px #DFDFDF;
	text-decoration:none;
	margin:8px;
}
.products_instruments_contnr:hover{
	box-shadow:0px 0px 7px 0px #DFDFDF;
	border:1px solid #BDBDBD;
}
.products_imgs
{
	width:245px;
}
.clientele_imgs
{
	width:150px;
	height:100px;
}
.instrument_name
{
	padding:8px;
	color:#666;
	font-size:16px;
	font-family:Cambria;
	text-align:center;
	text-decoration:none;
}
.dt_header_title_1
{
	font-family:Cambria;
	color:YELLOW;
	font-size:45px;
	text-align:center;
	font-weight:bold;
	line-height:55px;
}
.dt_header_title_2
{
	margin:6px;
	text-align:center;
	font-family:Cambria;
	color:#FFFFFF;
	font-size:19px;
}
.icons_imgs
{
	float:left;
	width:170px;
	margin-top:15px;
}
.rsrch_link
{
	color:#000;
}
.reasearch-papers
{
	width:1090px;
}
.print-btn
{
	padding:5px;
	color:#666;
	background-color:#FAFAFA;
	cursor:pointer;
	border:1px solid #DFDFDF;
	border-radius:3px;
	float:right;
	margin:0px;
}
.print-btn
{
	color:#333;
	background-color:#EFEFEF;
}
.cont_list
{
	color:#333;
	font-size:16px;
	font-family:Cambria;
	line-height:22px;
}
.infra_content
{
	color:#333;
	font-size:16px;
	font-family:Cambria;
	text-align:justify;
	border:1px solid #BFBFBF;
	display:inline-table;
	margin-top:15px;
	width:100%;
	border-radius:10px;
	box-shadow:0px 0px 5px 0px #BFBFBF;
}
.infra_data_content
{
	color:#333;
	font-size:16px;
	font-family:Cambria;
	text-align:justify;
	display:inline-table;
	width:100%;
}
.facilities_title
{
	line-height:35px;
	color:#033F76;
	font-size:16px;
	border-bottom:1px solid #DFDFDF;
	padding-left:20px;
	padding-right:20px;
	font-weight:bold;
	background-image:url('../img/title_back.png');
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.info_part
{
	padding-left:15px;
	padding-right:15px;
	margin-top:10px;
	line-height:22px;
}
.download-icon
{
	vertical-align:middle;
	margin-right:4px;
	height:24px;
}

.download_link
{
	text-decoration:none;
	cursor:pointer;
	margin-top:10px;
	display:inline-table;
}
.download_link:hover{
	
	font-weight:BOLD;
}
.header-icons
{
	height:110px;
	width:110px;
	display:inline-table;
	float:left;
}
.stud-sections
{
	border:1px solid #DEDEDE;
	display:inline-table;
	padding:2px;
	box-shadow:0px 0px 4px 0px #DFDFDF;
	text-decoration:none;
	margin:8px;
	padding:10px;
	width:130px;
	text-align:center;
	color:#333;
	cursor:pointer;
}
.stud-sections:hover{
	background-color:#FCFCFC;
	border:1px solid #CCC;
}
.title_section
{
	line-height:25px;
	font-family:Cambria;
	font-size:16px;
	font-weight:bold;
	padding-bottom:15px;
	text-transform:Uppercase;
}
.student_tab
{
	padding:10px;
	display:inline-table;
	margin-top:15px;
	background-color:#FEFEFE;
}
.student_tab tr td
{
	height:30px;
	text-align:center;
	border-bottom:1px solid #BFBFBF;
	border-left:1px solid #BFBFBF;
	padding:5px;
	color:#333;
	font-family:Cambria;
}
.staff_img_profile
{
	width:200px; height:280px; border:1px solid;  margin-left:25px; margin-right:20px; float:left;
	font-family:Cambria;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#333;
	text-align:center;
	border:0px solid #FAFAFA;
	padding-bottom:10px;
	margin-bottom:15px;
}
.sp_img
{
	height:150px;
	width:155px;
	padding:5px;
	border:0px solid #AFAFAF;
	margin-bottom:5px;
	border:1px solid #DFDFDF;
}
.sp_link_title
{
	background:none; border:0px; color:GREEN; text-decoration:none; float:right;
	font-family:Cambria;
}
.contact_to_staff_tbl tr td
{
	height:30px;
	border:1px solid #DFDFDF;
	padding:8px;
	color:#333;
	font-family:Cambria;
}
.th_s
{
	font-weight:bold;
	text-align:center;
}
.info-section
{
	background-color:#FFFFFF;
	min-height:500px;
	margin-top:5px;
	box-shadow:0px 0px 3px 0px #CCCCCC;
	width:740px;
	padding:20px;
}
.reg_form tr td
{
	padding:10px;
}
.reg_btn_form {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	padding:8px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	font-weight:bold;
	margin-left:25px;
	width:100px;
}
.reg_btn_form:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.reg_btn_form:active {
	position:relative;
	top:1px;
}
.reg_form_title
{
	margin:0px;
	font-size:20px;
	font-weight:100;
	text-align:center;
}
.exam_rules
{
	background-color:#FAFAFA;
	padding:20px;
}
.terms_and_condition
{
	text-align:center;
	font-size:14px;
	color:#006699;
}
.error_indicator
{
	color:RED;
	font-size:13px;
	display:inline-table;
	width:250px;
	text-align:left;
}
.reg_success
{
	color:GREEN;
	font-size:15px;
	padding:10px;
	border:1px solid #DFDFDF;
	box-shadow:0px 0px 3px 0px #DFDFDF;
	margin-top:20px;
	text-align:center;
	line-height:30px;
}
#middle_data_container
{
	min-height:500px;
	background-image:url('/images/4.jpg');
	display:inline-table;
	background-size:100% 140%;
	width:100%;
}
#login_container
{
	min-height:210px;
	background-color:#FAFAFA;
	width:300px;
	margin:auto;
	margin-top:150px;
	border:1px solid #DFDFDF;
	text-align:center;
	padding:10px;
	border-radius:4px;
}
.input_txt
{
	padding:10px;
	width:260px;
	margin:7px;
	font-family:cambria;
	font-size:15px;
	border:1px solid #BFBFBF;
}
.login_btn
{
	background-color:#2E9AFE;
	width:260px;
	border:1px solid #DFDFDF;
	padding:7px;
	color:WHITE;
	font-size:15px;
	font-weight:bold;
	font-family:Cambria;
	margin-top:5px;
}	
.login_btn:hover{
	background-color:#045FB4;
	cursor:pointer;
}	
.log_links
{
	text-decoration:none;
	color:#084B8A;
	font-family:Cambria;
}
.login_titles
{
	font-family:Cambria;
	font-size:20px;
	color:#0B2161;
	margin-top:7px;
	text-align:center;
}
.logout_lnk
{
	color:YELLOW;
	margin-left:15px;
	text-decoration:none;
	font-weight:bold;
}
.logout_lnk:hover
{
	text-decoration:underline;
}
.user_acc_dtls
{
	float:right;
	color:YELLOW;
	margin-top:8px;
	margin-right:20px;
	font-family:Cambria;
	font-size:15px;
}
.admin-mid-section
{
	width:1100px;
	background-color:#FFFFFF;
	border:1px solid #DFDFDF;
	min-height:600px;
	margin:auto;
}
.add_centre_tbl tr td
{
	margin:15px;
}
.add_centre_container
{
	width:370px;
	margin:auto;
}
.txtflds
{
	width:350px;
	box-shadow:0px 0px 3px 0px #dedede ;
	resize :none;
	border:1px solid #DFDFDF;
	font-size:15px;
	font-family:cambria;
	padding:8px;
	line-height:22px;
	margin-top:15px;
}
.add_centre_success
{
	color:GREEN;
	width:350px;
	text-align:center;
	background-color:#FAFAFA;
	margin-top:15px;
}
.centre_tab tr td
{
	text-align:center;
}
.centre_tab_prices tr td
{
	text-align:center;
	padding:7px;
	color:#006699;
}
.news_feed_tbl_container
{
	text-align:center;
}
.news_and_events_txt
{
	display:inline-table;
	margin-left:40px;
}
.search_container
{
	padding:10px;
	border:1px solid #DFDFDF;
}
.slider_img_upload
{
	padding:10px;
	text-align:center;
	width:500px;
	margin:auto;
}
.success_message
{
	color:GREEN;
	border:1px solid #DFDFDF;
	padding:7px;
	text-align:center;
	width:370px;
	margin:auto;
	background-color:#FAFAFA;
	margin-top:10px;
}
.upload_img_contnr
{
	background-color:#EFEFEF;
	padding:10px;
	cursor:pointer;
}
.admin_slide_imgs_contner
{
	height:200px;
	width:200px;
	display:inline-table;
	text-align:center;
	padding:5px;
	background-color:#FAFAFA;
	margin:10px;
}
.admin_slide_imgs
{
	height:200px;
	width:200px;
}
.slide_img_delete_link
{
	text-decoration:none;
	margin-top:5px;
	display:inline-table;
	color:#333;
	font-weight:bold;
}
.slide_img_delete_link:hover{
	color:#006699;
}
.no_img
{
	text-align:center;
	font-family:Cambria;
	color:#FF6600;
}
.download_lnk
{
	text-decoration:none;
	font-family:Cambria;
	font-size:16px;
	color:#666;
}
.download_lnk:hover
{
	color:#990033;
	font-style:italic;
}
.merit_stud_info_contnr
{
	width:200px;
	display:inline-table;
	text-align:center;
	padding:5px;
	margin:10px;
	height:280px;
}
.merit_stud_prof_img
{
	height:200px;
	width:180px;
	padding:3px;
	border:1px solid #CCC;
	margin-bottom:5px;
}
.merit_stud_info
{
	line-height:21px;
	font-size:14px;
	word-break:break-all;
}
.merit_stud_delete_img_link
{
	text-decoration:none;
	margin-top:5px;
	display:inline-table;
	color:#333;
	font-weight:bold;
	background-color:#FAFAFA;
	padding:5px;
	margin-top:10px;
	border:1px solid #EFEFEF;
}
.merit_stud_delete_img_link:hover{
	color:#000;
	border:1px solid #CCC;
}
.merit_stud_name
{
	font-weight:bold;
}
.center_list_back_link
{
	color:#333;
	font-size:15px;
	font-family:Cambria;
	margin-top:20px;
	float:left;
	margin-left:150px;
	text-decoration:none;
}
.center_list_back_link:hover{
	color:#003399;
	text-decoration:underline;
}
#other_school_name_tr
{
	display:none;
}
.forgot_passwords_lnk
{
	margin-top:15px;
	color:#003399;
	display:inline-table;
}
.forgot_pwd_success_msg
{
	background-color:#FFFFFF;
	color:GREEN;
	padding:5px;
	border:1px solid #EFEFEF;
}
.member_mid_dash
{
	width:1100px;
	background-color:#FFFFFF;
	min-height:570px;
	margin:auto;
	border-left:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
}
.news_for_members
{
	width:500px;
	height:535px;
	margin-top:15px;
	margin-bottom:15px;
	display:inline-table;
	border:1px solid #EFEFEF;
	box-shadow:0px 0px 1px 0px #DFDFDF;
	margin-left:15px;
}
.important_news_for_members_title
{
	background-color:#FAFAFA;
	padding:8px;
	text-align:center;
	color:#003399;
	border-bottom:1px solid #EFEFEF;
}
.member_news_box
{
	width:460px;
	margin:auto;
	margin-top:15px;
	height:535px;
	overflow:scroll-y;
}
.members_news_display
{
	padding:4px;
	padding-bottom:10px;
	border-bottom:1px solid #EFEFEF;
	margin-top:15px;
	font-family:Cambria;
	color:#009933;
	font-size:14px;
}
.news-icon-img
{
	margin-right:10px;
}
.hall_ticket_container
{
	border:1px solid #999;
	width:700px;
	box-shadow:0px 0px 5px 0px #CCC;
}
.receipt_icon
{
	height:60px;
	margin-top:10px;
}
.receipt_mid_container
{
	display:inline-table;
	width:500px;
}
.dt_header_title_1_receipt
{
	font-family:Cambria;
	color:#0099CC;
	font-size:20px;
	text-align:center;
	line-height:25px;
}
.dt_header_title_2_receipt
{
	margin:4px;
	text-align:center;
	font-family:Cambria;
	color:#0066CC;
	font-size:14px;
}
.receipt_header
{
	border-bottom:1px solid #DFDFDF;
	padding:10px;
}
.receipt_body
{
	padding:10px;
	padding-top:0px;
}
.receipt_titles
{
	font-size:13px;
	color:#0066CC;
	margin-top:4px;
	display:inline-table;
	width:100px;
}
.receipt_stud_details
{
	font-size:13px;
	color:#333;
	margin-top:4px;
	display:inline-table;
	margin-left:10px;
}
.receipt_tab
{
	margin-top:4px;
	margin-bottom:4px;
}
.receipt_tab tr td
{
	text-align:center;
	border:1px solid #0066CC;
	border-bottom:0px;
	border-right:0px;
	padding:2px;
	color:#0066CC;
	font-size:12px;
}
.receipt_tab .tab_titles_tab td
{
	color:#333;
}
.receipt_bullets
{
	margin-right:5px;
	height:8px;
}
.signature_section
{
	color:#333;
	font-size:12px;
	margin-top:40px;
	display:inline-table;
}
.delete_success_msg
{
	color:GREEN;
	padding:8px;
	border:1px solid #DFDFDF;
	margin:10px;
	width:400px;
	text-align:center;
	background-color:#FAFAFA;
}
.receipt_cols
{
	display:inline-table;
	float:right;
}
.print_hall_ticket_u_title
{
	font-family:Cambria;
	font-size:17px;
	text-align:center;
}
.receipt_info_box
{
	width:300px;
	padding:8px;
	border:1px solid #DFDFDF;
	margin-top:10px;
}
.error_indicator_hall_ticket
{
	color:RED;
	font-family:Cambria;
	font-size:12px;
	padding-bottom:6px;
	display:inline-table;
	width:100%;
}
.hall_ticket_contnr_bx
{
	width:310px;
	margin:auto;
	text-align:center;
}
.hall_ticket_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e));
	background:-moz-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-webkit-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-o-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-ms-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e',GradientType=0);
	background-color:#f0c911;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #e65f44;
	display:inline-block;
	cursor:pointer;
	color:#c92200;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
	margin-top:10px;
}
.hall_ticket_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911));
	background:-moz-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:-webkit-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:-o-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:-ms-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911',GradientType=0);
	background-color:#f2ab1e;
}
.hall_ticket_btn:active {
	position:relative;
	top:1px;
}
.wrapper
{
	width:900px !important;
	background-color:#FFFFFF;
	margin:auto;
	padding:20px;
}
.sub_head
{
	background-color:#FBFBFB;
	font-family:Cambria;
	font-size:20px;
	text-align:center;
	padding:15px;
	border-bottom:2px dashed #666666;
	margin-bottom:15px;
	font-weight:bold !important;
}
  /*3-1-26   */   
  /* Sidebar */
.sidebar {
    width: 240px;
    min-height: 100vh;
    background: linear-gradient(180deg, #0f172a, #020617);
    color: #fff;
    display: flex;
    flex-direction: column;
}

/* Logo */
.sidebar-logo {
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Menu */
.sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
}

.sidebar-menu li {
    margin: 6px 0;
}

.sidebar-menu a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    color: #cbd5f5;
    text-decoration: none;
    border-radius: 8px;
    margin: 0 10px;
    font-size: 14px;
}

.sidebar-menu a:hover {
    background: rgba(255,255,255,0.08);
    color: #fff;
}

/* Active */
.sidebar-menu .active a {
    background: #1e40af;
    color: #fff;
}

/* Icons */
.icon {
    font-size: 16px;
}

/* Footer */
.sidebar-footer {
    padding: 15px;
}

.sidebar-footer a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    color: #fca5a5;
    text-decoration: none;
    border-radius: 8px;
}

.sidebar-footer a:hover {
    background: rgba(255,255,255,0.08);
    color: #fecaca;
}
/*teacher-login*/
/* App layout */
.app-container {
    display: flex;
    min-height: 100vh;
    background: #f4f6fb;
}

/* Main area */
.main-content {
    flex: 1;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Center form */
#middle_data_container {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Login card */
#login_container {
    width: 420px;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    padding: 25px;
    margin-top: 60px;
}

/* Title */
.login_titles {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    background: none !important;
}

/* Inputs */
.input_txt {
    width: 100%;
    height: 44px;
    margin-top: 10px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

/* Button */
.login_btn {
    width: 100%;
    height: 46px;
    margin-top: 15px;
    background: #1e40af;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
}

/* Errors */
.error_indicator {
    font-size: 12px;
    color: #dc2626;
}

/* CAPTCHA spacing */
.captcha-label {
    margin-top: 10px;
    display: block;
}

/*merit-students.php*/
/* Layout */
.app-container {
    display: flex;
    min-height: 100vh;
}

.main-content {
    flex: 1;
    padding: 20px;
    background: #f4f6f9;
}

/* Page header */
.page-header {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    background: #ffffff;
    padding: 12px 15px;
    border-left: 4px solid #2563eb;
}

/* Content */
.content-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

/* Merit card */
.merit-card {
    width: 180px;
    background: #ffffff;
    border-radius: 6px;
    padding: 10px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.merit-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 4px;
}

.merit-name {
    font-weight: 600;
    margin-top: 8px;
}

.merit-details {
    font-size: 13px;
    color: #555;
}

/* No data */
.no-data {
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    color: #777;
}
/*merit list logout*/
/* ===== APP LAYOUT ===== */
.app-container{
    display:flex;
    min-height:100vh;
}

.main-content{
    flex:1;
    padding:20px;
    background:#f5f7fa;
}

/* ===== PAGE TOP BAR ===== */
.page-top-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}

.page-header{
    font-size:20px;
    font-weight:600;
    color:#111827;
}

/* ===== LOGOUT BUTTON ===== */
.logout-btn{
    background:#e63946;
    color:#fff;
    padding:8px 18px;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
}

.logout-btn:hover{
    background:#c62828;
}
/* Ensure app-container uses flex column layout */
.app-container {
    display: flex;
    justify-content: center; /* centers main-content horizontally in available space */
    padding: 20px;           /* optional spacing */
}

/* Center the data container within main-content */
.main-content {
    display: flex;
    flex-direction: column;  /* header on top, data_container below */
    align-items: center;     /* centers the inner box horizontally */
    width: 100%;             /* take full width of app-container */
}

/* Force center area after sidebar */
.center-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Container for all merit student boxes */
.data_container {
    display: flex;
    flex-wrap: wrap;      /* allow multiple boxes in a row */
    justify-content: center;  /* center horizontally */
    gap: 20px;            /* space between boxes */
    padding: 20px;
}

/* Each student box */
.merit_stud_info_contnr {
    display: flex;
    flex-direction: column;  /* stack image and text vertically */
    align-items: center;     /* center image and text horizontally */
    text-align: center;
    width: 180px;            /* adjust box width as needed */
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Student profile image */
.merit_stud_prof_img {
    width: 100px;    /* adjust size as needed */
    height: 100px;
    border-radius: 50%;   /* make image circular */
    object-fit: cover;
    margin-bottom: 10px;
}

/* Student name */
.merit_stud_name {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

/* Other student details */
.merit_stud_other_details {
    font-size: 14px;
    color: #555;
}


/* ================================
   ABOUT US – COMMITTEE PAGE
   ================================ */

.page_highlighter {
    background: linear-gradient(90deg, #1e3a8a, #2563eb);
    color: #fff;
    padding: 18px;
    font-size: 22px;
    font-weight: 600;
    border-radius: 8px;
    margin-bottom: 25px;
    text-align: center;
}

.highlight-box {
    background: #f8fafc;
    border-left: 6px solid #2563eb;
    padding: 22px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.highlight-box h2 {
    color: #1e3a8a;
    margin-bottom: 8px;
    font-size: 24px;
}

.highlight-box p {
    color: #334155;
    font-size: 16px;
    line-height: 1.8;
}

.about-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-bottom: 50px; /* <-- Add this for space above footer */
}


.about-card {
    background: #ffffff;
    padding: 25px;
    border-radius: 14px;
    border-top: 5px solid #2563eb;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

.about-card:hover {
    transform: translateY(-6px);
}

.about-title {
    font-size: 19px;
    font-weight: 600;
    color: #1e3a8a;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.about-text {
    font-size: 15.5px;
    line-height: 1.9;
    color: #334155;
}

.about-list {
    padding-left: 20px;
    color: #334155;
}

.about-list li {
    margin-bottom: 8px;
}

/* ================================
   MOBILE VIEW
   ================================ */

@media (max-width: 768px) {
    .page_highlighter {
        font-size: 18px;
        padding: 14px;
    }

    .highlight-box h2 {
        font-size: 20px;
    }

    .about-card {
        padding: 20px;
    }
}

/* ================================
   DOWNLOADS SECTION STYLES
   ================================ */

.downloads-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-bottom: 50px; /* Space before footer */
}

.download-card {
    background: #ffffff;
    padding: 22px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    gap: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.download-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.12);
}

.download-icon img {
    height: 28px;
}

.download-info {
    flex: 1;
}

.download-info p {
    margin: 0;
    font-size: 16px;
    color: #1e3a8a;
    font-weight: 500;
}

.download-link a {
    text-decoration: none;
    background: #2563eb;
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 500;
    transition: background 0.3s ease;
}

.download-link a:hover {
    background: #1e3a8a;
}

/* Responsive */
@media (max-width: 768px) {
    .download-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .download-link {
        margin-top: 8px;
    }
}


/* Ensure page takes full height */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Wrapper for whole page */
.page-wrapper {
    min-height: 100%;
    position: relative;
}

/* Main content grows and leaves space for footer */
.main_container {
    padding-bottom: 80px; /* same as footer height */
}

/* Footer */
.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px; /* footer height */
    background-color: #1e3a8a;
    color: #fff;
    text-align: center;
    line-height: 60px; /* vertical center text */
    font-size: 14px;
}


/* Reset styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', sans-serif;
    background-color: #f7f9fc;
    color: #333;
}

/* Gallery container */
.gallery_container {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

/* Page title */
.gallery_title {
    text-align: center;
    font-size: 2.5rem;
    color: #1e3a8a;
    margin-bottom: 30px;
    font-weight: 700;
}

/* Grid for images */
.images_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

/* Single image card */
.image_card {
    flex: 1 1 250px;
    max-width: 250px;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}

.image_card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s;
}

/* Hover effect */
.image_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

.image_card:hover img {
    transform: scale(1.05);
}

/* No images message */
.no_images {
    text-align: center;
    font-size: 1.2rem;
    color: #666;
    margin-top: 50px;
}

/* Responsive */
@media (max-width: 600px) {
    .image_card img {
        height: 150px;
    }
}


.feedback_form {
    display: flex;
    justify-content: center;
    padding: 40px 20px;
    background: #f5f6fa;
}

.feedback_card {
    background: #fff;
    padding: 30px 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    max-width: 600px;
    width: 100%;
}

.feedback_title {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 20px;
    color: #333;
}

.feedback_msg {
    text-align: center;
    padding: 10px 0;
    margin-bottom: 20px;
    font-weight: bold;
    border-radius: 6px;
}

.feedback_msg.success {
    background-color: #d4edda;
    color: #155724;
}

.feedback_msg.error {
    background-color: #f8d7da;
    color: #721c24;
}

.form_group {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.form_group label {
    font-weight: 600;
    margin-bottom: 6px;
    color: #444;
}

.form_group input,
.form_group textarea {
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 1rem;
    outline: none;
    transition: 0.3s;
}

.form_group input:focus,
.form_group textarea:focus {
    border-color: #667eea;
    box-shadow: 0 0 5px rgba(102,126,234,0.3);
}

.form_group textarea {
    resize: vertical;
    min-height: 100px;
}

.error_msgs {
    color: #e74c3c;
    font-size: 0.9rem;
    margin-top: 4px;
}

.captcha_container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.submit_btn {
    background: #667eea;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 1rem;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    transition: 0.3s;
}

.submit_btn:hover {
    background: #5a67d8;
}

/* Lightbox Overlay */

.lightbox_overlay {
    display: none;                 /*  THIS LINE IS CRITICAL */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}



.lightbox_overlay img.lightbox_img {
    max-width: 90%;
    max-height: 80%;
    border-radius: 15px;
}

.lightbox_overlay .close_btn {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    color: white;
    cursor: pointer;
}

.lightbox_overlay .prev,
.lightbox_overlay .next {
    position: absolute;
    top: 50%;
    color: white;
    font-size: 50px;
    padding: 10px;
    cursor: pointer;
    user-select: none;
    transform: translateY(-50%);
}

.lightbox_overlay .prev { left: 30px; }
.lightbox_overlay .next { right: 30px; }

/* ===== Container ===== */
.mahitipatrak_container {
	max-width: 1200px;
	margin: 50px auto;
	padding: 0 20px;
	text-align: center;
	font-family: 'Noto Sans Devanagari', sans-serif;
}

/* ===== Page Title ===== */
.page_title {
	font-size: 2.5em;
	font-weight: 700;
	color: #4ecdc4;
	margin-bottom: 40px;
	text-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

/* ===== Images Grid ===== */
.images_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	justify-items: center;
}

/* ===== Image Card ===== */
.image_card {
	background: rgba(255,255,255,0.95);
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.image_card img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.image_card:hover {
	transform: translateY(-8px) scale(1.03);
	box-shadow: 0 25px 60px rgba(0,0,0,0.2);
}

.image_card:hover img {
	transform: scale(1.05);
}

/* ===== No Data ===== */
.no_data {
	margin-top: 50px;
	color: #ff6b6b;
	text-align: center;
}

.no_data img {
	width: 400px;
	max-width: 80%;
	border-radius: 15px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.1);
	margin-bottom: 20px;
	animation: bounce 2s infinite;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
	40% { transform: translateY(-10px); }
	60% { transform: translateY(-5px); }
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
	.image_card img { height: 200px; }
}

@media (max-width: 480px) {
	.image_card img { height: 150px; }
	.page_title { font-size: 2em; }
}


/* ===== PROFESSIONAL CONTACT PAGE ===== */

body {
    background: #f6f7f9;
}

/* PAGE */
.page-container {
    max-width: 1200px;
    margin: auto;
    padding: 30px 15px 50px;
}

/* HEADER */
.page-header h1 {
    font-size: 26px;
    color: #1a237e;
    margin-bottom: 6px;
}

.header-line {
    width: 60px;
    height: 3px;
    background: #1a237e;
    margin-bottom: 30px;
}

/* LAYOUT */
.contact-wrapper {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 30px;
}

/* PANELS */
.contact-panel {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 25px;
}

.contact-panel h2 {
    font-size: 20px;
    color: #1a237e;
    margin-bottom: 20px;
}

/* INFO */
.detail-row {
    margin-bottom: 15px;
}

.label {
    font-weight: 600;
    display: block;
}

.value {
    margin-top: 4px;
    line-height: 1.6;
}

/* FORM */
.form-row {
    margin-bottom: 15px;
}

.form-row label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

.form-row input,
.form-row textarea {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #bdbdbd;
    font-size: 14px;
}

.form-row textarea {
    height: 90px;
    resize: vertical;
}

.form-row input:focus,
.form-row textarea:focus {
    outline: none;
    border-color: #1a237e;
}

.form-row small {
    color: #d32f2f;
    font-size: 12px;
}

/* BUTTON */
.submit-row {
    text-align: right;
}

button {
    background: #1a237e;
    color: #fff;
    padding: 10px 28px;
    border: none;
    font-size: 14px;
    cursor: pointer;
}

button:hover {
    background: #0d155a;
}

/* ALERTS */
.alert {
    padding: 10px;
    margin-bottom: 15px;
    font-size: 14px;
}

.alert.success {
    background: #e8f5e9;
    color: #2e7d32;
}

.alert.error {
    background: #fdecea;
    color: #c62828;
}

/* MAP */
.map-container {
    margin-top: 35px;
    border: 1px solid #e0e0e0;
}

.map-container iframe {
    width: 100%;
    height: 420px;
    border: none;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .contact-wrapper {
        grid-template-columns: 1fr;
    }
}