@charset "utf-8";
/*------------------------------------------------------------------
Project:		Balad | Govt HTML Template
Version:		1.0
AuthorName:		GramoTech
Primary use:	Govt , Political, Charity, Govt Projects 


[Color codes]
Background:			#fff (White)
Content:			#333333 (Dark)
Header:				#0B5F33 (Dark Blue)
Header 2:			#E85A2A (Dark Pink)
Footer:				#0B5F33 (Dark Blue)
Primary Color:		#E85A2A (Medium Green)
Scendry Color:		#0B5F33 (Dark Blue)


[Typography]
Body copy:			font:26px/16px 'Lato', sans-serif;
Headers:			font:40px/40px 'Lato', serif;
Input, textarea:	font:24px/16px 'Lato', sans-serif;
Sidebar heading:	font:28px/28px 'Poppins', serif;


/------------------------------------------------------------ 

[Table of contents]
1.    Theme Reset Style												=	00-00
2.    Home Page														=	00-00
2.01   Header														=	00-00
2.02   Sub Header Start												=	00-00
2.03   Main Slider Start											=	00-00
2.04   Local Boards & Services										=	00-00
2.05   Event Festivals & News Articles								=	00-00
2.06   Cityscapes & Highlights										=	00-00				
2.07   Govt. Services & Informations								=	00-00
2.08   Facts About City												=	00-00
2.09   City Officials Team											=	00-00	
2.10   Call 2 Action												=	00-00	
2.11   Footer														=	00-00
3.     Home Page Two												=	00-00		
3.02   Mayor MSG													=	00-00
3.03   Local Boards & Services										=	00-00
3.04   Emergency Numbers 											=	00-00
3.05   Event Festivals & News Articles 								=	00-00	
3.06   Highlights & Cityscapes										=	00-00
3.07   Citizens & Community Corner									=	00-00
3.08   Read Some Facts												=	00-00
3.09   City Official Members										=	00-00
3.10   Home 2 Footer												=	00-00	
4.     Home Page Three												=	00-00
4.01   Mayor Msg with Video											=	00-00	
4.02   City News													=	00-00
4.03   Department													=	00-00
4.04   Recent Events												=	00-00
4.05   Explore Community											=	00-00
4.06   Explore Community											=	00-00
5.     Event Pages													=	00-00	
6.     Sidebar Widgets												=	00-00
7.     News															=	00-00
8.     Team															=	00-00
9.     City Departments												=	00-00
10.    Services Page												=	00-00
11.    Explore City													=	00-00	
12.    Gallery Pages												=	00-00
13.    Contact Us													=	00-00
14.    Event Details												=	00-00
15.    About Us Pages												=	00-00
16.    Causes														=	00-00	
17.    Causes Listing												=	00-00
18.    Donation Page												=	00-00	
19.    Testimonials													=	00-00	
20.    Login / Register												=	00-00
21.    Coming Soon													=	00-00		
22.    Page 404														=	00-00
23.    Search Overlay												=	00-00
24.    Transition													=	00-00		
								
[Updates]

-------------------------------------------------------------------*/

/* ── DESIGN TOKENS ─────────────────────────────────────────── */
:root {
	--orange: #E8540A;
	--orange-mid: #F46B22;
	--orange-light: #FEF0E8;
	--orange-border: #F8C8AE;
	--green: #1A7A3C;
	--green-mid: #229648;
	--green-light: #E8F5EC;
	--green-border: #A8D9B8;
	--white: #FFFFFF;
	--off: #F8F9FB;
	--border: #E4E9F0;
	--text: #1D2A1F;
	--muted: #6B7A6D;
	--dark: #0E1F10;
	--shadow-sm: 0 2px 12px rgba(30, 80, 40, .08);
	--shadow-md: 0 8px 32px rgba(30, 80, 40, .12);
	--shadow-lg: 0 20px 64px rgba(30, 80, 40, .16);
	--radius-sm: 8px;
	--radius-md: 14px;
	--radius-lg: 22px;
}

/* ── RESET ─────────────────────────────────────────────────── */


@import url('../../../css');
@import url('../../../css-1');

p {
	font-family: 'Montserrat', sans-serif;
	color: #555;
	font-size: 0.9rem;
	font-weight: 400;
}

a {
	color: #333;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	font-family: 'Montserrat', sans-serif;
	color: #198754;
	margin: 0px;
	font-weight: 600;
}

body h1 {
	font-size: 2.2rem;
	padding-bottom: 1rem;
}

body h5 {
	font-size: 24px;
}

body h6 {
	font-size: 18px;
}

.wf100 {
	width: 100%;
	overflow: hidden;
}

.p80 {
	padding: 80px 0;
}

.p80-0 {
	padding: 80px 0 0;
}

.p80-50 {
	padding: 80px 0 50px;
}

.p80-40 {
	padding: 80px 0 40px;
}

.p75 {
	padding: 75px 0 80px;
}

.p75-0 {
	padding: 75px 0 0;
}

.p75-50 {
	padding: 75px 0 50px;
}

.p75-40 {
	padding: 75px 0 40px;
}

.p70 {
	padding: 70px 0;
}

body a,
body a:hover,
body a:active,
body a:visited,
body a:focus {
	text-decoration: none;
}

body :focus {
	outline: none;
	border: 0px;
}

body a:focus {
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: 0;
}

body a:focus {
	color: #E85A2A;
}

.pagebg {
	background: url(../images/teampagebg.jpg) no-repeat;
	background-size: cover;
}

.pagebg2 {
	background: url(../images/newsbg.jpg) no-repeat;
	background-size: cover;
}

/******** + ========== + Header Start + ========== + ********/

header {
	background: #fff;
	width: 100%;
}

.header .topbar {
	background: #0B5F33;
}

.topbar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.topbar ul li {
	display: inline-block;
	color: #fff;
}

.topbar ul.left-links {
	padding: 10px 0;
}

.topbar ul.left-links a {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
}

.topbar ul.left-links a:hover,
.right-links a:hover,
.left-links a:hover {
	color: rgba(255, 255, 255, .70);
}

.topbar ul.left-links li:after {
	content: "|";
	color: rgba(255, 255, 255, .20);
	line-height: 20px;
	padding: 0 13px;
}

.topbar ul.left-links li:last-child:after {
	display: none;
}

.right-links {
	text-align: right;
}

.right-links li {
	border-right: 1px solid rgba(255, 255, 255, .20);
	padding: 0 15px;
	margin-left: -5px;
}

.right-links a {
	color: #fff;
	font-size: 14px;
	line-height: 41px;
}

.logo-nav-row .navbar {
	min-height: inherit;
	margin: 0px;
	border: 0px;
}

.logo-nav-row .navbar-brand {
	padding: 15px 0;
	height: inherit;
	margin-right: 70px;
}

.logo-nav-row .navbar-nav {
	margin: 0;
}

.logo-nav-row .navbar-nav>li>a {
	padding: 31px 14px;
	text-transform: uppercase;
	font-size: 14px;
	color: #777777;
	font-weight: 700;
}

.logo-nav-row .nav .open>a,
.logo-nav-row .nav .open>a:focus,
.logo-nav-row .nav .open>a:hover,
.logo-nav-row .navbar-nav>li>a:hover {
	color: #f54337;
	background: none;
}

.logo-nav-row ul.nav.navbar-nav.navbar-right {
	margin: 0px;
}

.logo-nav-row .bars-btn,
.logo-nav-row .search-btn {
	height: 82px;
}

.logo-nav-row ul.nav.navbar-nav.navbar-right .search-btn a {
	color: #f54337;
	line-height: 82px;
	padding: 0px 18px;
	background: #feebee;
	font-size: 14px;
}

.logo-nav-row ul.nav.navbar-nav.navbar-right .bars-btn a {
	line-height: 80px;
	padding: 0 0 0 20px;
	color: #E85A2A;
	font-size: 14px;
}

.logo-nav-row .navbar-nav>li>.dropdown-menu {
	border: 0px;
	border-radius: 0px;
	padding: 10px;
	min-width: 220px;
}

.sub-menu a,
.logo-nav-row .dropdown-menu>li>a {
	display: block;
	padding: 0 15px;
	clear: both;
	font-weight: 700;
	line-height: 40px;
	color: #0B5F33;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 12px;
	background: #fff;
	border-bottom: 1px solid #f1f1f1;
}

.logo-nav-row .dropdown-menu>li:last-child>a {
	border: 0px;
}

.sub-menu a:hover,
.logo-nav-row .dropdown-menu>li>a:hover {
	background: #0B5F33;
	color: #fff;
}

.navbar-nav>li>.dropdown-menu li {
	position: relative;
}

.dropdown-menu .sub-menu {
	position: absolute;
	left: 100%;
	top: 0;
	border: 0px;
	padding: 10px;
	width: 220px;
	display: none;
	background: #fff;
	margin: 0px;
	list-style: none;
}

.navbar-nav>li>.dropdown-menu li:hover .sub-menu {
	display: block;
}

/***************  Sub Header Start  *****************/

.subheader {
	background: url(../images/subheaderbg.jpg) no-repeat;
	background-size: cover;
	padding: 110px 0;
}

.subheader h2 {
	color: #fff;
	font-weight: 700;
	margin: 0 0 20px;
}

.subheader ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.subheader ul li {
	display: inline-block;
	color: #fff;
}

.subheader ul li:after {
	content: " / ";
	padding: 0 12px;
}

.subheader ul li:last-child:after {
	display: none;
}

.subheader ul li a {
	color: #fff;
}

/***************  Sub Header End  *****************/



/******** + ========== + Header End + ========== + ********/


/******** + ========== + Main Slider Start + ========== + ********/

.main-slider img {
	width: 100%;
	height: auto;
}

.item {
	position: relative;
}

.slider-caption {
	position: absolute;
	left: 0;
	width: 100%;
	top: 175px;
	text-align: center;
}

.owl-carousel .owl-item .slider-caption img {
	display: inline-block;
	width: auto;
	margin: 0 0 20px;
}

.slide-content-box h1,
.slider-caption strong {
	color: #fff;
	font-size: 60px;
	font-family: 'Montserrat', sans-serif;
	line-height: 70px;
	display: block;
	margin: 0 0 15px;
	font-weight: 700;
}

.slider-caption strong span {
	font-weight: 400;
}

.slide-content-box p,
.slider-caption p {
	font-size: 24px;
	font-style: italic;
	color: #fff;
	line-height: 34px;
	margin: 0 0 30px;
}

.slide-content-box a,
.slider-caption a {
	background: #E85A2A;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 50px;
	display: inline-block;
	border-radius: 25px;
	padding: 0 35px;
	letter-spacing: 1px;
}

.slide-content-box a:hover,
.slider-caption a:hover {
	background: #0B5F33;
	color: #fff;
}

.main-slider .owl-dots {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 999;
}

.main-slider .owl-carousel button.owl-dot {
	margin-left: 5px;
}

.main-slider .owl-carousel button.owl-dot span {
	width: 12px;
	height: 12px;
	background: rgba(255, 255, 255, .7);
	display: block;
	border-radius: 15px;
}

.banner-tags {
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
}

.banner-tags li {
	display: inline-block;
	color: #bbbbbb;
	background: rgba(150, 35, 57, .70);
	margin-right: 2px;
	line-height: 25px;
	padding: 0 20px;
	border-radius: 13px;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
}

.banner-tags li:hover {
	background: #0B5F33;
	color: #fff;
}

/******** + ========== + Main Slider End + ========== + ********/



/******** + ========== + Local Boards & Services Start + ========== + ********/
.title-style-2,
.title-style-1 {
	margin: 0 0 27px;
}

.title-style-2 h2,
.title-style-1 h2 {
	font-weight: 700;
	color: #333;
	margin: 0 0 12px;
}

.title-style-2 p,
.title-style-1 p {
	font-size: 16px;
	line-height: 22px;
	color: #777777;
	margin: 0px;
}

.row.p5 {
	margin-right: -5px;
	margin-left: -5px;
}

.local-brands .col-md-4 {
	padding: 0 5px;
}

.local-service-box {
	width: 100%;
	border-radius: 5px;
	text-align: center;
	background: #f3f6f9;
	height: 160px;
	margin: 0 0 10px;
	padding: 20px 30px;
	position: relative;
	overflow: hidden;
}

.local-service-box:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	content: "";
	background: rgba(0, 0, 0, .10);
	opacity: 0;
}

.local-service-box img {
	margin: 0 0 20px;
	position: relative;
	z-index: 99;
}

.local-service-box a {
	display: block;
	color: #333333;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	line-height: 20px;
	position: relative;
	z-index: 99;
}

.local-service-box:hover:after {
	height: 100%;
	opacity: 1;
}

.local-service-box:hover a {
	color: #E85A2A;
}

.Mayor-msg {
	background: #E85A2A;
	width: 100%;
	float: left;
	padding: 15px;
	position: relative;
	margin: 0 0;
	border-radius: 5px;
	overflow: hidden;
}

.Mayor-msg:after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	width: 100%;
	height: 40%;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
}

.Mayor-thumb {
	position: relative;
}

.Mayor-thumb img {
	width: 100%;
	height: auto;
}

.Mayor-thumb span.Mayor-sig {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.Mayor-text {
	padding: 25px 15px 15px;
	position: relative;
	z-index: 99;
}

.Mayor-msg .Mayor-text span {
	font-style: italic;
	margin-bottom: 5px;
	display: block;
}

.Mayor-text span,
.Mayor-text p {

	font-size: 16px;
	color: #fff;
	line-height: 26px;
	margin: 0 0 25px;
	text-shadow: 0 7px 10px rgba(0, 0, 0, .12);
}

.Mayor-text h5 {
	margin: 0 0 35px;
	color: #fff;
	font-weight: 700;
	position: relative;
	text-shadow: 0 7px 10px rgba(0, 0, 0, .12);
}

.Mayor-text h5:after {
	width: 80px;
	position: absolute;
	left: 0;
	bottom: -22px;
	background: rgba(255, 255, 255, .25);
	height: 2px;
	content: "";
}

.Mayor-text a {
	background: #fff;
	font-family: 'Montserrat', sans-serif;
	border-radius: 3px;
	display: inline-block;
	color: #222222;
	font-size: 14px;
	font-weight: 500;
	line-height: 36px;
	padding: 0 20px;
}

.Mayor-text a:hover {
	background: #0B5F33;
	color: #fff;
}

.lb-box {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	border-radius: 3px;
}

.lb-box:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
	/* IE6-9 */
}

.lb-box img {
	width: 100%;
	height: auto;
}

.lb-box h6 {
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	z-index: 99;
}

.row.m5 {
	margin-right: -5px;
	margin-left: -5px;
}

.col-md-4.p5 {
	padding-right: 5px;
	padding-left: 5px;
}

.lb-box:hover img {
	transform: scale(1.07, 1.07);
	-webkit-transform: scale(1.07, 1.07);
}

.emergency-info.lb {
	margin: 0px
}

.emergency-info.lb h5 {
	padding: 20px;
}

.emergency-info.lb .panel-group .panel-heading {
	padding: 17px 0 17px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

/******** + ========== + Local Boards & Services End + ========== + ********/


/******** + ========== + Event Festivals & News Articles Start + ========== + ********/

.news-event {
	background: url(../images/newsbg.jpg) no-repeat;
	background-size: cover;
}

.title-style-2 a {
	background: #E85A2A;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	line-height: 42px;
	float: right;
	font-weight: 500;
	font-size: 14px;
	padding: 0 20px;
	border-radius: 3px;
}

.title-style-2 a:hover {
	background: #0B5F33;
	color: #fff;
}

.title-style-2 {
	margin-bottom: 30px;
}

.title-style-2 h2 {
	border-right: 1px solid #fadbe1;
	margin: 0px;
	letter-spacing: -.5px;
}

.latest-updates {
	width: 100%;
	float: left;
	background: #fff;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #e8e8e8;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .07);
}

.latest-updates h6 {
	background: #E85A2A;
	color: #fff;
	line-height: 58px;
	font-weight: 700;
	padding: 0 20px;
	text-transform: uppercase;
	position: relative;
}

.latest-updates h6 img {
	position: absolute;
	right: 0;
	bottom: 0;
}

.latest-updates ul {
	margin: 0px;
	padding: 0 20px;
	list-style: none;
}

.latest-updates ul li {
	border-bottom: 1px solid #e8e8e8;
	padding: 16px 0 16px;
	position: relative;
}

.latest-updates ul li:hover:after {
	height: 100%;
}

.latest-updates ul li:after {
	position: absolute;
	left: -20px;
	top: 0;
	width: 2px;
	height: 0;
	content: "";
	background: #E85A2A;
}

.latest-updates ul li strong {
	display: block;
	font-family: 'Montserrat', sans-serif;
	line-height: 24px;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 10px;
	letter-spacing: -.5px;
}

.latest-updates ul li strong a {
	color: #333;
}

.latest-updates ul li:last-child {
	border: 0px;
}

.event-meta li,
.latest-updates .post-date {
	color: #777;
	font-size: 14px;
}

.event-meta i,
.latest-updates .post-date i {
	color: #cccccc;
	font-size: 16px;
	margin-right: 5px;
}

.latest-updates ul li strong a:hover {
	color: #E85A2A;
}

.event-post {
	width: 100%;
	background: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .07);
	border-radius: 3px;
	overflow: hidden;
}

.event-post-txt {
	padding: 23px 28px;
}

.event-post-txt h5 {
	margin: 0 0 15px;
	font-weight: 700;
	letter-spacing: -.5px;
}

.event-post-txt h5 a {
	color: #333;
}

.event-meta {
	margin: 0 0 19px;
	padding: 0px;
	list-style: none;
}

.event-meta li {
	margin: 0 0 7px;
}

.event-post-txt p {
	line-height: 22px;
	margin: 0px;
}

.event-post-loc {
	border-top: 1px solid #eeeeee;
	color: #777;
	padding: 0 0 0 30px;
	height: 46px;
	position: relative;
	line-height: 46px;
}

.event-post-loc i {
	color: #cccccc;
	margin-right: 5px;
}

.event-post-loc a {
	float: right;
	color: #cccccc;
	border-left: 1px solid #eee;
	padding: 0 20px;
}

.event-post:hover .event-post-loc a,
.event-post:hover h5 a {
	color: #E85A2A;
}

.event-post:hover .event-post-loc a {
	background: #E85A2A;
	color: #fff;
}

.event-post:hover .event-post-loc a i {
	color: #fff;
}

.thumb {
	position: relative;
	overflow: hidden;
}

.thumb:after {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .3);
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0;
}

.thumb img {
	width: 100%;
	height: auto;
}

.new-thumb a,
.thumb a {
	position: absolute;
	left: -150px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 44px;
	height: 44px;
	background: #fff;
	border-radius: 100%;
	z-index: 99;
	text-align: center;
	line-height: 44px;
	color: #E85A2A;
	opacity: 0;
}

.new-thumb a:hover,
.thumb a:hover {
	background: #E85A2A;
	color: #fff;
}

.mb20 {
	margin-bottom: 20px;
}

.event-post:hover .thumb:after {
	opacity: 1;
}

.event-post:hover .thumb a {
	opacity: 1;
	left: 0;
}

/******** + ========== + Event Festivals & News Articles End + ========== + ********/


/******** + ========== + Cityscapes & Highlights Start + ========== + ********/

.city-highlights {
	background: url(../images/highlights-bg.jpg) no-repeat;
}

.white-text h2 {
	color: #fff;
}

.white-text p {
	color: #fff;
	width: 60%;
	margin: 0 auto;
}

.city-highlights .container-fluid {
	max-width: 1540px;
	margin: 0 auto;
}

.ch-box {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}

.ch-box .ch-thumb {
	position: relative;
}

.ch-box:hover:after {
	height: 100%;
}

.ch-box:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	content: "";
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=0);
}

.ch-box .ch-thumb a {
	position: absolute;
	left: 0;
	top: -100px;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 100%;
	line-height: 50px;
	z-index: 99;
	text-align: center;
	color: #E85A2A;
	opacity: 0;
	font-size: 16px;
}

.ch-box:hover:after {
	height: 100%;
}

.ch-box .ch-thumb a:hover {
	background: #E85A2A;
	color: #fff;
}

.ch-box:hover .ch-thumb a {
	top: -50px;
	opacity: 1;
}

.ch-box:hover .ch-txt h5 a {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.ch-box .ch-txt ul li a:hover {
	color: #E85A2A;
}

.ch-box:hover .ch-txt {
	height: 160px;
}

.ch-box:hover .ch-txt p {
	opacity: 1;
}

.ch-box .ch-txt {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 30px 30px 20px;
	z-index: 99;
	width: 100%;
	height: 115px;
}

.ch-box .ch-txt h5 {
	font-weight: 600;
	margin: 0 0 7px;
}

.ch-box .ch-txt p {
	color: #fff;
	margin: 0px;
	font-size: 14px;
	opacity: 0;
}

.ch-box .ch-txt h5 a {
	color: #fff;
}

.ch-box .ch-txt ul {
	margin: 0 0 10px;
	padding: 0px;
	list-style: none;
}

.ch-box .ch-txt ul li {
	display: inline-block;
}

.ch-box .ch-txt ul li:after {
	content: "|";
	color: #E85A2A;
	margin: 0 10px;
}

.ch-box .ch-txt ul li:last-child:after {
	display: none;
}

.ch-box .ch-txt ul li a {
	color: #fff;
	font-size: 14px;
}

.city-highlights .owl-carousel .owl-nav button.owl-next,
.city-highlights .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	left: -20px;
	top: 0;
	bottom: 0;
	width: 40px;
	height: 120px;
	margin: auto;
	background: #E85A2A;
	z-index: 99;
	color: #fff;
	border-radius: 5px 0 0px 5px;
	font-size: 0px;
}

.city-highlights .owl-carousel .owl-nav button.owl-next {
	left: inherit;
	right: -20px;
	border-radius: 0 5px 5px 0;
}

.city-highlights .owl-carousel .owl-nav button.owl-next:after,
.city-highlights .owl-carousel .owl-nav button.owl-prev:after {
	content: "\f104";
	font-family: "FontAwesome";
	font-weight: 900;
	font-size: 24px;
}

.city-highlights .owl-carousel .owl-nav button.owl-next:after {
	content: "\f105";
}

.city-highlights .owl-carousel .owl-nav button.owl-next:hover,
.city-highlights .owl-carousel .owl-nav button.owl-prev:hover {
	background: #0B5F33;
}

.ch-box .ch-txt h5 a:hover {
	color: #E85A2A;
}

/******** + ========== + Cityscapes & Highlights End + ========== + ********/



/******** + ========== + Govt. Services & Informations Start + ========== + ********/
.pb80 {
	padding: 0 0 80px;
}

.c1 {
	background: #009688;
}

.c2 {
	background: #2196f3;
}

.c3 {
	background: #4caf50;
}

.c4 {
	background: #d32f2f;
}

.c5 {
	background: #795548;
}

.c6 {
	background: #546e7a;
}

.department-box {
	width: 100%;
	float: left;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}

.department-box:hover:after {
	opacity: 1;
}

.department-box:after {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .2);
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0;
}

.department-box h6 {
	color: #fff;
	font-weight: 700;
	border-bottom: 1px solid rgba(238, 238, 238, .40);
	padding: 15px 0 15px 20px;
	position: relative;
	z-index: 98
}

.department-box ul {
	margin: 0px;
	padding: 12px 20px 13px;
	list-style: none;
	position: relative;
	z-index: 98
}

.department-box a {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	display: block;
	line-height: 30px;
	letter-spacing: -.1px;
	position: relative;
	z-index: 98
}

.department-box a i {
	color: rgba(255, 255, 255, .30);
	font-size: 6px;
	margin: 0 5px 0 0;
	position: relative;
	top: -3px;
}

.department-box a:hover {
	color: rgba(255, 255, 255, .70);
}

a.see-more {
	background: rgba(0, 0, 0, .20);
	display: inline-block;
	border-radius: 5px;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 20px 35px;
	padding: 0 20px;
}

a.see-more:hover {
	background: rgba(0, 0, 0, .40);
	color: #fff;
}

.mb30 {
	margin: 0 0 30px;
}

.emergency-info {
	background: #0B5F33;
	width: 100%;
	float: left;
	border-radius: 5px;
	margin-bottom: 10px;
}

.emergency-info h5 {
	color: #fff;
	font-weight: 600;
	text-align: center;
	padding: 15px 20px;
	line-height: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.emergency-info .panel-group {
	margin-bottom: 10px;
}

.emergency-info ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.emergency-info ul li {
	line-height: 34px;
	color: rgba(255, 255, 255, .70);
}

.emergency-info ul li i {
	color: rgba(255, 255, 255, 1);
	margin-right: 8px;
}

.emergency-info .panel-group .panel {
	background: none;
	border: 0px;
	box-shadow: none;
}

.emergency-info .panel-group .panel:last-child .panel-heading {
	border: 0px;
}

.emergency-info .panel-group .panel-heading {
	padding: 15px 0 15px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.emergency-info .panel-group .panel-heading a {
	color: #fff;
	font-weight: 600;
	display: block;
	position: relative;
}

.emergency-info .panel-group .panel-heading a:after {
	content: "\f107";
	font-family: "FontAwesome";
	font-weight: 900;
	color: #fff;
	font-size: 18px;
	position: absolute;
	right: 20px;
	top: 0;
}

.emergency-info .panel-group .panel-heading+.panel-collapse>.list-group,
.emergency-info .panel-group .panel-heading+.panel-collapse>.panel-body {
	border: 0px;
}

.query {
	background: #fff;
	border-radius: 5px;
	width: 100%;
	float: left;
	padding: 25px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
	margin-top: 7px;
}

.query ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.query h5 {
	font-weight: 600;
	color: #222;
	margin: 0 0 10px;
}

.query ul li {
	position: relative;
	padding: 0 0 0 35px;
	color: #555555;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
}

.query ul li:last-child {
	margin: 0px;
}

.query ul li strong {
	display: block;
	color: #E85A2A;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.query ul li span {
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	border: 1px solid #e6e6e6;
	border-radius: 100%;
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	color: #bbbbbb;
}

/******** + ========== + Govt. Services & Informations End + ========== + ********/

/******** + ========== + Facts About City Start + ========== + ********/

.fact-newsletter {
	background: url(../images/factsbg.jpg) no-repeat;
	background-size: cover;
}

.title-style-1.white p,
.title-style-1.white h2 {
	color: #fff;
}

.fact-newsletter .title-style-1.white p {
	width: 85%;
}

.fact-newsletter ul.counter {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.fact-box {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
	margin-bottom: 12px;
	height: 120px;
	padding: 35px 0 0 70px;
	position: relative;
}

.fact-box:hover {
	background: rgba(247, 56, 89, .7);
	border-color: #E85A2A;
}

.fact-box:hover span,
.fact-box:hover strong {
	color: #fff;
}

.fact-newsletter ul.counter .col-md-4 {
	padding: 0 6px;
}

.fact-box strong {
	color: #E85A2A;
	font-size: 36px;
	font-weight: 800;
	display: block;
	line-height: 30px;
	margin: 0 0 6px;
}

.fact-box span {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #777777;
	text-transform: uppercase;
}

.fact-box i {
	position: absolute;
	left: 20px;
	top: 45px;
	font-size: 30px;
	color: #cccccc;
}

.stay-connected {
	background: #E85A2A;
	border-radius: 5px;
	width: 100%;
	float: left;
	padding: 30px;
	margin: 16px 0 0;
}

.stay-connected ul {
	margin: 10px 0 0;
	padding: 0px;
	list-style: none;
}

.stay-connected ul li {
	margin: 0 0 20px;
}

.stay-connected ul li:last-child {
	margin: 0;
}

.stay-connected .form-control {
	border-radius: 3px;
	height: 55px;
	border: 1px solid #e8e8e8;
	line-height: 53px;
	padding: 0 20px;
	font-size: 16px;
}

.stay-connected input[type="submit"] {
	width: 100%;
	border: 0px;
	background: #0B5F33;
	color: #fff;
	height: 55px;
	line-height: 55px;
	font-family: 'Montserrat', sans-serif;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 500;
}

.stay-connected input[type="submit"]:hover {
	background: #222;
	color: #fff;
}

.stay-connected p,
.stay-connected h5 {
	color: #fff;
	margin: 0 0 15px;
}

/******** + ========== + Facts About City End + ========== + ********/


/******** + ========== + City Officials Team Start + ========== + ********/
.city-team {
	background: url(../images/teambg.jpg) no-repeat;
	background-size: cover;
}

.p80-p50 {
	padding: 80px 0 50px;
}

.city-team .title-style-1 p {
	width: 70%;
	margin: 0 auto;
}

.team-box {
	width: 100%;
	float: left;
	background: #fff;
	overflow: hidden;
	border-radius: 5px;
	margin: 0 0 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
}

.team-box .team-thumb {
	width: 47.5%;
	float: left;
	overflow: hidden;
	position: relative;
}

.team-box .team-txt {
	width: 52.5%;
	float: left;
	padding: 27px 30px 0 30px;
}

.team-box .team-thumb img {
	width: 100%;
	height: auto;
}

.team-box .team-txt h5 {
	font-weight: 700;
	margin: 0 0 7px;
}

.team-box .team-txt strong {
	font-weight: 500;
	color: #f63859;
	font-style: italic;
	font-size: 16px;
	display: block;
	margin: 0 0 7px;
}

.team-box .team-txt p {
	margin: 0 0 17px;
	line-height: 22px;
}

ul.team-social {
	margin: 0px;
	padding: 13px 0 0;
	list-style: none;
	border-top: 1px solid #eeeeee;
	position: relative;
}

.team-box:hover ul.team-social:after {
	width: 100%;
}

ul.team-social:after {
	position: absolute;
	left: 0;
	top: -1px;
	width: 0;
	height: 1px;
	background: #f63859;
	content: "";
}

ul.team-social li {
	display: inline-block;
	margin: 0 5px 0 0;
	color: #999;
}

ul.team-social a {
	color: #bbb;
}

ul.team-social a:hover {
	color: #f63859;
}

.team-box .team-thumb:after {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .5);
	content: "";
	width: 100%;
	height: 100%;
	opacity: 0;
}

.team-box .team-thumb a {
	position: absolute;
	left: -90px;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 45px;
	height: 45px;
	background: #fff;
	border-radius: 100%;
	color: #f63859;
	text-align: center;
	line-height: 45px;
	z-index: 333;
	opacity: 0;
}

.team-box:hover .team-thumb:after {
	opacity: 1;
}

.team-box:hover .team-thumb a {
	opacity: 1;
	left: 0;
}

.team-box .team-thumb a:hover {
	background: #f63859;
	color: #fff;
}

.team-box:hover .team-txt h5 {
	color: #f63859;
}

.team-box:hover .team-txt strong {
	color: #222;
}

/******** + ========== + City Officials Team End + ========== + ********/


/******** + ========== + Call 2 Action Start + ========== + ********/

.call2action {
	background: url(../images/call2action.jpg) no-repeat;
	background-size: cover;
	text-align: center;
}

.call2action p {
	font-size: 32px;
	font-style: italic;
	color: #e1e1e1;
	font-weight: 300;
	line-height: 45px;
	margin: 30px 0;
}

.call2action a {
	background: #f63859;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	padding: 0 35px;
	line-height: 55px;
	border-radius: 5px;
}

.call2action a:hover {
	background: #2eafe7;
	color: #fff;
}

/******** + ========== + Call 2 Action End + ========== + ********/


/******** + ========== + Footer Start + ========== + ********/

.footer {
	background: #333333;
	padding: 20px 0;
}

.footer p.copyr {
	color: #888888;
	margin: 0px;
}

.footer p.copyr a {
	color: #f63859;
}

.footer p.copyr a:hover {
	color: #fff;
}

.footer-social {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
}

.footer-social li {
	display: inline-block;
	margin-left: 10px;
}

.footer-social a {
	color: #616161;
	font-size: 18px;
}

.footer-social a:hover {
	color: #f63859;
}

/******** + ========== + Footer End + ========== + ********/



/******** + ========== + Home Page Two Start + ========== + ********/





/*** + === + Mayor MSG Start + === + ***/

.h2-Mayor-msg {
	background: url(../images/flagbg.jpg) right top no-repeat #E85A2A;
	padding: 30px;
	border-radius: 3px;
	width: 100%;
	float: left;
}

.h2-Mayor-msg .Mayor-img {
	width: 34%;
	overflow: hidden;
	float: left;
	position: relative;
}

.h2-Mayor-msg .Mayor-img img {
	border-radius: 5px;
	width: 100%;
	height: auto;
}

.h2-Mayor-msg .msig {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 99;
}

.h2-Mayor-msg .Mayor-txt {
	width: 66%;
	float: left;
	padding-left: 30px;
}

.h2-Mayor-msg .Mayor-txt p {
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	font-style: italic;
	margin: 0 0 20px;
}

.h2-Mayor-msg .Mayor-txt a {
	background: #fff;
	display: inline-block;
	border-radius: 17px;
	line-height: 34px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	color: #333;
	letter-spacing: 2px;
	padding: 0 20px;
}

.h2-Mayor-msg .Mayor-txt h4 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	margin: 4px 0 13px;
}

.h2-Mayor-msg .Mayor-txt strong {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}

.h2-Mayor-msg .Mayor-txt a:hover {
	background: #0B5F33;
	color: #fff;
}

.city-tour {
	position: relative;
	width: 100%;
	float: left;
	overflow: hidden;
	border-radius: 5px;
}

.city-tour strong {
	position: absolute;
	left: -5px;
	top: 20px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 30px;
	padding: 0 15px;
	letter-spacing: 2px;
	border-radius: 3px;
}

.city-tour a {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.city-tour a:hover img {
	opacity: .7;
}

/*** + === + Mayor MSG End + === + ***/


/*** + === + Local Boards & Services Start + === + ***/



.section-title h2,
h3,
h4,
h5 {
	font-weight: 600;
	color: #333;
	margin: 0 0 13px;
	font-size: 2rem;
	padding-bottom: 1rem;
}

.section-title p {
	color: #777777;
	font-size: 16px;
	margin: 0px;
	font-weight: 400;
}

/*** + === + Local Boards & Services End + === + ***/



.h2-local-brands {
	background: url(../images/worldmap-dots.jpg) bottom left no-repeat;
}

.local-brands .title-style-1 {
	margin-bottom: 32px;
}

.h2-local-brands .col-md-3 {
	padding: 0 6px;
}

.local-box {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	margin: 0 0 10px;
}

.local-box:after {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 75%;
	content: "";
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.local-box a {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	padding: 20px;
	z-index: 999;
}

.local-box:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.local-box img {
	width: 100%;
	height: auto;
}

.local-box:hover:after {
	height: 100%;
}

.local-box:hover a {
	color: #f63859;
}

.lb-ser-box {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.lb-ser-box li {
	position: relative;
	width: 100%;
	float: left;
	margin: 0 0 30px;
}

.lb-ser-box li:last-child {
	margin: 0px;
}

.lb-ser-box .lb-icon {
	background: url(../images/icobox.png);
	width: 83px;
	height: 83px;
	float: left;
	text-align: center;
	line-height: 83px;
	margin-right: 16px;
}

.lb-ser-box .lb-icon img {
	width: 50px;
	height: auto;
}

.lb-ser-box h6 {
	font-weight: 700;
	color: #333333;
	margin: 0 0 5px;
}

.lb-ser-box p {
	margin: 0px;
	color: #777777;
	font-size: 14px;
	line-height: 24px;
}

.lb-ser-box li:hover .lb-icon {
	opacity: .7;
}

/*** + === + Local Boards & Services End + === + ***/




/*** + === + Emergency Numbers Start + === + ***/

.emergency-numbers {
	background: url(../images/h2factsbg.jpg) no-repeat;
	background-size: cover;
	padding: 60px 0;
}

.newsletter-form {
	background: url(../images/em-formbg.jpg) no-repeat top #fd8d0d;
	border-radius: 3px;
	padding: 30px 30px 35px;
	background-size: cover;
}

.newsletter-form h5 {
	color: #fff;
	font-weight: 700;
	margin: 0 0 20px;
}

.newsletter-form ul {
	list-style: none;
	padding: 0px;
	margin: 0 -6px 0;
}

.newsletter-form ul li.col-md-6 {
	padding: 0 6px;
}

.newsletter-form .form-control {
	border: 1px solid #e8e8e8;
	box-shadow: none;
	padding: 0 20px;
	line-height: 53px;
	height: 55px;
	margin: 0 0 15px;
}

.newsletter-form button {
	float: right;
	border: 0px;
	padding: 0 40px;
	background: #f43758;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	line-height: 55px;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 500;
}

.newsletter-form button:hover {
	background: #fff;
	color: #f43758;
}

.newsletter-form p {
	color: #fff;
	margin: 5px 0 0;
	font-style: italic;
}

.e-numbers {
	position: relative;
}

.e-numbers .info-num {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}

.e-numbers .info-num strong {
	color: #E85A2A;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px;
}

.e-numbers .info-num h3 {
	font-weight: 300;
	color: #0B5F33;
	font-size: 28px;
}

.department-links h5 {
	margin: 0 0 20px;
	color: #333;
	font-weight: 700;
}

.e-numbers h5 {
	color: #333;
	font-weight: 700;
	margin: 0 0 8px;
}

.e-numbers p {
	margin: 0 0 17px;
	font-style: italic;
	color: #777777;
	font-size: 16px;
}

.e-numbers ul {
	padding: 0px;
	list-style: none;
	margin-bottom: 0px;
}

.e-numbers .em-box {
	background: #fff;
	border: 1px solid #d7d7d7;
	width: 100%;
	float: left;
	padding: 20px 25px;
	border-radius: 3px;
	height: 165px;
}

.e-numbers .em-box:hover {
	background: #E85A2A;
	border-color: #E85A2A;
}

.e-numbers .em-box:hover i,
.e-numbers .em-box:hover strong.em-deprt,
.e-numbers .em-box:hover strong.em-num {
	color: #fff;
}

.e-numbers .em-box i {
	font-size: 30px;
	color: #bbbbbb;
}

.e-numbers .em-box strong.em-num {
	font-size: 36px;
	color: #E85A2A;
	font-weight: 900;
	display: block;
}

.e-numbers .em-box strong.em-deprt {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #777;
	font-weight: 600;
}

/*** + === + Emergency Numbers End + === + ***/


/*** + === + Event Festivals & News Articles Start + === + ***/


.h2-news-articles {
	background: #fafafa;
}

.event-post-full {
	background: #fff;
	width: 100%;
	float: left;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);
	overflow: hidden;
	border-radius: 3px;
	margin-bottom: 30px;
}

.event-post-full .thumb {
	width: 360px;
	float: left;
	position: relative;
	overflow: hidden;
}

.event-post-full .event-post-content {
	width: 390px;
	float: left;
}

.event-post-full .event-post-txt {
	padding: 20px 30px 0;
	width: 100%;
}

.event-post-full .event-post-txt p {
	margin: 0 0 20px;
}

.event-post-full:hover .event-post-loc a,
.event-post-full:hover .event-post-txt h5 a {
	color: #f63859;
}

span.ecat {
	background: #E85A2A;
	display: inline-block;
	color: #fff;
	line-height: 24px;
	border-radius: 15px;
	padding: 0 12px;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 17px;
}

.btn-group.share-post {
	float: right;
}

.btn-group.share-post button.dropdown-toggle {
	background: none;
	border: 0;
	font-size: 12px;
	color: #cccccc;
	text-transform: uppercase;
}

.btn-group.share-post button.dropdown-toggle:hover {
	color: #E85A2A;
}

.btn-group.share-post .dropdown-menu {
	border: 0px;
	width: 35px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	min-width: inherit;
	left: 0;
	right: 0;
	margin: 5px auto;
}

.btn-group.share-post .dropdown-menu>li>a {
	padding: 5px 0;
}

body .btn-group.open .dropdown-toggle {
	box-shadow: none;
	-webkit-box-shadow: none;
}

.share-post .fb {
	color: #3b5998;
}

.share-post .tw {
	color: #38a1f3;
}

.share-post .insta {
	color: #e1306c;
}

.share-post .yt {
	color: #ff0000;
}

.share-post .linked {
	color: #0077b5;
}

.share-post .pin {
	color: #bd081b;
}

.news-post {
	width: 100%;
	float: left;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);
	background: #fff;
}

.event-post-full:hover,
.news-post:hover {
	box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.07);
}

.image-post .thumb:before {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .60);
	width: 100%;
	height: 100%;
	content: "";
}

.image-post .news-post-txt {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
}

.image-post .news-meta li,
.image-post .news-post-txt p,
.image-post .news-post-txt h5 a {
	color: #fff;
}

.news-post-txt h5 {
	font-weight: 700;
	margin: 0 0 15px;
	line-height: 30px;
	letter-spacing: -.5px;
}

.news-post-txt h5 a {
	color: #333333;
}

.news-post-txt p {
	margin: 0 0 30px;
	font-size: 16px;
	color: #777777;
	line-height: 22px;
	letter-spacing: -0.1px;
}

.news-meta {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.news-meta li {
	display: inline-block;
	color: #999999;
	font-size: 14px;
}

.news-meta li:after {
	content: "|";
	margin: 0 5px;
	color: #999999;
	font-style: normal;
}

.news-meta li:last-child:after {
	display: none;
}

.news-meta .post-user {
	color: #E85A2A;
	font-style: italic;
}

.post-user img {
	border-radius: 100%;
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	margin-right: 3px;
}

.news-post .news-post-txt {
	padding: 20px 30px;
}

.thumb .ecat {
	position: absolute;
	left: 30px;
	top: 20px;
	z-index: 99;
}

.thumb .share-post {
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 99;
}

.ecat.c1 {
	background-color: #E85A2A;
}

.ecat.c2 {
	background-color: #f7941d;
}

.ecat.c3 {
	background-color: #0B5F33;
}

.ecat.c4 {
	background-color: #72bf44;
}

.ecat.c5 {
	background-color: #00a98f;
}

.ecat.c6 {
	background-color: #74d2e7;
}

.ecat.c7 {
	background-color: #c2c0bf;
}

.ecat.c8 {
	background-color: #ff8100;
}

.ecat.c9 {
	background-color: #168de2;
}

.news-post:hover .news-post-txt h5 a {
	color: #f63859;
}

.event-post-full:hover .thumb a {
	left: 0;
	opacity: 1;
}

/*** + === + Event Festivals & News Articles End + === + ***/



/*** + === + Highlights & Cityscapes Start + === + ***/

.hc-box {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
}

.hc-box:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d9000000', GradientType=0);
}

.hc-box .hc-box-cap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 30px 40px;
	z-index: 999;
	height: 115px;
}

.hc-box .hc-box-cap h5 {
	margin: 0 0 20px;
	font-weight: 700;
}

.hc-box .hc-box-cap h5 a {
	color: #fff;
}

.hc-box .hc-box-cap ul {
	margin: 0 0 10px;
	padding: 0px;
	list-style: none;
}

.hc-box .hc-box-cap li {
	color: #fff;
	display: inline-block;
	font-size: 14px;
}

.hc-box .hc-box-cap li a {
	color: #fff;
}

.hc-box .hc-box-cap li:after {
	content: "|";
	margin: 0 10px;
	color: #E85A2A;
}

.hc-box .hc-box-cap li:last-child:after {
	display: none;
}

.highlights-cityscapes .owl-carousel .owl-nav button.owl-prev,
.highlights-cityscapes .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: #E85A2A;
	font-size: 0px;
	opacity: .3;
}

.highlights-cityscapes .owl-carousel .owl-nav button.owl-prev {
	right: inherit;
	left: 10px;
}

.highlights-cityscapes .owl-carousel .owl-nav button.owl-prev:after {
	content: "\f053";
	font-family: FontAwesome;
	font-weight: 700;
	color: #fff;
	font-size: 20px;
}

.highlights-cityscapes .owl-carousel .owl-nav button.owl-next:after {
	content: "\f054";
	font-family: FontAwesome;
	font-weight: 700;
	color: #fff;
	font-size: 20px;
}

.highlights-cityscapes .owl-carousel .owl-nav button.owl-prev:hover,
.highlights-cityscapes .owl-carousel .owl-nav button.owl-next:hover {
	background: #E85A2A;
	opacity: 1;
}

.hc-box:hover .hc-box-cap h5 a,
.hc-box:hover .hc-box-cap li a {
	color: #E85A2A;
}

.hc-box .hc-box-cap p {
	color: #fff;
	font-size: 14px;
	margin: 0px;
	opacity: 0;
}

.hc-box:hover .hc-box-cap p {
	opacity: 1;
}

.hc-box:hover .hc-box-cap {
	height: 170px;
}

/*** + === + Highlights & Cityscapes End + === + ***/



/*** + === + Citizens & Community Corner Start + === + ***/

.community-links {
	background: url(../images/citizenbg.jpg) no-repeat;
	background-size: cover;
}

.community-box {
	background: #fff;
	width: 100%;
	float: left;
	position: relative;
	border-radius: 5px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .07);
}

.community-box:hover {
	box-shadow: 0px 10px 25px rgba(0, 0, 0, .20);
}

.community-box:hover a.see-more {
	background: #f63859;
	color: #fff;
	border-color: #f63859;
}

.community-box h6 {
	color: #0B5F33;
	border-bottom: 1px solid #eeeeee;
	line-height: 53px;
	font-weight: 700;
	padding-left: 20px;
}

.community-box ul {
	margin: 0px;
	padding: 20px;
	list-style: none;
}

.community-box ul li i {
	font-size: 7px;
	color: #cccccc;
	margin-right: 7px;
}

.community-box ul li a {
	font-size: 14px;
	line-height: 30px;
	color: #444444;
}

.community-box a.see-more {
	border: 1px solid #e1e1e1;
	background: #f0f0f0;
	color: #777777;
	display: inline-block;
	line-height: 25px;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 600;
}

.community-box span {
	position: absolute;
	right: 0;
	bottom: 0;
}

.community-box ul li a:hover {
	color: #E85A2A;
}

.community-box a.see-more:hover {
	background: #E85A2A;
	color: #fff;
	border-color: #E85A2A;
}

/*** + === + Citizens & Community Corner End + === + ***/





/*** + === + Read Some Facts Start + === + ***/

.some-facts {
	background: url(../images/factsbg3.jpg) no-repeat;
	background-size: cover;
	padding: 60px 0;
}

.some-facts h2 {
	color: #fff;
	text-align: center;
	font-weight: 700;
	margin: 0 0 30px;
}

.some-facts ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.some-facts ul li {
	float: left;
	width: 25%;
	text-align: center;
	border-right: 2px solid rgba(255, 255, 255, .35);
	padding: 20px 0;
}

.some-facts ul li:last-child {
	border: 0px;
}

.facts-icon {
	width: 84px;
	height: 84px;
	text-align: center;
	line-height: 80px;
	margin: 0 auto 20px;
	border-radius: 100%;
	font-size: 36px;
	color: #d32f2f;
	transition: box-shadow 0.2s;
	position: relative;
	background: #fff;
}

.some-facts h2 {
	color: #fff !important;
}

.some-facts strong {
	display: block;
	color: #fff;
	font-size: 36px;
	font-weight: 700;
}

.some-facts span {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}

.some-facts ul li:hover .facts-icon {
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
	color: #198754;
}

.facts-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 2px #f63859;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-radius: 100%;
}

.some-facts ul li:hover:hover .facts-icon:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}

.some-facts ul li:hover strong {
	color: #f9ffad;
}

/*** + === + Read Some Facts End + === + ***/





/*** + === + City Official Members Start + === + ***/
.official-members {
	background: #fff;
}

.official-members .team-box {
	margin: 0px;
}

.official-members .team-box .team-txt,
.official-members .team-box .team-thumb {
	width: 100%;
	text-align: center;
}

.official-members .team-box .team-txt {
	padding: 17px 20px;
}

.team-heading {
	padding: 100px 0 0;
}

.team-heading h2 {
	font-weight: 700;
	line-height: 50px;
	margin: 0 0 10px;
}

.team-heading p {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 20px;
}

.team-heading a {
	background: #E85A2A;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	text-transform: 700;
	font-size: 12px;
	line-height: 33px;
	border-radius: 18px;
	display: inline-block;
	padding: 0 20px;
	text-transform: uppercase;
}

.team-heading a:hover {
	background: #0B5F33;
	color: #fff;
}

/*** + === + City Official Members End + === + ***/



/*** + === + Home 2 Footer Start + === + ***/

.main-footer {
	background: url(../images/footerbg.jpg) no-repeat;
	background-size: cover;
	padding: 60px 0;
}

.home3.main-footer {
	background: url(../images/h3footerbg.jpg) no-repeat;
	background-size: cover;
}

.home3.footer {
	background: #E85A2A;
}

.home3.footer p.copyr {
	color: #fff;
}

.home3.footer a,
.home3.footer p a {
	color: #fff;
}

.footer-widget h6 {
	font-size: 22px;
	color: #fff;
	margin: 0;
	font-weight: 600;
	margin-bottom: 16px;
}

.footer-widget ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.footer-widget ul li {
	line-height: 32px;
}

.footer-widget ul li a {
	color: #fff;
	font-size: 16px;
}

.footer-widget ul li a i {
	font-size: 8px;
	margin-right: 8px;
}

.footer-widget ul li a:hover {
	color: #E85A2A;
}

.textwidget address ul {
	margin: 20px 0 0;
	padding: 0px;
	list-style: none;
}

.textwidget address ul li {
	color: #fff;
	margin: 0 0 20px;
	padding: 0 0 0 26px;
	position: relative;
}

.textwidget address ul li i {
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 14px;
}

.textwidget address ul li strong {
	display: block;
	font-weight: 500;
}

.twitter-widget {
	background: #38a1f3;
	border-radius: 5px;
	position: relative;
}

.tw-txt {
	padding: 30px 30px 17px 30px;
}

.twitter-widget h6 {
	color: #fff;
	margin: 0 0 20px;
}

.twitter-widget a.reply-tw {
	position: absolute;
	right: 24px;
	top: 24px;
	border: 2px solid #fff;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 28px;
	border-radius: 100%;
	font-size: 12px;
}

.twitter-widget p {
	color: #fff;
	font-size: 16px;
	padding: 0 10px 0 0;
	margin: 0px;
}

.tw-footer {
	border-top: 1px solid rgba(255, 255, 255, .20);
	padding: 10px 30px;
	color: #fff;
	position: relative;
	font-size: 14px;
}

.tw-footer strong {
	font-size: 12px;
	font-weight: 600;
	display: block;
	text-transform: uppercase;
}

.tw-footer i {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 60px;
	color: rgba(255, 255, 255, .20);
}

.twitter-widget a.reply-tw:hover {
	color: #0B5F33;
	border-color: #0B5F33;
}

/*** + === + Home 2 Footer End + === + ***/

.main-content {
	background: #fff;
	width: 100%;
	float: left;
	position: relative;
	z-index: 99;
}

#site-footer {
	position: relative;
	z-index: 1;
}

#call-2-action {
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
}

#call-2-action .container {
	padding: 40px 0;
}

.owl-carousel .owl-item img {
	height: auto;
}

/******** + ========== + Home Page Two End + ========== + ********/


/******** + ========== + Home Page Three Start + ========== + ********/

.header-two {
	width: 100%;
	float: left;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
}

.header-two .topbar {
	background: url(../images/npatt.png) #12498a;
}

.header-two .topbar p {
	margin: 0px;
	color: #fff;
	line-height: 40px;
}

.header-two .topbar p a {
	font-weight: 700;
	color: #fff;
}

.become-vol {
	float: right;
	background: #E85A2A;
	line-height: 40px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0 20px;
	font-size: 14px;
}

.cross-btn {
	float: right;
	background: rgba(0, 0, 0, .30);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	width: 45px;
	text-align: center;
	line-height: 40px;
}

.cross-btn:hover {
	background: #E85A2A;
	color: #fff;
}

.become-vol:hover {
	background: #f54337;
	color: #fff;
}

.h3-logo-row {}

.h3-logo-row .h3-logo {
	text-align: center;
	padding: 19px 0;
}

.h3-logo-row ul.quick-links {
	margin: 20px 0 14px;
	padding: 0;
	list-style: none;
	width: 50%;
	float: left;
}

.h3-logo-row ul.quick-links li {
	float: left;
	margin: 0 5px 5px 0;
}

.h3-logo-row ul.quick-links li a {
	border: 1px solid #e1e1e1;
	line-height: 20px;
	display: block;
	border-radius: 3px;
	background: #f7f7f7;
	color: #888888;
	font-size: 12px;
	padding: 0 10px;
}

.h3-logo-row ul.quick-links li a:hover {
	background: #f54337;
	color: #fff;
	border-color: #f54337;
}

.header-contact {
	margin: 20px 0 0;
	padding: 0px;
	list-style: none;
	float: right;
}

.header-contact li {
	float: left;
	border-right: 1px solid #eeeeee;
	text-align: left;
	padding: 7px 15px;
	font-size: 12px;
}

.header-contact li span {
	display: block;
	color: #222;
}

.header-contact i {
	color: #222;
	font-size: 16px;
}

.city-exp i {
	float: left;
	margin: 10px 15px 0 0;
}

.city-exp strong {
	float: left;
	font-weight: 400;
}

li.header-weather {
	line-height: 34px;
}

.h3-navbar {
	border-top: 1px solid #eeeeee;
}

.h3-navbar .navbar {
	position: relative;
	min-height: inherit;
	margin-bottom: 0;
	border: 0px solid transparent;
}

.header .navbar-collapse,
.h3-navbar .navbar-collapse {
	padding: 0px;

}

.h3-navbar .navbar .navbar-nav>li>a {
	padding: 0px 12px;
	line-height: 60px;
	position: relative;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	color: #333333;
}

.h3-navbar .navbar .navbar-nav>li>a:after {
	position: absolute;
	left: 0;
	top: -1px;
	width: 0;
	height: 3px;
	background: #d7d7d7;
	content: "";
}

.h3-navbar .nav .open>a,
.h3-navbar .nav .open>a:focus,
.h3-navbar .nav .open>a:hover,
.h3-navbar .nav>li>a:focus,
.h3-navbar .nav>li>a:hover,
.h3-navbar .navbar .navbar-nav>li>a:hover {
	background: none;
	color: #f54337;
}

.h3-navbar .navbar .navbar-nav>li>a:hover:after {
	width: 100%;
}

.h3-navbar .navbar .navbar-nav>li.open>a:after {
	width: 100%;
}

.h3-navbar .dropdown-menu {
	display: none;
	min-width: 220px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	background: #fff;
	border: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0px;
}

.h3-navbar .dropdown-menu .sub-menu {
	display: none;
	min-width: 220px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	background: #fff;
	border: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0px;
}

.h3-navbar .dropdown-menu .sub-menu a,
.h3-navbar .dropdown-menu a {
	display: block;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	border-bottom: 1px solid #eee;
	background: #fff;
	color: #444;
}

.h3-navbar .dropdown-menu a:hover {
	background: #eee;
	color: #f54337;
}

.h3-navbar ul.navbar-right {
	margin: 15px 0 0;
	padding: 0px;
	list-style: none;
	float: right;
}

.h3-navbar ul.navbar-right li {
	float: left;
	margin: 0 0 0 15px;
}

.h3-navbar ul.navbar-right li.search-form {
	width: 220px;
}

.h3-navbar .donate-btn a {
	background: #E85A2A;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	line-height: 30px;
	display: block;
	border-radius: 15px;
	padding: 0 20px;
}

.h3-navbar .navbar-form {
	padding: 0px;
	margin: 0px;
	height: 30px;
	border: 1px solid #e1e1e1;
	position: relative;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 15px;
	padding: 0 12px;
	font-size: 12px;
}

.h3-navbar .navbar-form .form-control {
	border: 0px;
	width: 100%;
	box-shadow: none;
	outline: none;
	height: 30px;
	line-height: 30px;
	background: none;
}

.h3-navbar .navbar-form button {
	position: absolute;
	right: 0;
	top: 0;
	background: none;
	border: 0;
	line-height: 28px;
	padding: 0 12px;
	border-left: 1px solid #e1e1e1;
}

.h3-slider-caption {
	position: absolute;
	left: 0;
	width: 100%;
	top: 175px;
	text-align: left;
}

.h3-slider-caption strong {
	color: #fff;
	font-size: 60px;
	font-family: 'Montserrat', sans-serif;
	line-height: 70px;
	display: block;
	margin: 0 0 20px;
	text-shadow: 0 5px 10px rgba(0, 0, 0, .12);
}

.h3-slider-caption p {
	font-size: 24px;
	font-style: italic;
	color: #fff;
	line-height: 34px;
	margin: 0 0 30px;
}

.h3-slider-caption a {
	background: #E85A2A;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 50px;
	display: inline-block;
	border-radius: 25px;
	padding: 0 35px;
	letter-spacing: 1px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .12);
}

.h3-slider-caption a:hover {
	background: #0B5F33;
	color: #fff;
}

/*********** Mayor Msg with Video Start ***********/

.Mayor-video-msg {
	background: url(../images/npatt.png);
	padding: 40px 0 60px;
}

.Mayor-welcome h5 {
	font-weight: 700;
	color: #fff;
	margin: 0 0 16px;
}

.Mayor-welcome p {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	margin: 0 0 31px;
}

.Mayor-welcome h6 {
	font-weight: 600;
	color: #fff;
	margin: 0 0 6px;
	position: relative;
}

.Mayor-welcome strong {
	color: #fff;
	font-size: 14ppx;
	font-style: italic;
	font-weight: 500;
}

.Mayor-welcome h6:after {
	position: absolute;
	left: 0;
	top: -14px;
	background: rgba(255, 255, 255, .20);
	width: 80px;
	height: 2px;
	content: "";
}

.Mayor-video-msg .city-tour {
	margin-top: -90px;
	box-shadow: 6px 10px 20px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 6px 10px 20px rgba(0, 0, 0, .15);
}

/*********** Mayor Msg with Video End ***********/


/*********** City News Start ***********/

.city-news {
	background: #f7f7f7;
}

.title-style-3 {
	margin-bottom: 25px;
}

.title-style-3 h3 {
	margin: 0 0 15px;
	color: #333333;
	font-weight: 700;
}

.title-style-3 p {
	margin: 0px;
	color: #777777;
	font-size: 16px;
	font-style: italic;
	position: relative;
	padding-left: 21px;
}

.title-style-3 p:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 15px;
	height: 2px;
	background: #E85A2A;
	content: "";
}

.news-box {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, .07);
}

.new-txt {
	padding: 20px;
}

.new-txt h6 {
	line-height: 26px;
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px;
	letter-spacing: -.5px;
}

.new-txt h6 a {
	color: #222;
}

.new-txt h4 {
	line-height: 28px;
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 15px;
}

.new-txt h4 a {
	color: #222;
}

.new-txt h5 {
	font-weight: 600;
	margin: 0 0 10px;
}

.new-txt p {
	color: #777777;
	line-height: 24px;
	margin: 0px;
	font-size: 16px;
}

.new-txt ul.news-meta {
	margin: 0 0 10px;
	padding: 0px;
	list-style: none;
	width: 100%;
	float: left;
}

.new-txt ul.news-meta li {
	float: left;
	font-size: 12px;
	color: #777;
	font-weight: 400;
	text-transform: uppercase;
}

.new-txt ul.news-meta li:after {
	content: "|";
	color: #cccccc;
	padding: 0 12px;
}

.new-txt li:last-child:after {
	display: none;
}

.new-thumb {
	position: relative;
	overflow: hidden;
}

.new-thumb img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.new-thumb:after {
	background: rgba(0, 0, 0, .50);
	width: 100%;
	height: 0%;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	z-index: 9;
	opacity: 0;
}

.new-thumb .cat {
	position: absolute;
	right: -3px;
	top: 20px;
	color: #fff;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	line-height: 22px;
	padding: 0 20px;
	border-radius: 3px;
	z-index: 99;
}

.news-box-f {
	border-top: 1px solid #eeeeee;
	overflow: hidden;
	line-height: 50px;
	color: #777777;
	font-style: italic;
	font-size: 14px;
	font-weight: 600;
	position: relative;
}

.news-box-f img {
	width: 30px;
	height: 30px;
}

.news-box:hover .news-box-f:after {
	width: 100%;
}

.news-box-f:after {
	position: absolute;
	left: 0;
	top: -1px;
	width: 0;
	height: 1px;
	background: #E85A2A;
	content: "";
}

.news-box-f img {
	border-radius: 100%;
	margin: 0 10px 0 25px;
}

.news-box-f a {
	float: right;
	border-left: 1px solid #eee;
	width: 54px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #bbbbbb;
}

.news-box:hover .new-thumb:after {
	height: 100%;
	opacity: 1;
}

.news-box:hover .news-box-f a {
	background: #E85A2A;
	color: #fff;
}

.news-box:hover .new-txt h6 a {
	color: #E85A2A;
}

.news-box:hover {
	box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, .20);
}

.news-details .new-txt p {
	margin: 0 0 20px;
}

.news-details blockquote {
	width: 85%;
	background: #0B5F33;
	overflow: hidden;
	margin: 0 auto 20px;
	border: 0px;
	border-radius: 3px;
	padding: 25px;
	position: relative;
}

.news-details blockquote p {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	color: #fff;
	font-style: italic;
	line-height: 32px;
}

.single-post-tags {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}


.single-post-tags a {
	display: inline-block;
	border: 1px solid #e1e1e1;
	background: #fff;
	color: #888888;
	font-size: 12px;
	font-weight: 500;
	line-height: 29px;
	padding: 0 20px;
	border-radius: 3px;
	margin-right: 3px;
	margin-bottom: 0.5rem;
}

.single-post-tags a:hover {
	background: #0B5F33;
	border-color: #0B5F33;
	color: #fff;
}

.about-post-author {
	background: #f5f5f5;
	border-radius: 3px;
	width: 100%;
	float: left;
	position: relative;
	padding: 30px 30px 30px 145px;
	margin-bottom: 50px;
}

.about-post-author h5 {
	font-weight: 700;
}

.news-details .about-post-author p {
	margin: 0px;
}

.about-post-author img {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	position: absolute;
	left: 30px;
	top: 30px;
}

.post-comments {
	width: 100%;
	float: left;
}

ul.comments {
	width: 100%;
	float: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

ul.comments .comment {
	width: 100%;
	float: left;
	margin-bottom: 25px;
	position: relative;
	padding-left: 85px;
}

.user-thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
	height: 70px;
	overflow: hidden;
}

.user-thumb img {
	width: 100%;
	height: auto;
	border-radius: 100%;
}

ul.post-time {
	position: absolute;
	right: 0;
	top: 5px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.post-time li {
	float: left;
	margin-left: 10px;
	color: #888888;
	font-size: 14px;
}

ul.post-time a {
	color: #888888;
}

ul.post-time a i {
	color: #0B5F33;
	font-size: 12px;
}

.user-comments {
	float: left;
	width: 100%;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 21px;
}

.user-comments h6 {
	margin-bottom: 10px;
}

.user-comments p {
	font-size: 14px;
	line-height: 24px;
	margin: 0px;
}

.child-comments {
	width: 100%;
	float: left;
	margin: 25px 0 0;
	list-style: none;
	padding: 0px;
}

.clinks,
.clinks a {
	color: #919da6;
}

.child-comments .user-comments {
	padding-right: 20px;
}

.aname {
	display: inline-block;
}

span.ctime {
	font-size: 12px;
	color: #919da6;
}

ul.rep-comments {
	width: 85%;
	background: #fff;
	border-radius: 5px;
	float: left;
	padding: 0px;
	list-style: none;
	margin: 20px 0 0 68px;
	padding: 20px;
}

.comment-form {
	width: 100%;
	float: left;
	padding: 30px;
}

.comment-form h3 {
	margin-bottom: 20px;
}

.comment-form ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.comment-form input.form-control {
	border: 2px solid #cdd4d9;
	border-radius: 5px;
	padding: 0 20px;
	height: 52px;
	line-height: 48px;
	color: #cdd4d9;
	margin-bottom: 20px;
	box-shadow: none;
}

.comment-form textarea {
	width: 100%;
	border: 2px solid #e1e1e1;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 5px;
	box-shadow: none;
}

.comment-form button.submit {
	background: #0a2c55;
	color: #fff;
	text-align: center;
	height: 50px;
	line-height: 50px;
}

.related-posts {
	width: 100%;
	float: left;
	margin: 30px 0;
}

.related-posts ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.rel-box {
	background: #f5f5f5;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	padding: 15px;
	width: 100%;
	float: left;
}

.rel-box h6 {
	margin-bottom: 15px;
	font-size: 18px;
}

.rel-box a {
	color: #333;
	line-height: 28px;
}

.rel-box ul.news-meta li {
	line-height: 28px;
}

.post-comments-form {
	width: 100%;
	float: left;
	margin: 0 0 30px;
}

.post-comments-form ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.post-comments-form input[type="text"] {
	width: 100%;
	border: 1px solid #cccccc;
	line-height: 48px;
	font-size: 16px;
	border-radius: 3px;
	padding: 0 20px;
}

.post-comments-form textarea {
	width: 100%;
	border: 1px solid #cccccc;
	line-height: 28px;
	font-size: 16px;
	border-radius: 3px;
	padding: 10px 20px;
	min-height: 150px;
	margin: 10px 0 5px;
}

.post-comments-form input[type="submit"] {
	width: 100%;
	border: 0;
	line-height: 48px;
	font-size: 14px;
	border-radius: 3px;
	text-align: center;
	background: #0B5F33;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}

.post-comments-form input[type="submit"]:hover {
	background: #3949ab;
	color: #fff;
}

.news-box.new-txt .rel-box h6 a:hover,
.rel-box a:hover {
	color: #d32f2f;
}

.post-comments-form .row {
	margin-left: -5px;
	margin-right: -5px;
}

.news-box:hover .new-txt .rel-box h6 a {
	color: #222;
}

/*********** City News End ***********/


/*********** Department Start ***********/


.depart-info {
	background: url(../images/deprtinfobg.jpg) no-repeat bottom;
	background-size: cover;
}

.depart-info.p80 {
	padding: 80px 0 50px;
}

.depart-info .deprt-icon-box {
	background: #fff;
	border-radius: 10px;
	text-align: center;
	height: 225px;
	margin: 0 0 28px;
	box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, .07);
	padding: 40px;
	position: relative;
}

.depart-info .deprt-icon-box img {
	margin: 0 0 20px;
	width: 85px;
	height: 85px;
}

.deprt-icon-box h6 {
	line-height: 22px;
	margin: 0 0 12px;
	font-weight: 600;
}

.deprt-icon-box h6 a {
	color: #222;
}

.deprt-icon-box a.rm {
	background: #E85A2A;
	display: inline-block;
	color: #fff;
	line-height: 24px;
	border-radius: 12px;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 15px;
	opacity: 0;
}

.deprt-icon-box:hover {
	padding: 20px 40px;
}

.deprt-icon-box:hover a.rm {
	opacity: 1;
}

.deprt-icon-box:hover h6 a {
	color: #E85A2A;
}

.deprt-icon-box a.rm:hover {
	background: #0B5F33;
	color: #fff;
}

a.jobs-link {
	background: #E85A2A;
	display: block;
	line-height: 52px;
	clear: both;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 700;
}

a.jobs-link:hover {
	background: #0B5F33;
	color: #fff;
}

ul.reports {
	padding: 0;
	margin: 10px 0 0;
	background: #38a1f3;
	list-style: none;
	border-radius: 5px;
	overflow: hidden;
}

ul.reports a {
	color: #fff;
	line-height: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	padding: 0 20px;
}

ul.reports a:hover {
	background: rgba(0, 0, 0, .3);
	color: #fff;
}

ul.reports a i {
	margin-right: 10px;
}

.depart-info .emergency-info .panel-group .panel-heading {
	padding: 15px 0 15px 20px;
}

/*********** Department End ***********/


/*********** Recent Events Start ***********/

.recent-events {
	background: url(../images/eventsbg.jpg) no-repeat;
	background-size: cover;
}

.recent-events h3 {
	color: #fff;
	font-weight: 700;
	margin: 0 0 20px;
}

.recent-events .nav-tabs {
	border-bottom: 0px solid #ddd;
}

.recent-events .nav-tabs>li {
	margin: 0px;
}

.recent-events .nav-tabs>li>a {
	background: #f7f7f7;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding: 0 20px;
	line-height: 51px;
	color: #222;
	border: 0px;
	position: relative;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}

.recent-events .nav-tabs>li>a {
	background: #E85A2A;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding: 0 20px;
	line-height: 51px;
	color: #fff;
	border: 0px;
	position: relative;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}

.recent-events .nav-tabs>li>a:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3px;
	background: #E85A2A;
	content: "";
}

.recent-events .nav-tabs>li.active>a,
.recent-events .nav-tabs>li.active>a:focus,
.recent-events .nav-tabs>li.active>a:hover {
	color: #222;
	cursor: default;
	background-color: #f7f7f7;
	border: 0px solid #ddd;
}

.recent-events .nav-tabs>li>a:hover {
	background: #f7f7f7;
	color: #222;
}

.recent-events .tab-content {
	background: #fff;
	border-radius: 0 3px 3px 3px;
	width: 100%;
	float: left;
	padding: 30px;
}

.recent-events .event-list {
	margin: 0 0 20px;
	padding: 0 0 20px;
	list-style: none;
	width: 100%;
	float: left;
	border-bottom: 1px solid #eeeeee;
	position: relative;
}

.recent-events .event-list:after {
	position: absolute;
	left: -30px;
	width: 3px;
	height: 0;
	background: #E85A2A;
	content: "";
	top: -20px;
}

.recent-events .event-list:last-child {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.recent-events .event-list li {
	float: left;
	margin-right: 15px;
}

.recent-events .event-list li:last-child {
	float: right;
	margin: 0px;
}

.event-list li strong.edate {
	display: block;
	color: #E85A2A;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.event-list li strong.etime {
	display: block;
	color: #aaaaaa;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.event-list img {
	border-radius: 3px;
}

.event-list a.joinnow {
	background: #fafafa;
	border: 1px solid #e1e1e1;
	line-height: 28px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	color: #a0a0a0;
	padding: 0 20px;
	border-radius: 15px;
}

.event-list a.joinnow:hover {
	background: #E85A2A;
	border-color: #E85A2A;
	color: #fff;
}

.event-list li.el-title {
	width: 40%;
}

.event-list li.el-title h6 {
	color: #222222;
	margin: 0 0 7px;
	font-weight: 600;
	line-height: 22px;
}

.event-list li.el-title h6 a {
	color: #222;
}

.event-list li.el-title p {
	margin: 0px;
	color: #aaaaaa;
	line-height: 22px;
}

.event-list li.el-title p i {
	color: #E85A2A;
	margin-right: 5px;
}

.recent-events .event-list:hover:after {
	height: 113px;
}

.recent-events .event-list:hover h6 a {
	color: #E85A2A;
}

.recent-events .event-list:hover a.joinnow {
	background: #E85A2A;
	border-color: #E85A2A;
	color: #fff;
}

.event-big {
	overflow: hidden;
	position: relative;
	border-radius: 3px 3px 0 0;
}

.event-big img {
	width: 100%;
	height: auto;
}

.event-big:hover .event-cap {
	height: 150px;
}

.event-big:hover .event-cap p {
	opacity: 1;
}

.event-cap {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .80);
	width: 100%;
	border-left: 3px solid #E85A2A;
	padding: 20px;
	height: 88px;
}

.event-cap h5 {
	font-weight: 700;
	color: #fff;
	margin: 0 0 10px;
}

.event-cap h5 a {
	color: #fff;
}

.event-cap h5 a:hover {
	color: #E85A2A;
}

.event-cap ul {
	margin: 0 0 10px;
	padding: 0px;
	list-style: none;
	width: 100%;
	float: left;
}

.event-cap ul li {
	float: left;
	font-size: 14px;
	color: #fff;
}

.event-cap ul li:after {
	content: "|";
	color: #E85A2A;
	padding: 0 12px;
}

.event-cap ul li:last-child:after {
	border: 0;
	margin: 0px;
	display: none;
}

.event-cap p {
	display: block;
	color: #fff;
	clear: both;
	font-size: 14px;
	margin: 0px;
	opacity: 0;
}

.event-cap ul li {
	float: left;
	font-size: 14px;
	color: #fff;
}

.recent-event-slider {
	margin-bottom: 10px;
}

.recent-event-slider-nav .slick-slide {
	padding: 0 5px;
}

.slick-slide img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	cursor: pointer;
}

/*********** Recent Events End ***********/




/*********** Explore Community Start ***********/

.explore-community h3 {
	margin: 0 0 25px;
	font-weight: 700;
}

.community-links-style-two {
	background: #fafafa;
	border: 5px solid #ebebeb;
	margin: 0px;
	padding: 25px 30px;
	list-style: none;
	width: 100%;
	float: left;
}

.community-links-style-two li {
	width: 50%;
	float: left;
	line-height: 45px;
	margin: 5px 0;
}

.community-links-style-two li a img {
	width: 45px;
	height: 45px;
	background: #0B5F33;
	border-radius: 100%;
	margin-right: 10px;
}

.community-links-style-two li a {
	font-size: 16px;
	font-weight: 600;
	color: #444444;
}

.community-links-style-two li a:hover {
	color: #E85A2A;
}

.community-links-style-two li a:hover img {
	background: #E85A2A;
}

.h3-team-box {
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}

.h3-team-box:after {
	position: absolute;
	left: 0;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
	width: 100%;
	height: 100%;
	content: "";
}

.team-info {
	position: absolute;
	left: 0;
	bottom: -95px;
	padding: 20px;
	z-index: 99;
}

.team-info ul {
	margin: 0px;
	padding: 10px 0 0;
	list-style: none;
	border-top: 1px solid #98989a;
	opacity: 0;
}

.team-info ul li {
	display: inline-block;
	color: #cccccc;
	font-size: 14px;
	margin: 0 7px 0 0;
}

.team-info ul li a {
	color: #cccccc;
}

.team-info h6 {
	color: #fff;
	margin: 0 0 7px;
}

.team-info strong {
	color: #fff;
	font-style: italic;
	font-weight: 400;
	display: block;
	margin: 0 0 10px;
}

.team-info p {
	margin: 0 0 15px;
	font-size: 14px;
	color: #fff;
	opacity: 0;
}

.team-info ul strong {
	margin: 0px;
}

.h3-team-box:hover .team-info {
	bottom: 0;
}

.h3-team-box:hover .team-info ul,
.h3-team-box:hover .team-info p {
	opacity: 1;
}

.team-info ul li a:hover {
	color: #E85A2A;
}

#h3team-slider .owl-nav {
	position: absolute;
	top: -50px;
	right: 0;
}

#h3team-slider .owl-next,
#h3team-slider .owl-prev {
	background: #fafafa;
	height: 26px;
	width: 26px;
	border: 1px solid #e2e2e2;
	border-radius: 100%;
	margin: 0 0 0 10px;
	font-size: 0px;
	text-align: center;
	color: #E85A2A;
}

#h3team-slider .owl-next:hover,
#h3team-slider .owl-prev:hover {
	background: #E85A2A;
	color: #fff;
	border-color: #E85A2A;
}

#h3team-slider .owl-prev:before,
#h3team-slider .owl-next:after {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 16px;
	font-weight: 700;
}

#h3team-slider .owl-prev:before {
	content: "\f104";
}

/*********** Explore Community End ***********/

.home3.emergency-numbers .newsletter-form {
	background: url(../images/h3newsletterbg.jpg) no-repeat bottom #d94249;
}

.home3.emergency-numbers .newsletter-form button {
	background: #144b8b;
	color: #fff;
}

.home3.emergency-numbers .newsletter-form button:hover {
	background: #fff;
	color: #144b8b;
}

.home3.emergency-numbers .e-numbers .em-box i {
	color: #E85A2A;
}

.home3.emergency-numbers .e-numbers .em-box strong.em-num {
	color: #144b8b;
}

.home3.emergency-numbers .e-numbers .em-box:hover i {
	color: #fff;
}

/******** + ========== + Home Page Three End + ========== + ********/


/******** + ========== + Event Pages Start + ========== + ********/


.events-wrapper {
	padding: 80px 0;
	width: 100%;
	background: url(../images/eventpagebg.jpg) no-repeat bottom;
	background-size: cover;
}

.events-wrapper .event-post {
	margin-bottom: 40px;
}

.site-pagination {
	text-align: center;
}

.site-pagination .pagination {
	margin: 20px 0 0;
	padding: 0px;
}

.site-pagination .pagination>li>a,
.pagination>li>span {
	color: #333;
	padding: 8px 15px;
}

.site-pagination .pagination>.active>a,
.site-pagination .pagination>.active>a:focus,
.site-pagination .pagination>.active>a:hover,
.site-pagination .pagination>.active>span,
.site-pagination .pagination>.active>span:focus,
.site-pagination .pagination>.active>span:hover,
.site-pagination .pagination>li>a:focus,
.site-pagination .pagination>li>a:hover,
.site-pagination .pagination>li>span:focus,
.site-pagination .pagination>li>span:hover {
	z-index: 2;
	color: #fff;
	background-color: #E85A2A;
	border-color: #E85A2A;
}

.events-wrapper .event-post-full .thumb {
	width: 390px;
}

.events-wrapper .event-post-full .event-post-content {
	width: 457px;
}

.events-wrapper .event-post-full {
	margin-bottom: 40px;
}

.event-post-full:hover .thumb:after {
	opacity: 1;
}

.events-wrapper.events-listing {
	background: #fafafa;
}

.events-listing .event-post-full .event-post-txt {
	padding: 30px 30px 0;
	width: 100%;
}

.events-listing span.ecat {
	margin: 0 0 23px;
}

.events-listing .event-post-loc {
	line-height: 50px;
	height: 50px;
}

.event-list-box {
	background: #fff;
	border-radius: 3px;
	width: 100%;
	float: left;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
	padding: 30px;
	margin: 0 0 30px;
}

.event-list-box ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.event-list-box ul li {
	float: left;
	margin-right: 20px;
}

.event-list-box ul li:last-child {
	float: right;
	margin: 0px;
}

.event-list-box .edate {
	font-size: 16px;
	color: #aaaaaa;
	font-weight: 500;
	text-transform: uppercase;
	padding-top: 25px;
}

.event-list-box .edate strong {
	display: block;
	color: #E85A2A;
	font-weight: 900;
}

.event-list-box .event-title {
	width: 48%;
}

.event-list-box .event-title h6 {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	margin: 5px 0 10px;
}

.event-list-box .event-title h6 a {
	color: #222;
}

.event-list-box .event-title p {
	margin: 0px;
	color: #aaaaaa;
	font-size: 16px;
	font-weight: 500;
}

.event-list-box .event-title p i {
	color: #E85A2A;
	margin-right: 5px;
}

a.join-now {
	background: #fafafa;
	display: inline-block;
	line-height: 28px;
	padding: 0 20px;
	border-radius: 15px;
	border: 1px solid #e1e1e1;
	text-transform: uppercase;
	font-size: 14px;
	color: #a0a0a0;
	height: 30px;
	margin: 30px 0 0;
}

.event-list-box img {
	width: 130px;
	height: auto;
	border-radius: 3px;
}

.event-list-box:hover {
	box-shadow: 0 6px 12px rgba(247, 56, 89, .12);
}

.event-list-box:hover .event-title h6 a {
	color: #E85A2A;
}

.event-list-box:hover a.join-now {
	background: #E85A2A;
	border-color: #E85A2A;
	color: #fff;
}

/******** + ========== + Event Pages End + ========== + ********/


/***==============  Sidebar Widgets Start	   ==============***/


.sidebar .widget {
	background: #fff;
	border-radius: 3px;
	width: 100%;
	float: left;
	margin-bottom: 40px;
	border: 1px solid #ececec;
	box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, .07);
	padding: 1rem;
}

.sidebar .widget .inner {

	width: 100%;
	float: left;
}

.widget:last-child {
	margin: 0px;
}

.widget ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.sidebar .widget h4 {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	border-bottom: 1px solid #ececec;
	padding: 0.5rem 0;
	text-transform: uppercase;
}

.about-widget img {
	border-radius: 3px;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.about-widget p {
	font-size: 14px;
	line-height: 24px;
}

.about-widget a {
	font-size: 14px;
	font-weight: 700;
	color: #222222;
	text-transform: uppercase;
}

.about-widget a:hover {
	color: #d32f2f;
}

.widget .recent-posts li {
	position: relative;
	padding-left: 98px;
	width: 100%;
	float: left;
	margin-bottom: 20px;
	min-height: 75px;
}

.widget .recent-posts li:last-child {
	margin: 0px;
}

.widget .recent-posts li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 82px;
	height: 75px;
	border-radius: 3px;
}

.widget .recent-posts strong {
	font-weight: 400;
	color: #97a2b3;
	display: block;
	font-size: 12px;

}

.widget .upcoming-events h6,
.widget .recent-posts h6 {
	font-weight: 600;
	line-height: 22px;
	font-size: 14px;
	margin: 0 0 3px;
}

.widget .recent-posts h6 a {
	color: #333333;
}

.widget .recent-posts h6 a:hover {
	color: #d32f2f;
}

.widget .archives a,
.widget .categories a {
	display: block;
	color: #212121;
	line-height: 24px;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	padding-bottom: 0.5rem;
	padding: 0;
	font-weight: 600;
}

.categories ul li a {
	font-weight: 500 !important;
	padding: 0.5rem 0 !important;
	border-bottom: 1px solid #ccc;
	font-size: 0.8rem !important;
}

.widget .archives a:before,
.widget .categories a:before {
	content: "\f0da";
	font-family: FontAwesome;
	font-size: 12px;
	margin-right: 10px;
	font-weight: 700;
	color: #E85A2A;
}

.widget .archives a:hover,
.widget .categories a:hover {
	color: #E85A2A;
	padding: 0 10px;
}

.widget .upcoming-events li {
	position: relative;
	padding-left: 78px;
	margin-bottom: 20px;
}

.widget .upcoming-events .edate {
	width: 62px;
	background: #E85A2A;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	color: #fff;
	overflow: hidden;
	border-radius: 3px;
	padding-top: 8px;
	z-index: 99;
}

.widget .upcoming-events .edate strong {
	display: block;
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	line-height: 22px;
}

.widget .upcoming-events span.year {
	display: block;
	background: rgba(0, 0, 0, .25);
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	margin-top: 8px;
}

.widget h6 a {
	color: #333;
	font-weight: 600;
	line-height: 22px;
}

.widget h6 a:hover {
	color: #E85A2A;
}

.widget .upcoming-events span.loc {
	color: #888888;
	font-size: 12px;
	display: block;
}

.widget .upcoming-events li:hover .edate {
	background: #0B5F33;
}

.fb-like img {
	max-width: 100%;
	height: auto;
}

.tags-widget a {
	display: inline-block;
	line-height: 31px;
	padding: 0 20px;
	border: 1px solid #eeeeee;
	margin: 0 5px 5px 0;
	color: #666666;
	font-weight: 400;
	border-radius: 3px;
	font-size: 14px;
	background: #f7f7f7;
	border-radius: 20px;
}

.tags-widget a:hover {
	background: #E85A2A;
	color: #fff;
	border-color: #E85A2A;
}

.issues-content h3,
.issues-content h4 {
	margin-bottom: 15px;
}

.issues-content .fimg {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.issues-content p {
	margin-bottom: 20px;
}

.img-right {
	float: right;
	border-radius: 3px;
	margin: 0 0 20px 20px;
}

.img-left {
	float: left;
	border-radius: 3px;
	margin: 0 20px 20px 0;
}

.issue-images {
	width: 100%;
	float: left;
	margin: 20px 0 0;
	padding: 0px;
	list-style: none;
}

.issue-images li {
	width: 33.3333%;
	float: left;
}

.issue-images img {
	border-radius: 3px;
	max-width: 100%;
	height: auto;
}

/***==============  Sidebar Widgets End	   ==============***/



/******** + ========== + News Start + ========== + ********/

.news-grid .news-box {
	margin-bottom: 30px;
}

.image-post .news-post-txt .news-meta {
	position: absolute;
	bottom: 25px;
}

.news-full .news-box {
	margin-bottom: 40px;
}

.news-full .news-box:hover .new-thumb a {
	left: 0;
	opacity: 1;
}

.news-full .new-txt h6 {
	font-size: 24px;
	line-height: 28px;
}

/******** + ========== + News End + ========== + ********/


/******** + ========== + Team Start + ========== + ********/

.team-grid .team-box {
	margin-bottom: 40px;
}

.team-grid.official-members {
	background: none;
}

.h3-team-box h5 {
	color: #fff;
	font-weight: 700;
	margin: 0 0 10px;
}

.team-grid .h3-team-box {
	margin: 0 0 40px;
	overflow: hidden;
}

.h3-team-box img {
	width: 100%;
	height: auto;
}

.h3-team-box:hover img {
	transform: scale(1.09);
	-webkit-transform: scale(1.09);
}

/*Team Details*/

.team-img img {
	width: 100%;
	height: auto;
	border-radius: 3px;
}

.team-details-txt {
	width: 100%;
	float: left;
}

.team-detail h2 {
	margin-bottom: 9px;
	color: #333333;
	font-weight: 700;
}

.team-detail .advisor {
	color: #E85A2A;
	font-size: 20px;
	font-style: italic;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	margin-bottom: 11px;
	display: block;
}

.team-detail p {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 30px;
}

.contact-team {
	float: left;
	background: #0B5F33;
	color: #fff;
	border-radius: 3px;
	line-height: 50px;
	padding: 0 30px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}

.contact-team:hover {
	background: #E85A2A;
	color: #fff;
}

ul.member-social {
	float: right;
	margin: 10px 0 0;
	padding: 0px;
	list-style: none;
}

ul.member-social li {
	display: inline-block;
	margin-left: 10px;
}

ul.member-social a {
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 1px solid #dedede;
	border-radius: 100%;
	text-align: center;
	line-height: 30px;
}

ul.member-social a:hover {
	background: #d32f2f;
	color: #fff;
	border-color: #d32f2f;
}

a.fb {
	color: #3b5998;
}

a.tw {
	color: #00aced;
}

a.lnk {
	color: #0077b5;
}

a.gp {
	color: #dc4a38;
}

a.insta {
	color: #d93175;
}

a.yt {
	color: #fe0002;
}

.m90 {
	margin-bottom: 84px;
}

.m40 {
	margin-bottom: 40px;
}

.team-detail {
	width: 100%;
	float: left;
	padding-top: 47px;
}

ul.check-list {
	margin: 0 0 20px;
	padding: 0px;
	list-style: none;
}

ul.check-list li {
	font-weight: 700;
	color: #555555;
	line-height: 26px;
}

ul.check-list i {
	color: #d32f2f;
	font-size: 12px;
	margin-right: 5px;
}

.panel-default>.panel-heading {
	padding: 0px;
	background: #eeeeee;

}

.team-details-txt .panel-heading .panel-title {
	padding: 0px;
	box-shadow: none;

	font-size: 18px;
	line-height: 55px;
	font-weight: 700;
	padding: 0 20px;
	position: relative;
}

.faqs .panel-body,
.team-details-txt .panel-body {
	padding: 0px 20px 20px;
}

.faqs .panel-group .panel-heading+.panel-collapse>.list-group,
.faqs .panel-group .panel-heading+.panel-collapse>.panel-body {
	background: #eeeeee;
	border: 0px;
}

.team-details-txt h3 {
	font-weight: 700;
	margin: 0 0 15px;
}

.team-details-txt .panel {
	box-shadow: none;
}

.team-details-txt .panel-title a {
	display: block;
	position: relative;
}

.team-details-txt .panel-title a.collapsed:before {
	position: absolute;
	right: 0;
	top: 0;
	content: "\f067";
	font-family: FontAwesome;
	font-weight: 700;
	font-size: 12px;
}

.team-details-txt .panel-title a:before {
	position: absolute;
	right: 0;
	top: 0;
	content: "\f068";
	font-family: FontAwesome;
	font-weight: 700;
	font-size: 12px;
}

/******** + ========== + Team End + ========== + ********/


/******** + ========== + City Departments Start + ========== + ********/

.dpage-bg {
	background: url(../images/eventpagebg.jpg) no-repeat top center;
	background-size: cover;
}

.h2-local-brands.nobg {
	background: #fff;
}

.col-md-12.nop {
	padding: 0 6px;
}

.newsletter-style2 {
	background: url(../images/h3newsletterbg.jpg) bottom no-repeat;
	background-size: cover;
}

.newsletter-style2 .form-control {
	border: 1px solid #e8e8e8;
	box-shadow: none;
	padding: 0 20px;
	line-height: 53px;
	height: 55px;
	border-radius: 3px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}

.newsletter-style2 ul {
	margin-bottom: 0px;
	padding: 0px;
	list-style: none;
}

.newsletter-style2 button {
	background: #0B5F33;
	color: #fff;
	width: 100%;
	border: 0px;
	height: 55px;
	line-height: 55px;
	text-transform: 600;
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}

.newsletter-style2 p {
	color: #fff;
	margin: 15px 0 0;
	font-style: italic;
}

.newsletter-style2 h5 {
	color: #fff;
	font-weight: 700;
	margin: 0 0 15px;
}

.p60 {
	padding: 60px 0;
}

.newsletter-style2 button:hover {
	background: #222;
	color: #fff;
}

.deprt-txt h3 {
	font-weight: 700;
	line-height: 46px;
	color: #333333;
	line-height: 46px;
	margin: 0 0 20px;
}

.deprt-txt p {
	margin: 0 0 15px;
	color: #777;
	line-height: 24px;
	font-size: 16px;
}

.deprt-txt h5 {
	font-weight: 700;
	color: #333333;
	margin: 40px 0 15px;
}

ul.gallery-2-col,
ul.gallery-3-col,
ul.gallery-4-col {
	margin: 0 -5px 40px;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
	overflow: hidden;
}

ul.gallery-2-col li {
	float: left;
	width: 50%;
	padding: 0 5px;
	overflow: hidden;
}

ul.gallery-3-col li {
	float: left;
	width: 33.3333%;
	padding: 0 5px;
	overflow: hidden;
}

ul.gallery-4-col li {
	float: left;
	width: 25%;
	padding: 0 5px;
	overflow: hidden;
}

ul.gallery-2-col img,
ul.gallery-3-col img,
ul.gallery-4-col img {
	width: 100%;
	height: auto;
	border-radius: 3px;
}

.checklist {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}

.checklist li {
	font-size: 16px;
	color: #666;
	margin-top: 5px;

}

.checklist li i {
	color: #E85A2A;
	font-size: 14px;
	margin-right: 6px;
}

.share-post-single {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	width: 100%;
	float: left;
	padding: 20px 0;
	margin: 30px 0;
}

.share-post-single strong {
	font-family: 'Montserrat', sans-serif;
	color: #333;
	font-weight: 600;
	margin: 0 15px 0 0;
}

.share-post-single a {
	width: 32px;
	height: 32px;
	border: 1px solid #dedede;
	border-radius: 100%;
	display: inline-block;
	line-height: 30px;
	text-align: center;
}

.share-post-single .fb {
	color: #3b5998;
}

.share-post-single .tw {
	color: #38a1f3;
}

.share-post-single .insta {
	color: #e1306c;
}

.share-post-single .yt {
	color: #ff0000;
}

.share-post-single .linked {
	color: #0077b5;
}

.share-post-single .pin {
	color: #bd081b;
}

.share-post-single a.fb:hover {
	background: #3b5998;
	border-color: #3b5998;
	color: #fff;
}

.share-post-single a.tw:hover {
	background: #38a1f3;
	border-color: #38a1f3;
	color: #fff;
}

.share-post-single a.insta:hover {
	background: #e1306c;
	border-color: #e1306c;
	color: #fff;
}

.share-post-single a.yt:hover {
	background: #ff0000;
	border-color: #ff0000;
	color: #fff;
}

.share-post-single a.linked:hover {
	background: #0077b5;
	border-color: #0077b5;
	color: #fff;
}

.share-post-single a.pin:hover {
	background: #bd081b;
	border-color: #bd081b;
	color: #fff;
}

.share-post-single a.gp:hover {
	background: #dc4a38;
	border-color: #dc4a38;
	color: #fff;
}

.other-department {
	border-bottom: 1px solid #e8e8e8;
	padding: 30px 0;
	margin-bottom: 60px;
}

.post-comments-form h3,
.other-department h3 {
	font-weight: 700;
	margin: 0 0 25px;
}

.post-comments-form ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.post-comments-form textarea,
.post-comments-form input {
	width: 100%;
	background: #fafafa;
	border: 1px solid #e8e8e8;
	height: 53px;
	line-height: 51px;
	padding: 0 15px;
	border-radius: 3px;
}

.post-comments-form textarea {
	height: 200px;
	line-height: 24px;
	padding: 15px;
}

.post-comments-form .p5 {
	padding: 0 5px;
	margin: 0 0 10px;
}

.post-comments-form input[type="submit"] {
	background: #0B5F33;
	color: #fff;
	border: 1px solid #0B5F33;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}

.post-comments-form input[type="submit"]:hover {
	background: #E85A2A;
	color: #fff;
	border-color: #E85A2A;
}

ul.gallery-2-col img:hover,
ul.gallery-3-col img:hover,
ul.gallery-4-col img:hover {
	background: #000;
	opacity: .8;
}

.local-service-box:hover img {
	padding: 5px 0;
}

/******** + ========== + City Departments End + ========== + ********/



/******** + ========== + Services Page Start + ========== + ********/

.service-box {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
	margin: 0 0 30px;
}

.service-box img {
	width: 100%;
	height: auto;
}

.service-box:after {
	position: absolute;
	left: 0;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
	width: 100%;
	height: 50%;
	content: "";
}

.serbox-cap {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 99;
	padding: 20px;
	width: 100%;
	height: 100px;
}

.serbox-cap h6 {
	margin: 0 0 10px;
}

.serbox-cap h6 a {
	color: #fff;
	font-weight: 600;
	line-height: 24px;
	font-size: 20px;
}

.serbox-cap p {
	color: #fff;
	opacity: 0;
}

.serbox-cap .rm {
	background: #fff;
	color: #333;
	border-radius: 25px;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	padding: 5px 15px;
	opacity: 0;
}

.service-box:hover:after {
	height: 100%;
}

.service-box:hover .serbox-cap {
	height: 170px;
}

.service-box:hover .serbox-cap h6 a {
	color: #fff;
}

.service-box:hover .serbox-cap p {
	opacity: 1;
}

.service-box:hover .serbox-cap .rm {
	opacity: 1;
}

.serbox-cap .rm:hover {
	background: #f7385a;
	color: #fff;
}

.service-box:hover img {
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
}

.local-services .deprt-icon-box {
	background: #fff;
	border-radius: 10px;
	text-align: center;
	height: 300px;
	margin: 0 0 30px;
	box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, .07);
	padding: 65px;
	position: relative;
}

.deprt-icon-box img {
	margin: 0 0 20px;
	width: 100px;
	height: 100px;
}

.deprt-icon-box h5 {
	line-height: 32px;
	margin: 0 0 12px;
	text-transform: capitalize;
	font-weight: 600;
}

.deprt-icon-box h5 a {
	color: #222;
}

.local-services .deprt-icon-box:hover {
	padding: 30px 65px;
}

.deprt-icon-box:hover h5 a {
	color: #E85A2A;
}

.service-page-bottom {
	background: url(../images/eventsbg.jpg) top center;
	padding: 60px 0;
}

.service-page-bottom .newsletter-form {
	background: url(../images/h3newsletterbg.jpg) bottom center;
	background-size: cover;
	padding: 42px 30px;
}

.service-page-bottom .newsletter-form button {
	background: #0B5F33;
}

.service-page-bottom .newsletter-form button:hover {
	background: #38a1f3;
	color: #fff;
}

.service-page-bottom .emergency-info h5 {
	font-weight: 400;
	padding: 10px 20px;
}

body .panel-group .panel+.panel {
	margin: 0px;
}

.service-page-bottom .emergency-info .panel-group {
	margin-bottom: 5px;
}

.service-page-bottom ul.reports {
	margin: 0 0 30px;
}

.service-page-bottom ul.reports a {
	line-height: 42px;
}

/******** + ========== + Services Page End + ========== + ********/


/******** + ========== + Explore City Start + ========== + ********/

.facts-counter h3,
.department-links h3,
.cityscapes h3,
.city-updates h3,
.recent-event-block h3 {
	font-weight: 700;
	margin: 0 0 20px;
}

.city-updates {
	width: 100%;
	float: left;
}

.city-updates ul {
	width: 100%;
	float: left;
	background: #fff;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #e8e8e8;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .07);
	list-style: none;
	padding: 0px 20px;
	margin: 0px;
	background: #fff;
}

.city-updates ul li {
	border-bottom: 1px solid #e8e8e8;
	padding: 19px 0;
}

.city-updates ul li strong {
	display: block;
	font-family: 'Montserrat', sans-serif;
	line-height: 24px;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 10px;
	letter-spacing: -.5px;
}

.city-updates ul li strong a {
	color: #333;
}

.city-updates ul li:last-child {
	border: 0px;
}

.city-updates .post-date {
	color: #888888;
	font-size: 14px;
}

.city-updates .post-date i {
	color: #cccccc;
	font-size: 16px;
	margin-right: 5px;
}

.city-updates ul li strong a:hover {
	color: #E85A2A;
}

.city-updates li.more-news {
	padding: 0px;
	margin: 0 -20px;
}

.city-updates li.more-news a {
	line-height: 55px;
	background: #E85A2A;
	text-align: center;
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

.city-updates li.more-news a:hover {
	background: #0B5F33;
	color: #fff;
}

.community-links-style-two.col3 li {
	width: 33.3333%;
	float: left;
}

.cityscapes .ch-box {
	overflow: hidden;
	border-radius: 3px;
	margin: 0 0 10px;
}

.ch-thumb img {
	width: 100%;
	height: auto;
}

.cityscapes .p5 {
	padding: 0 5px;
}

.cityscapes .row {
	margin-right: -5px;
	margin-left: -5px;
}

.cityscapes .ch-box .ch-txt ul li:after {
	content: ",";
	margin: 0 2px;
	color: #fff;
}

.cityscapes .ch-box .ch-txt {
	padding: 20px;
	height: 90px;
}

.ch-box .ch-txt h6 {
	font-weight: 600;
	margin: 0 0 10px;
}

.ch-box .ch-txt h6 a {
	color: #fff;
}

.ch-box .ch-txt h6 a:hover {
	color: #E85A2A;
}

.cityscapes .ch-box:hover .ch-txt {
	height: 145px;
}

.department-links ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.department-links li {
	width: 33.3333%;
	float: left;
	padding: 0 15px 0 0;
	margin: 0 0 15px;
}

.department-links li a {
	display: block;
	line-height: 63px;
	color: #fff;
	background: #0B5F33;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 600;
	border-radius: 3px;
	padding: 0 15px;
	position: relative;
	overflow: hidden;
}

.department-links li a:after {
	width: 0;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	opacity: 0;
}

.department-links li a span {
	position: relative;
	z-index: 99;
}

.department-links li a.c1 {
	background: #009688;
}

.department-links li a.c2 {
	background: #2196f3;
}

.department-links li a.c3 {
	background: #4caf50;
}

.department-links li a.c4 {
	background: #d32f2f;
}

.department-links li a.c5 {
	background: #795548;
}

.department-links li a.c6 {
	background: #009688;
}

.department-links li a.c7 {
	background: #9e9d24;
}

.department-links li a.c8 {
	background: #546e7a;
}

.department-links li a.c9 {
	background: #E85A2A;
}

.department-links li a:hover:after {
	width: 100%;
	opacity: 1;
}

.facts-counter {
	background: url(../images/factsbg.jpg);
	padding: 60px 50px;
	border-radius: 3px;
}

.facts-counter h3 {
	color: #fff;
}

.facts-counter ul.counter {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.facts-counter .p6 {
	padding: 0 6px;
}

.facts-counter .row {
	margin-right: -6px;
	margin-left: -6px;
}

/******** + ========== + Explore City End + ========== + ********/


/***==============  Gallery Pages Start	   ==============***/

.gallery-thumb {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.gallery-thumb img {
	width: 100%;
	height: auto;
	border-radius: 3px;
}

.gallery-thumb:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	content: "";
	opacity: 0;
}

.gallery-thumb a {
	position: absolute;
	left: -200px;
	right: 0;
	top: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 3px;
	margin: auto;
	text-align: center;
	line-height: 40px;
	color: #E85A2A;
	z-index: 999;
	opacity: 0;
}

.gallery-thumb:hover:after {
	opacity: 1;
}

.gallery-thumb:hover a {
	left: 0;
	opacity: 1;
}

.gallery-thumb a:hover {
	background: #E85A2A;
	color: #fff;
}

/***  Filter Able Gallery ****/
.filter-gallery .isotope {
	margin-bottom: -10px;
	margin-right: -10px;
}

.isotope:after {
	content: '';
	display: block;
	clear: both;
}

.isotope .item {
	float: left
}

.filter-gallery .isotope .item {
	width: 33.3333%;
	height: 330px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 15px;
	margin-bottom: 30px;
}

.filter-gallery .isotope .item.width2 {
	width: 785px;
}

.filter-gallery .isotope .item.height2 {
	height: 690px
}

.filter-gallery figure img {
	width: 100%;
	height: auto;
	border-radius: 3px;
}

.button-group:after {
	content: '';
	display: block;
	clear: both;
}

.button-group .button {
	display: inline-block;
	background: none;
	border: none;
	color: #666;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	text-transform: uppercase;
	padding: 0;
	margin-left: 15px;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
}

.button-group .button:before {
	content: "/";
	display: inline-block;
	padding-right: 15px;
	color: #333;
}

.button-group .button:first-child:before {
	display: none
}

.button-group .button:hover,
.button-group .button:active,
.button-group .button.is-checked {
	color: #E85A2A
}

div#filters {
	margin-bottom: 30px;
	text-align: center;
}

.filter-gallery .gallery-thumb {
	margin-bottom: 30px;
}

.classic-gallery .isotope .item {
	width: 25%;
	height: 239px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 15px;
	margin-bottom: 30px;
}

.classic-gallery .isotope .item.width2 {
	width: 585px;
	height: 239px;
}

.classic-gallery .isotope .item.height2 {
	height: 690px
}

.classic-gallery figure img {
	width: 100%;
	height: auto;
	border-radius: 3px;
}

/***==============  Gallery Pages End	   ==============***/

/***==============  Contact Us Start	   ==============***/
.contact-details {
	width: 100%;
	float: left;
	position: relative;
}

.stitle {
	font-weight: 700;
	margin: 0 0 20px;
}

.add-box {
	background: #fff;
	width: 100%;
	float: left;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
	border-radius: 3px;
	padding: 25px 30px;
}

.add-box ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.add-box li {
	width: 100%;
	position: relative;
	padding-left: 30px;
	margin-bottom: 20px;
	line-height: 26px;
	color: #666666;
}

.add-box li:last-child {
	margin: 0px;
}

.add-box h5 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 16px;
	margin-bottom: 18px;
	font-weight: 700;
}

.add-box i {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 26px;
	font-size: 20px;
	color: #0B5F33;
}

.map-form {
	width: 100%;
	float: left;
}

.map {
	width: 100%;
	border: 4px solid #e6e6e6;
	float: left;
}

.map iframe {
	width: 100%;
	border: 0px;
	height: 470px;
}

.contact-form {
	width: 100%;
	float: left;
}

.contact-form ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.contact-form li {
	margin-bottom: 10px;
}

.contact-form input[type="text"] {
	border: 1px solid #ccc;
	line-height: 48px;
	padding: 0 20px;
	width: 100%;
	border-radius: 3px;
}

.contact-form textarea {
	border: 1px solid #ccc;
	line-height: 48px;
	padding: 0 20px;
	width: 100%;
	border-radius: 3px;
	min-height: 180px;
}

.contact-form input[type="submit"] {
	background: #0B5F33;
	border: 0px;
	border-radius: 3px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
}

.contact-form input[type="submit"]:hover {
	background: #E85A2A;
	color: #fff;
}

.add-box-2 {
	width: 100%;
	float: left;
	text-align: center;
}

.add-box-2 i {
	color: #E85A2A;
	font-size: 48px;
}

.add-box-2 h5 {
	margin: 20px 0;
	font-weight: 700;
}

.add-box-2 p {
	margin: 0px;
	color: #666666;
}

.add-box-2 a {
	color: #666;
}

.add-box-2 a:hover {
	color: #d32f2f;
}

.br {
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}

.contact-map {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.contact-form .container {
	padding: 0 100px;
}

.inner-padding.np {
	padding-top: 0px;
}

.m80 {
	margin-bottom: 80px;
}

.graybg {
	background: #f5f5f5;
}

/***==============  Contact Us End	   ==============***/


/***==============  Event Details Start	   ==============***/
.event-details {
	width: 100%;
	float: left;
}

.event-thumb img {
	border-radius: 3px;
	width: 100%;
	height: auto;
}

.event-details .event-counter {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 3px;
	padding: 0 30px;
	position: relative;
	z-index: 999;
	top: -45px;
	background: url(../images/npatt.png);
}

.event-counter ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.event-counter li.first-col {
	float: left;
	width: 15%;
	padding-top: 23px;
}

.event-counter li.snd-col {
	float: left;
	width: 55%;
}

.event-counter li.trd-col {
	float: left;
	width: 30%;
	text-align: right;
	position: relative;
	padding: 27px 0;
}

.event-counter li.trd-col:after {
	position: absolute;
	left: 15px;
	top: 0;
	width: 1px;
	height: 100%;
	content: "";
	background: rgba(255, 255, 255, .1);
}

.event-counter a {
	background: #ffffff;
	text-transform: uppercase;
	color: #0B5F33;
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
	line-height: 36px;
	padding: 0 20px;
	border-radius: 3px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
}

.event-counter a:hover {
	background: #E85A2A;
	color: #fff;
}

.event-counter li.first-col strong {
	color: #fff;
	font-size: 16px;

	font-weight: 700;
}

.countdown-section {
	width: 25%;
	float: left;
	text-align: center;
	position: relative;
	padding: 17px 0;
}

.countdown-period,
.countdown-amount {
	display: block;
	text-align: center;
	position: relative;
	font-weight: 600;
}

.event-counter .countdown-amount:before {
	content: " : ";
	font-size: 30px;
	color: #fff;
	float: left;
	position: absolute;
	left: 0;
	font-weight: 600;
}

.event-counter .countdown-amount {
	color: #fff;
	font-size: 36px;
	font-weight: 500;
	line-height: 36px;
}

.event-counter .countdown-period {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}

.event-counter .countdown-section:first-child .countdown-amount:before {
	display: none;
}

.event-content {
	width: 100%;
	float: left;
	position: relative;
	padding-left: 98px;
}

.event-content p {
	margin: 0 0 20px;
	color: #777;
	line-height: 24px;
	font-size: 16px;
}

.event-content .event-date-share {
	position: absolute;
	left: 0;
	top: 0;
}

.event-content ul.emeta {
	margin: 0 0 13px;
	padding: 0 0 15px;
	list-style: none;
	border-bottom: 1px solid #cccccc;
}

.event-content ul.emeta li {
	display: inline-block;
	color: #444444;
	font-size: 16px;
}

.event-content ul.emeta li strong {
	color: #0B5F33;
	font-weight: 400;
}

.event-content ul.emeta li:after {
	content: "|";
	color: #cccccc;
	padding: 0 10px;
}

.event-content ul.emeta li:last-child:after {
	display: none;
}

.event-details blockquote {
	background: #fff;
	border-radius: 3px;
	border: 0px;
	padding: 40px;
	box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, .12);
	position: relative;
	width: 100%;
	float: left;
	margin: 30px 0;
}

.event-details blockquote p {
	color: #fff;
	margin: 0px;
	font-size: 20px;

	font-style: italic;
	line-height: 32px;
}

.event-details blockquote:after {
	position: absolute;
	bottom: 20px;
	right: 20px;
	content: "\f10e";
	font-family: FontAwesome;
	font-weight: 700;
	color: #e9e9e9;
	font-size: 60px;
	line-height: 36px;
}

.event-date-share .edate {
	width: 68px;
	height: 82px;
	background: #0B5F33;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	padding: 13px 0 0 0;
	margin-bottom: 20px;
}

.event-date-share .edate strong {
	display: block;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	line-height: 20px;
	margin-bottom: 5px;
}

.event-date-share .edate span {
	display: block;
}

.event-speakers {
	width: 100%;
	float: left;
	padding: 42px 0 60px;
}

.event-speakers h3 {
	margin-bottom: 21px;
	font-weight: 600;
}

.speaker-box {
	width: 100%;
	float: left;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
}

.speaker-box .sp-text,
.speaker-box .sp-thumb {
	width: 100%;
	float: left;
}

.speaker-box:hover .sp-thumb:after {
	opacity: 1;
}

.speaker-box:hover .sp-thumb a {
	left: 0px;
	opacity: 1;
}

.speaker-box .sp-thumb {
	position: relative;
}

.speaker-box .sp-thumb:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0, 0, 0, .30);
	opacity: 0;
}

.speaker-box .sp-thumb a {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	position: absolute;
	left: -150px;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #fff;
	color: #d32f2f;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	z-index: 99;
	opacity: 0;
}

.speaker-box .sp-text h5 {
	margin-bottom: 6px;
}

.speaker-box img {
	width: 100%;
	height: auto;
}

.speaker-box .sp-text {
	background: #fff;
	text-align: center;
	padding: 20px 0;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
}

.speaker-box .sp-text h3 {
	margin-bottom: 7px;
}

.speaker-box .sp-text strong {
	font-weight: 400;
	color: #d32f2f;
}

.event-gallery {
	width: 100%;
	float: left;
	background: #fff;
	box-shadow: 0 0px 10px rgba(0, 0, 0, .12);
	padding: 34px 34px 34px;
	border-radius: 3px;
	margin-bottom: 60px;
}

.event-gallery h3 {
	margin: 0 0 19px 6px;
	font-weight: 600;
}

.event-gallery ul.gallery {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	float: left;
}

.event-gallery ul.gallery li {
	width: 33.333333%;
	float: left;
	padding: 6px;
	box-sizing: border-box;
}

.event-gallery ul.gallery img {
	width: 100%;
	height: auto;
	border-radius: 3px;
}

.event-gallery .eg-thumb {
	position: relative;
	overflow: hidden;
}

.event-gallery .eg-thumb:hover:after {
	opacity: 1;
}

.event-gallery .eg-thumb:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0, 0, 0, .50);
	border-radius: 3px;
	opacity: 0;
}

.event-gallery .eg-thumb:hover a {
	left: 0;
	opacity: 1;
}

.event-gallery .eg-thumb a {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	position: absolute;
	left: -150px;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #fff;
	color: #0B5F33;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	z-index: 99;
	opacity: 0;
}

.event-gallery .eg-thumb a:hover {
	background: #0B5F33;
	color: #fff;
}

.leave-comment {
	width: 100%;
	float: left;
	margin-top: 60px;
}

.leave-comment h2 {
	margin: 0 0 23px 5px;
}

.leave-comment ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.leave-comment textarea,
.leave-comment input[type="text"] {
	width: 100%;
	border: 0px;
	border-radius: 3px;
	line-height: 53px;
	padding: 0 20px;
	font-size: 16px;
	margin-bottom: 10px;
	border: 2px solid #e1e1e1;
}

.leave-comment input[type="submit"] {
	width: 100%;
	border: 0px;
	border-radius: 3px;
	line-height: 53px;
	padding: 0 20px;
	font-size: 16px;
	background: #3949ab;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}

.leave-comment input[type="submit"]:hover {
	background: #d32f2f;
	color: #fff;
}

.event-share ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

.event-share li {
	display: block;
	width: 100%;
}

.event-share ul a {
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 1px solid #dedede;
	border-radius: 100%;
	margin-bottom: 5px;
	background: #fff;
	color: #d32f2f;
	line-height: 30px;
	font-size: 14px;
}

.event-share ul a.like {
	width: 55px;
	height: 36px;
	border-radius: 3px;
	color: #fff;
	line-height: 34px;
	position: relative;
	margin-bottom: 10px;
}

.event-share ul a.like:after {
	content: "\f0d7";
	font-family: FontAwesome;
	font-weight: 700;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -18px;
	color: #E85A2A;
	text-shadow: 0 2px 0 #dedede;
	font-size: 16px;
}

.event-share ul a.tw {
	color: #00aced;
}

.event-share ul a.fb {
	color: #3b5998;
}

.event-share ul a.in {
	color: #0077b5;
}

.event-share ul a:hover {
	background: #E85A2A;
	color: #fff;
	border-color: #E85A2A;
}

.event-share ul a:hover.like:after {
	color: #E85A2A;
}

/***==============  Event Details End	   ==============***/

/***==============  About Us Pages Start	   ==============***/
.h2-local-brands.depart-info {
	background: #fff;
}

.h2-local-brands.depart-info .deprt-icon-box {
	border: 1px solid #f1f1f1;
}

.ser-box-top-icon {
	width: 100%;
	float: left;
	background: #fff;
	border-radius: 3px;
	padding: 30px 20px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}

.ser-box-top-icon .ser-icon {
	border: 2px solid #eeeeee;
	width: 90px;
	height: 90px;
	text-align: center;
	line-height: 86px;
	color: #3949ab;
	font-size: 45px;
	border-radius: 3px;
	margin: 0 auto 27px;
}

.ser-box-top-icon .ser-icon i {
	text-shadow: 0 5px 0px rgba(0, 0, 0, .08);
}

.ser-box-top-icon h5 {
	font-weight: 700;
	margin-bottom: 13px;
}

.ser-box-top-icon p {
	margin-bottom: 13px;
	font-size: 16px;
}

.ser-box-top-icon .rm {
	color: #3949ab;
	font-size: 14px;
	font-weight: 900;
	border-bottom: 1px solid #3949ab;
}

.ser-box-top-icon:hover .ser-icon {
	background: #d32f2f;
	border-color: #d32f2f;
	color: #fff;
}

.ser-box-top-icon:hover h5 {
	color: #d32f2f;
}

.ser-box-top-icon:hover .rm {
	color: #d32f2f;
	border-bottom: 1px solid #d32f2f;
}

.cityscape-sidebar h3 {
	font-weight: 700;
	margin: 0 0 20px;
}

.department-links.col2 ul li {
	width: 50%;
}

/***==============  About Us Pages End	   ==============***/



/******** + ========== + Causes Start + ========== + ********/

.campaign-box {
	width: 100%;
	float: left;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .20);
	margin-bottom: 40px;
	padding-bottom: 20px;
}

.campaign-thumb a {
	position: absolute;
	left: 0;
	top: -150px;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 45px;
	height: 45px;
	z-index: 99;
	background: #fff;
	border-radius: 100%;
	line-height: 45px;
	text-align: center;
	color: #0B5F33;
	opacity: 0;
}

.campaign-thumb a:hover {
	background: #E85A2A;
	color: #fff;
}

.campaign-box:hover .campaign-thumb a {
	top: 0;
	opacity: 1;
}

.campaign-txt {
	padding: 20px;
	clear: both;
}

a.dbutton {
	background: red;
	display: block;
	text-align: center;
	line-height: 45px;
	color: #fff;
	background: #0B5F33;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	width: 50%;
	margin: 0 auto;
}

ul.participants {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
}

ul.participants li {
	float: left;
	line-height: 30px;
}

ul.participants img {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	margin-left: -5px;
}

ul.participants li span {
	width: 30px;
	height: 30px;
	display: block;
	color: #fff;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	font-size: 12px;
	background: #0B5F33;
}

ul.funds {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.funds li {
	width: 32%;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	color: #999999;
}

ul.funds li:first-child {
	text-align: left;
}

ul.funds li:last-child {
	text-align: right;
}

ul.funds li strong {
	display: block;
	font-size: 18px;
	color: #222;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}

ul.participants li strong {
	margin-left: 20px;
	color: #999999;
	font-size: 14px;
	display: inline-block;
}

ul.participants li strong i {
	font-style: normal;
	color: #0B5F33;
}

.campaign-txt .progress {
	width: 100%;
	margin-bottom: 20px;
	height: 10px;
	background: #e6e6e6;
}

.campaign-txt .progress .progress-bar {
	background: #0B5F33;
	border-radius: 10px;
}

.campaign-txt h5 {
	font-weight: 700;
	font-size: 22px;
	letter-spacing: -.5px;
}

ul.participants,
.campaign-txt h5 {
	margin-bottom: 25px;
}

.campaign-txt h6 a,
.campaign-txt h5 a {
	color: #222;
}

.campaign-thumb {
	position: relative;
	overflow: hidden;
}

.campaign-thumb:after {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .5);
	content: "";
	width: 100%;
	height: 100%;
	opacity: 0;
}

.campaign-box:hover .campaign-thumb:after {
	opacity: 1;
}

.campaign-box:hover .campaign-thumb a {
	opacity: 1;
	top: 0;
}

.campaign-box:hover h6 a,
.campaign-box:hover h5 a {
	color: #E85A2A;
}

.campaign-box:hover a.dbutton {
	color: #fff;
	background: #E85A2A;
}



/*************  Causes Listing Start  **************/

.causes-listing .campaign-box {
	margin-bottom: 40px;
	padding: 0px;
}

.causes-listing .campaign-thumb {
	width: 42.7%;
	float: left;
}

.causes-listing .campaign-txt {
	width: 57.3%;
	float: left;
	clear: none;
	padding: 30px;
}

.causes-listing .campaign-txt h4 {
	font-weight: 700;
	line-height: 32px;
	margin: 0 0 14px;
	font-size: 24px;
}

.causes-listing .campaign-txt h4 a {
	color: #222;
}

.causes-listing ul.funds {
	margin: 0 0 20px;
}

.causes-listing ul.funds li strong {}

.causes-listing ul.funds li {

	font-weight: 500;
	font-size: 14px;
}

.dn-btn {
	background: #0B5F33;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 14px;
	display: inline-block;
	border-radius: 3px;
	line-height: 40px;
	padding: 0 25px;
}

.causes-listing .campaign-box:hover .dn-btn {
	background: #E85A2A;
	color: #fff;
}

.causes-listing .campaign-box:hover h4 a {
	color: #E85A2A;
}

/*************************/

.single-donation-box {
	background: #f7f7f7;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	padding: 20px 15px;
	margin-bottom: 24px;
}

.sdb-left {
	float: left;
	width: 48%;
	padding-right: 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.sdb-right {
	float: right;
	width: 52%;
	padding-left: 15px;
}

.single-donation-box .progress {
	height: 15px;
	border-radius: 15px;
	margin-bottom: 20px;
	background: #ccc;
}

.single-donation-box .progress .progress-bar {
	border-radius: 15px;
	background: #0B5F33;
}

.single-donation-box .funds li:first-child {
	text-align: left;
}

.single-donation-box .funds li:last-child {
	text-align: right;
}

.single-donation-box .radio-boxes li {
	padding: 0 3px;
}

.single-donation-box .radio-boxes input[type=radio].css-radio+label.css-label {
	height: 55px;
	width: 58px;
	line-height: 52px;
	font-size: 20px;
	padding: 0px;
	background: #fff;
}

.single-donation-box li.form-submit {
	width: auto;
}

.single-donation-box li.form-submit button {
	height: 55px;
	line-height: 55px;
	padding: 0 20px;
}

.single-donation-box .radio-boxes input[type=radio].css-radio+label.css-label:hover,
.single-donation-box .radio-boxes input[type=radio].css-radio:checked+label.css-label {
	background: #E85A2A;
	border-color: #E85A2A;
	color: #fff;
}

.radio-boxes {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.radio-boxes li {
	float: left;
	padding: 10px 5px;
}

.radio-boxes .radio.custom {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
}

.radio-boxes input[type="radio"].custom {
	margin-left: 0;
	padding: 0;
}

.radio-boxes input[type=radio].css-radio {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0px;
	border: 0;
}

.radio-boxes input[type=radio].css-radio+label.css-label {
	height: 52px;
	width: 89px;
	display: inline-block;
	line-height: 50px;
	font-size: 24px;
	vertical-align: middle;
	cursor: pointer;
	opacity: 1;
	background: #f5f5f5;
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 0px;
	text-align: center;
	color: #333;
	margin: 0px;
}

.radio-boxes input[type=radio].css-radio+label.css-label:hover {
	background: #E85A2A;
	border-color: #E85A2A;
	color: #fff;
}

.radio-boxes input[type=radio].css-radio:checked+label.css-label {
	background: #E85A2A;
	border-color: #E85A2A;
	color: #fff;
}

.radio-boxes .inputs {
	width: 89px;
	overflow: hidden;
}

input.enter {
	background: #fff;
	border: 1px solid #cccccc;
	height: 52px;
	line-height: 50px;
	width: 100%;
	padding: 0 5px;
	border-radius: 3px;
}

li.form-submit {
	width: 100%;
}

li.form-submit button {
	width: 100%;
	border: 0px;
	background: #0B5F33;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 500;
	border-radius: 3px;
	line-height: 50px;
	text-transform: uppercase;
	cursor: pointer;
}

li.form-submit button:hover {
	background: #E85A2A;
	color: #fff;
}

/******** + ========== + Causes End + ========== + ********/


/*********************************
Donation Page Start
*********************************/

.donations h4 {
	margin: 0 0 13px;
	font-weight: 600;
}

.donations .radio-boxes {
	margin-bottom: 30px;
	width: 100%;
	float: left;
}

.donations .radio-boxes li {
	padding: 0px 5px 0 0;
}

.payment-method {
	margin: 0 0 30px;
}

.payment-method ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.payment-method li.half {
	width: 50%;
	float: left;
}

.payment-method h4 span {
	color: #ccc;
	font-weight: 400;
	font-size: 14px;
}

.payment-method p {
	margin: 0px;
}

.pl15 {
	padding-left: 15px;
}

.pr15 {
	padding-right: 15px;
}

.payment-method .form-control {
	border: 1px solid #cccccc;
	height: 53px;
	line-height: 51px;
	padding: 0 20px;
	margin-top: 20px;
}

.your-comments textarea.form-control {
	border: 1px solid #cccccc;
	height: 200px;
	padding: 15px;
	margin-bottom: 20px;
}

.your-comments {
	margin-bottom: 30px;
}

.your-comments .form-check-label {
	color: #555;
	font-size: 20px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}

.donator-details ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	float: left;
}

.donator-details li.half {
	width: 50%;
	float: left;
	margin-bottom: 20px;
}

.donator-details .form-control {
	border: 1px solid #cccccc;
	height: 53px;
	line-height: 51px;
	padding: 0 20px;
}

.donator-details input[type="submit"] {
	width: 100%;
	height: 53px;
	border: 0px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	background: #0B5F33;
	border-radius: 5px;
	cursor: pointer;
}

.donator-details input[type="submit"]:hover {
	background: #E85A2A;
	color: #fff;
}

.form-check.form-check-inline {
	display: inline-block;
}

.form-check.form-check-inline label {
	font-weight: 400;
	margin: 0px;
}

/*********************************
Donation Page End
*********************************/


/*********************************
Testimonials Start
*********************************/

.testimonials-section h2.text-center {
	margin: 0 0 30px;
	font-weight: 600;
}

.testimonials-section p,
.h3testimonials p {
	background: #fff;
	border: 1px solid #dddddd;
	font-size: 18px;
	color: #555555;
	line-height: 30px;
	padding: 25px;
	position: relative;
}

.testimonials-section .center p,
.h3testimonials .center p {
	background: #f9f9f9;
}

.testimonials-section .center p:after,
.h3testimonials .center p:after {
	border-top: 20px solid #f9f9f9;
}

.testimonials-section p:after,
.h3testimonials p:after {
	width: 0;
	height: 0;
	border-top: 20px solid #fff;
	border-left: 20px solid transparent;
	content: "";
	position: absolute;
	left: 20px;
	bottom: -19px;
}

.testimonials-section p:before,
.h3testimonials p:before {
	width: 0;
	height: 0;
	border-top: 22px solid #dddddd;
	border-left: 22px solid transparent;
	content: "";
	position: absolute;
	left: 19px;
	bottom: -22px;
}

.tuser {
	margin: 30px 0 0;
	color: #888888;
	font-size: 14px;
}

.tuser strong {
	color: #222;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	display: block;
	font-size: 20px;
}

.owl-carousel .owl-item .tuser img {
	width: 55px;
	height: 55px;
	border: 1px solid #dddddd;
	border-radius: 100%;
	float: left;
	margin-right: 15px;
}

.testimonials-section .owl-theme .owl-dots .owl-dot span {
	width: 20px;
	height: 5px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
}

.testimonials-section .owl-theme .owl-dots .owl-dot.active span,
.testimonials-section .owl-theme .owl-dots .owl-dot span:hover {
	background: #E85A2A;
}

.testimonials-section .owl-dots {
	text-align: center;
	margin: 30px 0 0 0;
}

/*********************************
Testimonials End
*********************************/




/***==============  Login / Register Page	   ==============***/

.login-wrap {
	width: 420px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	padding-top: 180px;
}

.login-wrap img {
	margin-bottom: 30px;
}

.login-box {
	width: 100%;
	float: left;
	background: #fff;
	border-radius: 3px;
	padding: 30px;
	text-align: left;
	margin-bottom: 20px;
}

.login-box h4 {
	margin-bottom: 10px;
}

.login-box p {
	font-size: 14px;
}

.login-box ul {
	margin: 20px 0;
	padding: 0 0 10px;
	list-style: none;
	border-bottom: 1px solid #eeeeee;
}

.login-box li {
	margin-bottom: 10px;
}

.linput {
	background: #fff;
	border-radius: 3px;
	width: 100%;
	line-height: 51px;
	border: 1px solid #cccccc;
	padding: 0 20px;
	color: #555;
}

.linput:focus {
	border: 1px solid #ababab;
}

.login-box input[type="submit"] {
	background: #0B5F33;
	line-height: 53px;
	padding: 0 30px;
	border-radius: 3px;
	color: #fff;
	text-transform: uppercase;
	border: 0px;
	font-weight: 700;
}

.login-box p.reg {
	text-align: center;
	font-size: 14px;
	margin: 0px;
}

.login-box p.reg a {
	color: #3949ab;
}

p.or {
	color: #fff;
	text-align: center;
}

p.or strong {
	display: block;
}

ul.social-login {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.social-login li {
	display: inline-block;
}

ul.social-login li i {
	font-weight: 400;
	font-size: 20px;
	margin-right: 5px;
}

ul.social-login a {
	border-radius: 3px;
	display: inline-block;
	line-height: 50px;
	padding: 0 18px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
}

ul.social-login a.fb {
	background: #3b5998;
}

ul.social-login a.tw {
	background: #55acee;
}

ul.social-login a.gp {
	background: #dd4b39;
}

.login-page.register-page .login-wrap {
	padding-top: 60px;
}

.login-account {
	background: #0B5F33;
	width: 100%;
	float: left;
	border-radius: 3px;
	padding: 44px 30px 40px;
}

.login-account p {
	color: #fff;
}

.login-account h4 {
	color: #fff;
	margin: 0 0 30px;
	font-weight: 700;
}

.register-account ul,
.login-account ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.login-account li {
	margin-bottom: 10px;
	color: #fff;
}

.login-account a {
	color: #fff;
}

.login-account .linput {
	border: 1px solid #fff;
}

.login-account input[type="submit"] {
	width: 100%;
	background: #E85A2A;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	line-height: 53px;
	border: 0px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	margin-top: 10px;
}

.login-account input[type="submit"]:hover {
	background: #fff;
	color: #E85A2A;
}

.register-account li {
	margin-bottom: 18px;
}

.register-account h4 {
	margin-bottom: 10px;
	font-weight: 700;
}

.register-account a {
	color: #E85A2A;
}

.register-account input[type="submit"] {
	width: 100%;
	background: #0B5F33;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	line-height: 53px;
	border: 0px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	margin-top: 10px;
}

.register-account input[type="submit"]:hover {
	background: #E85A2A;
	color: #fff;
}

/***==============  Login / Register Page end	   ==============***/



/*********************************
Coming Soon Start
*********************************/

.coming-soon {
	background: url(../images/coming-soon.jpg) top center fixed;
	background-size: cover;
}

.cs-txt {
	position: relative;
	width: 80%;
	margin: auto;
	overflow: hidden;
	text-align: center;
	padding-top: 200px;
}

.cs-txt img {
	margin-bottom: 40px;
	max-width: 100%;
	height: auto;
}

.cs-txt p {
	color: #fff;
	font-size: 22px;
	font-weight: 300;

	margin: 0 0 40px;
}

.cs-txt h1 {
	font-weight: 700;
	color: #fff;
	margin: 0 0 40px;
}

.cs-txt .countdown.is-countdown {
	width: 100%;
	float: left;
	margin: 0 0 70px;
	padding: 0 50px;
}

.cs-txt .countdown-section {
	width: 170px;
	height: 170px;
	border: 8px solid #E85A2A;
	display: inline-block;
	border-radius: 100%;
	margin: 0 15px;
	padding: 30px 0 0;
}

.cs-txt .countdown-amount {
	display: block;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 60px;
	font-weight: 800;
	line-height: 60px;
}

.cs-txt .countdown-period {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
}

.cs-newsletter-form {
	width: 80%;
	margin: auto;
	position: relative;
	text-align: left;
	overflow: hidden;
}

.cs-newsletter-form h4 {
	color: #fff;
	font-weight: 700;
	margin: 0 0 15px;
}

.cs-newsletter-form input.form-control {
	height: 53px;
	line-height: 49;
	border: 2px solid #E85A2A;
	background: none;
	padding: 0 20px;
	color: #fff;
}

.cs-newsletter-form button.subscribe {
	background: #E85A2A;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 53px;
	border-radius: 0 5px 5px 0;
	border: 0;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 30px;
	font-family: 'Montserrat', sans-serif;
}

/*********************************
Coming Soon End 
*********************************/



/*********************************
Page 404
*********************************/

.page-404 {
	width: 100%;
	float: left;
	height: 100vh;
	background: url(../images/page404.jpg) no-repeat;
	background-size: cover;
}

.wrap-404 {
	width: 600px;
	margin: 250px auto 0;
	text-align: center;
}

.wrap-404 strong.title-404 {
	font-size: 256px;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-weight: 900;
	line-height: 200px;
	display: block;
	margin-bottom: 20px;
}

.wrap-404 h2 {
	color: #fff;
	margin-bottom: 15px;
}

.wrap-404 h3 {
	color: #fff;
	margin-bottom: 15px;
}

.wrap-404 p {
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
}

.search-form {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.wrap-404 .search strong {
	font-size: 32px;
	color: #fff;
	display: block;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 10px;
}

.wrap-404 input.form-control {
	border: 0;
	border-radius: 3px;
	padding: 0 15px;
	line-height: 53px;
	height: 53px;
	width: 85%;
	float: left;
}

.wrap-404 button.btn {
	background: #E85A2A;
	height: 53px;
	line-height: 53px;
	border: 0px;
	box-shadow: none;
	padding: 0 25px;
	color: #fff;
	font-size: 18px;
}

.wrap-404 a.back {
	background: #E85A2A;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
	line-height: 45px;
	padding: 0 30px;
	text-transform: uppercase;
	font-weight: 700;
}

/*********************************
Page 404 End
*********************************/

/*********************************
Search Overlay End
*********************************/
#search {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .9);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
	opacity: 0;
	z-index: 99999999;
}

#search.open {
	-webkit-transform: translate(0px, 0px) scale(1, 1);
	-moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1);
	opacity: 1;
}

.search-overlay-form {
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
	width: 60%;
	height: 60px;
	margin: auto;
}

#search input[type="search"] {
	width: 100%;
	line-height: 60px;
	color: #fff;
	background: rgba(0, 0, 0, 0);
	font-size: 40px;
	font-weight: 300;
	text-align: center;
	border: 0px;
	border-bottom: 1px solid #ccc;
	outline: none;
}

#search .btn {
	position: absolute;
	background: #66bb6a;
	color: #fff;
	border: 0px;
	right: 0;
	top: 5px;
	width: 50px;
	height: 50px;
}

#search .close {
	position: fixed;
	top: 15px;
	right: 15px;
	color: #fff;
	background-color: #66bb6a;
	border-color: #66bb6a;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}

/*********************************
Search Overlay End
*********************************/

#sidebar {
	width: 300px;
	position: fixed;
	top: 0;
	right: -300px;
	height: 100vh;
	z-index: 999;
	background: #0B5F33;
	color: #fff;
	transition: all 0.3s;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
	right: 0;
}

#dismiss {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#dismiss:hover {
	background: #fff;
	color: #7386D5;
}

.overlay {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 998;
	opacity: 0;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
}

.overlay.active {
	display: block;
	opacity: 1;
}

#sidebar .sidebar-header {
	padding: 20px;
	background: #0B5F33;
}

#sidebar ul.components {
	padding: 20px 0;
	border-bottom: 1px solid #47748b;
}

#sidebar ul p {
	color: #fff;
	padding: 10px;
}

#sidebar ul li a {
	padding: 10px;
	font-size: 1.1em;
	display: block;
	color: #fff;
}

#sidebar ul li a:hover {
	color: #0B5F33;
	background: #fff;
}

#sidebar ul li.active>a {
	color: #fff;
	background: rgba(0, 0, 0, .3);
}

a[data-toggle="collapse"] {
	position: relative;
}

.dropdown-toggle::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.font {
	font-family: 'Montserrat', sans-serif;

}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.5rem !important;
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, .55);
	padding: 0.5rem;
}

/******** + ========== + Transition Start + ========== + ********/

.lb-ser-box h6,
.lb-ser-box img,
.lb-icon,
.lb-box img,
.ch-box:after,
.banner-tags li,
.main-slider .owl-carousel button.owl-dot span,
.news-box-f:after,
ul.team-social:after,
.latest-updates ul li:after,
.sub-menu a,
.login-account input[type="submit"],
.login-box input[type="submit"],
.register-account input[type="submit"],
.donator-details input[type="submit"],
.testimonials-section .owl-theme .owl-dots .owl-dot span,
li.form-submit button,
.dn-btn,
.causes-listing .campaign-txt h4 a,
.campaign-txt h6 a,
.campaign-txt h5 a,
a.dbutton,
.campaign-thumb a,
.campaign-thumb:after,
.event-counter a,
.event-share ul a,
.event-share ul a.like:after,
.event-gallery .eg-thumb:after,
.event-gallery .eg-thumb a,
.h3-team-box img,
.contact-form input[type="submit"],
.single-post-tags a,
.gallery-thumb:after,
.gallery-thumb a,
.stay-connected input[type="submit"],
.department-links li a:after,
.department-links li a,
.ch-box .ch-txt h6 a,
.city-updates li.more-news a,
.city-updates ul li strong a,
.deprt-icon-box h5 a,
.service-box img,
.serbox-cap,
.serbox-cap h6 a,
.serbox-cap p,
.serbox-cap .rm,
.service-box:after,
.local-service-box img,
.hc-box .hc-box-cap,
.hc-box .hc-box-cap p,
.event-cap,
.event-cap p,
.owl-carousel .owl-item img,
.ch-box .ch-txt,
.ch-box .ch-txt p,
.post-comments-form input[type="submit"],
ul.gallery-2-col img,
ul.gallery-3-col img,
ul.gallery-4-col img,
.share-post-single a,
.newsletter-style2 button,
.department-box:after,
.contact-team,
ul.member-social a,
.team-grid .h3-team-box img,
.new-thumb a,
.event-list-box,
.event-list-box .event-title h6 a,
a.join-now,
a.join-now,
.about-widget a,
.widget .archives a,
.tags-widget a,
.widget .categories a,
.widget .upcoming-events .edate,
.widget h6 a,
.site-pagination .pagination>li>a,
.pagination>li>span,
#h3team-slider .owl-next,
#h3team-slider .owl-prev,
.team-info ul,
.team-info p,
.team-info,
.team-info ul li a,
.community-links-style-two li a,
.community-links-style-two li a img,
ul.reports a,
a.jobs-link,
.deprt-icon-box,
.deprt-icon-box img,
.deprt-icon-box h6,
.deprt-icon-box h6 a,
.deprt-icon-box a.rm,
.news-box,
.new-thumb:after,
.new-txt h6 a,
.news-box-f a,
.event-cap h5 a,
.recent-events .event-list,
.recent-events .event-list:after,
.event-list li.el-title h6 a,
.event-list a.joinnow,
.recent-events .nav-tabs>li>a,
.h3-slider-caption a,
.h3-navbar .dropdown-menu a,
.h3-navbar .navbar .navbar-nav>li>a,
.h3-navbar .navbar .navbar-nav>li>a:after,
.h3-logo-row ul.quick-links li a,
.become-vol,
.cross-btn,
.some-facts strong,
.community-box,
.news-post,
.event-post-full,
.hc-box,
.hc-box .hc-box-cap,
.hc-box .hc-box-cap h5 a,
.hc-box .hc-box-cap ul li,
.hc-box .hc-box-cap p,
.hc-box .hc-box-cap h5 a,
.hc-box .hc-box-cap ul,
.hc-box .hc-box-cap li a,
.local-box img,
.event-post-txt h5 a,
.newsletter-form button,
.e-numbers .em-box,
.e-numbers .em-box strong.em-num,
.e-numbers .em-box strong.em-deprt,
.e-numbers .em-box i,
.twitter-widget a.reply-tw,
.footer-widget ul li a,
.team-heading a,
.community-box ul li a,
.community-box a.see-more,
.highlights-cityscapes .owl-carousel .owl-nav button.owl-prev,
.highlights-cityscapes .owl-carousel .owl-nav button.owl-next,
.btn-group.share-post button.dropdown-toggle,
.news-post-txt h5 a,
.local-box:after,
.local-box a,
.city-tour a img,
.h2-Mayor-msg .Mayor-txt a,
.slider-caption a,
.header .topbar a,
.call2action a,
.footer p.copyr a,
.footer-social a,
.team-box .team-txt h5,
.team-box .team-txt strong,
.team-box .team-thumb:after,
.team-box .team-thumb a,
ul.team-social a,
.fact-box,
.fact-box span,
.fact-box strong,
.department-box a,
.ch-box .ch-txt ul li a,
.ch-box .ch-thumb a,
.ch-box .ch-thumb:after,
.ch-box .ch-txt h5 a,
.city-highlights .owl-carousel .owl-nav button.owl-next,
.city-highlights .owl-carousel .owl-nav button.owl-prev,
.thumb a,
.thumb:after,
.event-post-txt h5 a,
.event-post-loc a,
.latest-updates ul li strong a,
.title-style-2 a,
.local-service-box:after,
.local-service-box a,
.Mayor-text a,
.logo-nav-row .navbar-nav>li>a,
.topbar ul.left-links a,
.logo-nav-row .dropdown-menu>li>a {
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
}

/******** + ========== + Transition End + ========== + ********/
.top-marquee {
	background-color: #d32f2f;
	/* MHADA Green */
	color: #ffffff;
	overflow: hidden;
	white-space: nowrap;
	padding: 8px 0;
	font-size: 14px;
	font-weight: 500;
}

.marquee-content {
	display: inline-block;
	padding-left: 100%;
	animation: marquee 60s linear infinite;
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

.top-marquee:hover .marquee-content {
	animation-play-state: paused;
}

/* Show only 4 news items */
.news-scroll {
	max-height: 260px;
	/* approx height of 4 items */
	overflow: hidden;
	padding-right: 10px;
}

/* News Item */
.news-scroll li {
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px dashed #ddd;
}

/* Professional NEW indicator */
.new-indicator {
	display: inline-block;
	background: #E85A2A;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	padding: 2px 6px;
	margin-right: 6px;
	border-radius: 2px;
	animation: pulse 1.2s infinite;
}

@keyframes pulse {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

/* Date style */
.post-date {
	display: block;
	font-size: 12px;
	color: #666;
}

/* Pause scroll on hover */
.news-scroll:hover {
	overflow-y: auto;
}

/* Add top padding to whole list */
.project-meta-list {
	display: flex;
	align-items: center;
	gap: 40px;
	flex-wrap: wrap;
	padding-top: 30px;
	/* TOP PADDING ADDED */
}

/* Each item */
.project-meta-list .renvia-info-item {
	display: flex;
	align-items: center;
	padding: 14px 18px;
	background: #ffffff;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	transition: all 0.3s ease;
}

/* Circular icon */
.project-meta-list .renvia-info-item .icon {
	width: 52px;
	height: 52px;
	min-width: 52px;
	background: #f3f3f3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 14px;
}

.project-meta-list .renvia-info-item .icon img {
	width: 22px;
	height: 22px;
}

/* Text */
.project-meta-list .renvia-info-item .info span {
	font-size: 13px;
	color: #777;
	display: block;
	margin-bottom: 3px;
}

.project-meta-list .renvia-info-item .info h6 {
	font-size: 15px;
	font-weight: 600;
	margin: 0;
	color: #222;
}

/* Hover */

/* Project Details Wrapper */
.project-details-wrapper .project-thumbnail img {
	width: 100%;
	border-radius: 30px;
}

.project-details-wrapper .project-content .project-meta-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 991.98px) {
	.project-details-wrapper .project-content .project-meta-list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

@media screen and (max-width: 991.98px) {
	.project-details-wrapper .project-content .project-meta-list .renvia-info-item {
		width: 30%;
	}
}

@media (max-width: 767.98px) {
	.project-details-wrapper .project-content .project-meta-list .renvia-info-item {
		width: 50%;
	}

	.project-details-wrapper .project-content .project-meta-list .renvia-info-item .icon {
		margin-right: 10px;
	}
}

.project-details-wrapper .project-content .location {
	margin-bottom: 15px;
}

.project-details-wrapper .project-content .location i {
	margin-right: 10px;
	color: var(--primary-color);
}

.project-details-wrapper .project-content .title {
	font-size: 46px;
	margin-bottom: 20px;
}

@media (max-width: 767.98px) {
	.project-details-wrapper .project-content .title {
		font-size: 24px;
	}
}

.project-details-wrapper .project-content>p {
	margin-bottom: 30px;
}

.project-details-wrapper .project-content .content-box {
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
	padding: 30px 0;
}

.project-details-wrapper .project-content .content-box h3 {
	font-size: 46px;
	margin-bottom: 20px;
}

@media (max-width: 767.98px) {
	.project-details-wrapper .project-content .content-box h3 {
		font-size: 22px;
	}
}

.project-details-wrapper .project-content .content-box p {
	margin-bottom: 30px;
}

.project-details-wrapper .project-content .content-box .features-amenities-list {
	background-color: #F8F8F8;
	padding: 40px 30px;
	border-radius: 15px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
	grid-template-columns: repeat(5, 1fr);
	gap: 30px 30px;
}

@media screen and (max-width: 1199.98px) {
	.project-details-wrapper .project-content .content-box .features-amenities-list {
		-ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
		grid-template-columns: repeat(4, 1fr);
		gap: 30px 15px;
	}
}

@media screen and (max-width: 991.98px) {
	.project-details-wrapper .project-content .content-box .features-amenities-list {
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 767.98px) {
	.project-details-wrapper .project-content .content-box .features-amenities-list {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}
}

.project-details-wrapper .project-content .project-info-box {
	border-radius: 30px;
	background-color: #f8f8f8;
	padding: 40px;
}

.project-details-wrapper .project-content .project-info-box h5 {
	font-size: 20px;
}

@media (max-width: 767.98px) {
	.project-details-wrapper .project-content .project-info-box h5 {
		font-size: 22px;
	}
}

.project-details-wrapper .project-content .project-info-box h5:after {
	display: block;
	content: "";
	width: 140px;
	height: 1px;
	background-color: var(--primary-color);
	margin-top: 20px;
	margin-bottom: 25px;
}

.project-details-wrapper .project-content .project-info-box ul li {
	color: var(--heading-color);
	font-family: var(--heading-font);
}

.project-details-wrapper .project-content .project-info-box ul li:not(:last-child) {
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-color);
}

.project-details-wrapper .project-content .project-info-box ul li span {
	font-weight: 400;
	font-family: var(--body-font);
	color: var(--text-color);
	float: right;
}

.project-details-wrapper .project-content .property-media-box .property-tabs .nav-tabs {
	border-bottom: none;
	gap: 20px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

@media screen and (max-width: 991.98px) {
	.project-details-wrapper .project-content .property-media-box .property-tabs .nav-tabs {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

.project-details-wrapper .project-content .property-media-box .property-tabs .nav-link {
	padding: 12px 20px;
	line-height: 1px;
	background-color: var(--gray-color);
	line-height: 1;
	font-size: 14px;
	font-weight: 700;
	border-radius: 30px;
	color: var(--heading-color);
	border: none;
}

.project-details-wrapper .project-content .property-media-box .property-tabs .nav-link.active {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.project-details-wrapper .project-content .property-media-box .map-box iframe {
	height: 570px;
	border-radius: 30px;
	margin-bottom: 35px;
}

.project-details-wrapper .project-content .property-media-box .renvia-image {
	position: relative;
}

.project-details-wrapper .project-content .property-media-box .renvia-image img {
	width: 100%;
	border-radius: 30px;
}

.project-details-wrapper .project-content .property-media-box .renvia-image .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.project-details-wrapper .project-content .property-media-box .renvia-image .play-button .video-popup {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--white-color);
	color: var(--primary-color);
	position: relative;
}

.project-details-wrapper .project-content .property-media-box .renvia-image .play-button .video-popup:before,
.project-details-wrapper .project-content .property-media-box .renvia-image .play-button .video-popup:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	border-radius: 50%;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.project-details-wrapper .project-content .property-media-box .renvia-image .play-button .video-popup:before {
	background-color: var(--white-color);
	-webkit-animation: playpopup infinite ease-in 2s;
	animation: playpopup infinite ease-in 2s;
}

.project-details-wrapper .project-content .property-media-box .renvia-image .play-button .video-popup:after {
	background-color: rgb(255, 255, 255);
	-webkit-animation: playpopup infinite ease-in-out 4s;
	animation: playpopup infinite ease-in-out 4s;
}

.project-details-wrapper .project-content .property-media-box .video-image .overlay-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.project-details-wrapper .project-content .property-media-box .video-image .overlay-image .play-button {
	z-index: 1;
}

.project-filter-sidebar {
	width: 100%;
	background: #ffffff;
	padding: 24px;
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
}

.filter-title {
	font-size: 18px;
	font-weight: 700;
	color: #0d6efd;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.filter-form {
	width: 100%;
}

.filter-group {
	width: 100%;
	margin-bottom: 16px;
}

.filter-group label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 6px;
	color: #444;
}

.filter-group .form-select {
	width: 100%;
	height: 48px;
	font-size: 14px;
	padding: 10px 14px;
	border-radius: 10px;
	border: 1px solid #dce1e7;
	box-sizing: border-box;
}

.filter-group .form-select:focus {
	border-color: #0d6efd;
	box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
}

.btn-filter {
	width: 100%;
	height: 50px;
	border-radius: 12px;
	font-weight: 600;
	background: linear-gradient(135deg, #0d6efd, #0a58ca);
	border: none;
}

.btn-filter:hover {
	background: linear-gradient(135deg, #0a58ca, #084298);
	box-shadow: 0 6px 18px rgba(13, 110, 253, 0.35);
}



/* MHADA CTA Section */
.mhada-cta {
	background: linear-gradient(90deg, #0B5F33, #E85A2A);
	color: #FFFFFF;
}

.mhada-cta h2 {
	color: #FFFFFF;
	font-weight: 700;
	margin-bottom: 15px;
}

.mhada-cta p {
	color: #FFFFFF;
	font-size: 18px;
	margin-bottom: 25px;
}

.mhada-cta .btn-primary {
	background: #FFFFFF;
	color: #0B5F33;
	border: none;
}

.mhada-cta .btn-primary:hover {
	background: #000000;
	color: #FFFFFF;
}

.mhada-cta .btn-outline-light {
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
}

.mhada-cta .btn-outline-light:hover {
	background: #FFFFFF;
	color: #0B5F33;
}


/* Navbar Active State */
.navbar .nav-link.active {
	color: #E85A2A !important;
	font-weight: 600;
	border-bottom: 2px solid #E85A2A;
}

/* Sticky CTA */
.sticky-cta {
	position: fixed;
	right: 15px;
	bottom: 20px;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.cta-apply {
	background: #E85A2A;
	color: #FFFFFF;
	padding: 12px 18px;
	border-radius: 30px;
	text-decoration: none;
	font-weight: 600;
	text-align: center;
}

.cta-whatsapp {
	background: #25D366;
	color: #FFFFFF;
	padding: 12px 18px;
	border-radius: 30px;
	text-decoration: none;
	font-weight: 600;
	text-align: center;
}

.cta-apply:hover,
.cta-whatsapp:hover {
	opacity: 0.9;
	color: #FFFFFF;
}

/* Mobile adjustment */
@media(max-width:768px) {
	.sticky-cta {
		right: 10px;
		bottom: 15px;
	}
}


/* Header Search */
.header-search input {
	border: 1px solid #0B5F33;
}

.btn-search {
	background: #0B5F33;
	color: #FFFFFF;
}

.btn-search:hover {
	background: #E85A2A;
}

/* Sticky Govt Sidebar */
.govt-sidebar {
	position: fixed;
	top: 40%;
	left: 0;
	background: #0B5F33;
	z-index: 999;
	display: flex;
	flex-direction: column;
}

.govt-sidebar a {
	color: #FFFFFF;
	padding: 0.5rem;
	text-decoration: none;
	font-size: 0.8rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.govt-sidebar a:hover {
	background: #E85A2A;
}

/* Info Strip */
.govt-info-strip {
	background: #ff9b00;
	padding: 15px 0;
	font-weight: 600;
	color: #fff;
}

/* ================= MHADA PROJECT DETAIL PAGE ================= */

.mhada-header {
	background: #FFFFFF;
	border-bottom: 3px solid #0B5F33;
}

.mhada-logo {
	font-weight: 700;
	font-size: 20px;
}

.mhada-nav .nav-link {
	color: #000;
	font-weight: 500;
}

.mhada-nav .nav-link.active {
	color: #E85A2A;
	border-bottom: 2px solid #E85A2A;
}

.btn-mhada {
	background: #E85A2A;
	color: #FFFFFF;
}

.project-hero {
	background: #0B5F33;
	color: #FFFFFF;
	padding: 30px 0;
}

.project-hero-img {
	border-radius: 6px;
	border: 3px solid #FFFFFF;
}

.content-section {
	margin-bottom: 40px;
}

.info-table th {
	width: 40%;
	background: #f3f6f4;
}

.sidebar-box {
	background: #FFFFFF;
	border: 1px solid #ddd;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 6px;
}

.sidebar-title {
	font-weight: 600;
	margin-bottom: 10px;
}

.sidebar-nav {
	list-style: none;
	padding-left: 0;
}

.sidebar-nav li {
	margin-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #ccc;
	padding: 0.5rem 0;
}

.sidebar-nav a {
	text-decoration: none;
	color: #333;
	font-weight: 600;
}

.sidebar-nav a:hover {
	text-decoration: underline;
}

.sticky-top-sidebar {
	top: 90px;
	position: sticky;
}

.cta-box {
	background: #0B5F33;
	color: #FFFFFF;
}

.amenities-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	margin-top: 15px;
}



.amenities-grid i {
	font-size: 2rem;
	color: #e85a2a;
	display: block;
	margin-bottom: 6px;
}

.mhada-footer {
	background: #000000;
	color: #FFFFFF;
	padding: 15px 0;
}

/* ===== GOVT NAVBAR FIX ===== */
.govt-navbar {
	background: #ffffff;
	border-bottom: 3px solid #0B5F33;
}

.govt-navbar .nav-link {
	font-weight: 600;
	color: #000000;
}

.govt-navbar .nav-link:hover,
.govt-navbar .nav-link.active {
	color: #0B5F33;
}

.govt-navbar .dropdown-menu {
	border-radius: 0;
	border: 1px solid #ddd;
}

.btn-mhada {
	background: #E85A2A;
	color: #fff;
	font-weight: 600;
	border-radius: 4px;
}

.btn-mhada:hover {
	background: #c84820;
	color: #fff;
}

/* Fix sticky sidebar overlap */
.sticky-top-sidebar {
	top: 110px;
}

/* ================= SIDEBAR COMMON ================= */
.sidebar-box {
	background: #ffffff;
	border: 1px solid #ddd;
	padding: 15px;
	margin-bottom: 20px;
}

.sidebar-heading {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 12px;
	border-left: 4px solid #E85A2A;
	padding-left: 8px;
}

/* ================= OTHER PROJECTS ================= */
.other-projects {
	list-style: none;
	padding: 0;
	margin: 0;
}

.other-projects li {
	margin-bottom: 10px;
}

.other-projects a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 8px;
	border: 1px solid #eee;
	transition: background 0.2s;
}

.other-projects a:hover {
	background: #f8f9fa;
}

.other-projects .project-name {
	display: block;
	font-weight: 600;
	font-size: 14px;
}

.other-projects small {
	color: #666;
}

/* ================= TAGS ================= */
.tag-list a {
	display: inline-block;
	background: #f1f1f1;
	color: #000;
	font-size: 13px;
	padding: 4px 10px;
	margin: 4px 4px 0 0;
	text-decoration: none;
	border-radius: 3px;
}

.tag-list a:hover {
	background: #0B5F33;
	color: #fff;
}

/* ================= HELP BOX ================= */
.sidebar-help {
	background: #fdf7f2;
	border-left: 4px solid #E85A2A;
}

.help-text {
	font-size: 14px;
	color: #333;
}

.help-phone {
	font-size: 18px;
	color: #0B5F33;
	margin: 8px 0;
}

.help-address {
	font-size: 13px;
	line-height: 1.6;
	color: #333;
}

/* ================= CONTENT HEADINGS ================= */


.section-subtitle {
	font-size: 14px;
	color: #666;
	margin-bottom: 20px;
}

/* ================= SIDEBAR COMMON ================= */
.sidebar-box {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	padding: 16px;
	border-radius: 4px;
}

.sidebar-heading {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 12px;
	border-left: 4px solid #E85A2A;
	padding-left: 10px;
	color: #0B5F33;
}

/* ================= HELP BOX ================= */
.sidebar-help {
	background: #fdf7f2;
	border-left: 4px solid #E85A2A;
}

.help-text {
	font-size: 14px;
	color: #333;
	line-height: 1.6;
}

.help-phone {
	font-size: 18px;
	color: #0B5F33;
	margin: 8px 0;
}

.help-address {
	font-size: 13px;
	line-height: 1.6;
	color: #444;
}

/* ================= TAGS ================= */
.tag-list a {
	display: inline-block;
	background: #f2f2f2;
	color: #000;
	font-size: 13px;
	padding: 6px 12px;
	margin: 4px 4px 0 0;
	border-radius: 20px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.tag-list a:hover {
	background: #0B5F33;
	color: #fff;
}

/* ================= HEADINGS ================= */


.section-subtitle {
	font-size: 14px;
	color: #666;
	margin-bottom: 25px;
}

/* ================= PROJECT LISTING ================= */
.project-card {
	background: #fff;
	border: 1px solid #e5e5e5;
	transition: box-shadow 0.2s ease;
}

.project-card:hover {
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.project-title a {
	font-size: 18px;
	font-weight: 700;
	color: #0B5F33;
	text-decoration: none;
}

.project-title a:hover {
	color: #E85A2A;
}

/* ================= GOVT FOOTER ================= */
.govt-footer {
	background: #0B5F33;
	color: #ffffff;
	padding-top: 50px;
}

.govt-footer h6 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 14px;
	color: #fff !important;
	border-left: 4px solid #E85A2A;
	padding-left: 10px;
}

.footer-logo {
	max-width: 180px;
	margin-bottom: 12px;
}

.footer-about p {
	font-size: 14px;
	line-height: 1.7;
	color: #eaeaea;
}

.footer-address {
	font-size: 13px;
	margin-top: 10px;
	color: #f1f1f1;
}

.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links li {
	margin-bottom: 6px;
}

.footer-links li a {
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	transition: all 0.2s ease;
}

.footer-links li a:hover {
	color: #E85A2A;
	padding-left: 4px;
}

.small-links li a {
	font-size: 13px;
	color: #ddd;
}

.footer-contact {
	font-size: 14px;
	line-height: 1.8;
}

.footer-contact a {
	color: #ffffff;
	text-decoration: none;
}

.footer-partner {
	margin-top: 10px;
	font-size: 13px;
	background: rgba(255, 255, 255, 0.08);
	padding: 10px;
	border-left: 3px solid #E85A2A;
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	margin-top: 30px;
	padding: 15px 0;
	font-size: 13px;
}

.visitor-count strong {
	color: #E85A2A;
}






/*****pooja new css ***********/
.top-marquee {
	background-color: #0B5F33;
	/* MHADA Green */
	color: #ffffff;
	overflow: hidden;
	white-space: nowrap;
	padding: 8px 0;
	font-size: 14px;
	font-weight: 500;
}

.marquee-content {
	display: inline-block;
	padding-left: 100%;
	animation: marquee 60s linear infinite;
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

.top-marquee:hover .marquee-content {
	animation-play-state: paused;
}

/* Show only 4 news items */
.news-scroll {
	max-height: 260px;
	/* approx height of 4 items */
	overflow: hidden;
	padding-right: 10px;
}

/* News Item */
.news-scroll li {
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px dashed #ddd;
}

/* Professional NEW indicator */
.new-indicator {
	display: inline-block;
	background: #E85A2A;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	padding: 2px 6px;
	margin-right: 6px;
	border-radius: 2px;
	animation: pulse 1.2s infinite;
}

@keyframes pulse {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

/* Date style */
.post-date {
	display: block;
	font-size: 12px;
	color: #666;
}

/* Pause scroll on hover */
.news-scroll:hover {
	overflow-y: auto;
}

/* Add top padding to whole list */
.project-meta-list {
	display: flex;
	align-items: center;
	gap: 40px;
	flex-wrap: wrap;
	padding-top: 30px;
	/* TOP PADDING ADDED */
}

/* Each item */
.project-meta-list .renvia-info-item {
	display: flex;
	align-items: center;
	padding: 14px 18px;
	background: #ffffff;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	transition: all 0.3s ease;
}

/* Circular icon */
.project-meta-list .renvia-info-item .icon {
	width: 52px;
	height: 52px;
	min-width: 52px;
	background: #f3f3f3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 14px;
}

.project-meta-list .renvia-info-item .icon img {
	width: 22px;
	height: 22px;
}

/* Text */
.project-meta-list .renvia-info-item .info span {
	font-size: 13px;
	color: #777;
	display: block;
	margin-bottom: 3px;
}

.project-meta-list .renvia-info-item .info h6 {
	font-size: 15px;
	font-weight: 600;
	margin: 0;
	color: #222;
}

/* Hover */

/* Project Details Wrapper */
.project-details-wrapper .project-thumbnail img {
	width: 100%;
	border-radius: 30px;
}

.project-details-wrapper .project-content .project-meta-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 991.98px) {
	.project-details-wrapper .project-content .project-meta-list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

@media screen and (max-width: 991.98px) {
	.project-details-wrapper .project-content .project-meta-list .renvia-info-item {
		width: 30%;
	}
}

@media (max-width: 767.98px) {
	.project-details-wrapper .project-content .project-meta-list .renvia-info-item {
		width: 50%;
	}

	.project-details-wrapper .project-content .project-meta-list .renvia-info-item .icon {
		margin-right: 10px;
	}
}

.project-details-wrapper .project-content .location {
	margin-bottom: 15px;
}

.project-details-wrapper .project-content .location i {
	margin-right: 10px;
	color: var(--primary-color);
}

.project-details-wrapper .project-content .title {
	font-size: 46px;
	margin-bottom: 20px;
}

@media (max-width: 767.98px) {
	.project-details-wrapper .project-content .title {
		font-size: 24px;
	}
}

.project-details-wrapper .project-content>p {
	margin-bottom: 30px;
}

.project-details-wrapper .project-content .content-box {
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
	padding: 30px 0;
}

.project-details-wrapper .project-content .content-box h3 {
	font-size: 46px;
	margin-bottom: 20px;
}

@media (max-width: 767.98px) {
	.project-details-wrapper .project-content .content-box h3 {
		font-size: 22px;
	}
}

.project-details-wrapper .project-content .content-box p {
	margin-bottom: 30px;
}

.project-details-wrapper .project-content .content-box .features-amenities-list {
	background-color: #F8F8F8;
	padding: 40px 30px;
	border-radius: 15px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
	grid-template-columns: repeat(5, 1fr);
	gap: 30px 30px;
}

@media screen and (max-width: 1199.98px) {
	.project-details-wrapper .project-content .content-box .features-amenities-list {
		-ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
		grid-template-columns: repeat(4, 1fr);
		gap: 30px 15px;
	}
}

@media screen and (max-width: 991.98px) {
	.project-details-wrapper .project-content .content-box .features-amenities-list {
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 767.98px) {
	.project-details-wrapper .project-content .content-box .features-amenities-list {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}
}

.project-details-wrapper .project-content .project-info-box {
	border-radius: 30px;
	background-color: #f8f8f8;
	padding: 40px;
}

.project-details-wrapper .project-content .project-info-box h5 {
	font-size: 20px;
}

@media (max-width: 767.98px) {
	.project-details-wrapper .project-content .project-info-box h5 {
		font-size: 22px;
	}
}

.project-details-wrapper .project-content .project-info-box h5:after {
	display: block;
	content: "";
	width: 140px;
	height: 1px;
	background-color: var(--primary-color);
	margin-top: 20px;
	margin-bottom: 25px;
}

.project-details-wrapper .project-content .project-info-box ul li {
	color: var(--heading-color);
	font-family: var(--heading-font);
}

.project-details-wrapper .project-content .project-info-box ul li:not(:last-child) {
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-color);
}

.project-details-wrapper .project-content .project-info-box ul li span {
	font-weight: 400;
	font-family: var(--body-font);
	color: var(--text-color);
	float: right;
}

.project-details-wrapper .project-content .property-media-box .property-tabs .nav-tabs {
	border-bottom: none;
	gap: 20px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

@media screen and (max-width: 991.98px) {
	.project-details-wrapper .project-content .property-media-box .property-tabs .nav-tabs {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

.project-details-wrapper .project-content .property-media-box .property-tabs .nav-link {
	padding: 12px 20px;
	line-height: 1px;
	background-color: var(--gray-color);
	line-height: 1;
	font-size: 14px;
	font-weight: 700;
	border-radius: 30px;
	color: var(--heading-color);
	border: none;
}

.project-details-wrapper .project-content .property-media-box .property-tabs .nav-link.active {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.project-details-wrapper .project-content .property-media-box .map-box iframe {
	height: 570px;
	border-radius: 30px;
	margin-bottom: 35px;
}

.project-details-wrapper .project-content .property-media-box .renvia-image {
	position: relative;
}

.project-details-wrapper .project-content .property-media-box .renvia-image img {
	width: 100%;
	border-radius: 30px;
}

.project-details-wrapper .project-content .property-media-box .renvia-image .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.project-details-wrapper .project-content .property-media-box .renvia-image .play-button .video-popup {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--white-color);
	color: var(--primary-color);
	position: relative;
}

.project-details-wrapper .project-content .property-media-box .renvia-image .play-button .video-popup:before,
.project-details-wrapper .project-content .property-media-box .renvia-image .play-button .video-popup:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	border-radius: 50%;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.project-details-wrapper .project-content .property-media-box .renvia-image .play-button .video-popup:before {
	background-color: var(--white-color);
	-webkit-animation: playpopup infinite ease-in 2s;
	animation: playpopup infinite ease-in 2s;
}

.project-details-wrapper .project-content .property-media-box .renvia-image .play-button .video-popup:after {
	background-color: rgb(255, 255, 255);
	-webkit-animation: playpopup infinite ease-in-out 4s;
	animation: playpopup infinite ease-in-out 4s;
}

.project-details-wrapper .project-content .property-media-box .video-image .overlay-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.project-details-wrapper .project-content .property-media-box .video-image .overlay-image .play-button {
	z-index: 1;
}

.project-filter-sidebar {
	width: 100%;
	background: #ffffff;
	padding: 24px;
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
}

.filter-title {
	font-size: 18px;
	font-weight: 700;
	color: #0d6efd;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.filter-form {
	width: 100%;
}

.filter-group {
	width: 100%;
	margin-bottom: 16px;
}

.filter-group label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 6px;
	color: #444;
}

.filter-group .form-select {
	width: 100%;
	height: 48px;
	font-size: 14px;
	padding: 10px 14px;
	border-radius: 10px;
	border: 1px solid #dce1e7;
	box-sizing: border-box;
}

.filter-group .form-select:focus {
	border-color: #0d6efd;
	box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
}

.btn-filter {
	width: 100%;
	height: 50px;
	border-radius: 12px;
	font-weight: 600;
	background: linear-gradient(135deg, #0d6efd, #0a58ca);
	border: none;
}

.btn-filter:hover {
	background: linear-gradient(135deg, #0a58ca, #084298);
	box-shadow: 0 6px 18px rgba(13, 110, 253, 0.35);
}

.sidebar-title {
	font-size: 18px;
	font-weight: 600;
	color: #0B5F33;
	margin-bottom: 18px;
	padding-bottom: 10px;
	border-bottom: 2px solid #E85A2A;
	display: flex;
	align-items: center;
}

/* Contact List Reset */
.contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Contact Item */
.contact-list li {
	display: flex;
	gap: 12px;
	margin-bottom: 18px;
	align-items: flex-start;
}

.contact-list li:last-child {
	margin-bottom: 0;
}

/* Icon Circle */
.contact-list .icon {
	width: 38px;
	height: 38px;
	background: #E85A2A;
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	flex-shrink: 0;
}

/* Text Block */
.contact-list .text {
	flex: 1;
}

/* Heading Text */
.contact-list .text strong {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 4px;
}

/* Paragraph Text */
.contact-list .text p {
	margin: 0;
	font-size: 13.5px;
	color: #555555;
	line-height: 1.6;
}

/* Links */
.contact-list .text a {
	color: #0B5F33;
	text-decoration: none;
	word-break: break-word;
}

.contact-list .text a:hover {
	text-decoration: underline;
}

/* Small Text */
.contact-list small {
	font-size: 12px;
	color: #777777;
}

/* Responsive Adjustment */
@media (max-width: 767px) {
	.widget {
		padding: 18px 15px;
	}

	.sidebar-title {
		font-size: 16px;
	}

	.contact-list .icon {
		width: 34px;
		height: 34px;
		font-size: 14px;
	}
}

.board-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* List Item */
.board-list ul li {
	border-bottom: 1px solid #e6e6e6;
}

.board-list ul li:last-child {
	border-bottom: none;
}

/* Link */
.board-list ul li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 10px;
	color: #000000;
	font-size: 14.5px;
	font-weight: 500;
	text-decoration: none;
	transition: background 0.3s ease;
}

/* Hover */
.board-list ul li a:hover {
	background: #f9f9f9;
	color: #0B5F33;
}

/* Board Icon */
.board-icon {
	width: 34px;
	height: 34px;
	background: #E85A2A;
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex-shrink: 0;
}

/* Arrow Icon */
.board-list .arrow {
	margin-left: auto;
	color: #999999;
	font-size: 16px;
	transition: transform 0.3s ease;
}

/* Arrow Hover Animation */
.board-list ul li a:hover .arrow {
	transform: translateX(4px);
	color: #E85A2A;
}

/* Only for Department / Inner Page Slider */
#department-highlight-slider .item {
	padding: 15px;
}

/* Card wrapper */
#department-highlight-slider .ch-box {
	background: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
	height: 100%;
	display: flex;
	flex-direction: column;
}

/* Image container */
#department-highlight-slider .ch-thumb {
	position: relative;
	width: 100%;
	height: 220px;
	overflow: hidden;
}

/* Image */
#department-highlight-slider .ch-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Link icon */
#department-highlight-slider .ch-thumb a {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 36px;
	height: 36px;
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

/* Text section */
#department-highlight-slider .ch-txt {
	padding: 15px;
	flex: 1;
}

/* Title */
#department-highlight-slider .ch-txt h5 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}





/* Meta */
#department-highlight-slider .ch-txt ul {
	list-style: none;
	padding: 0;
	margin: 0 0 10px;
	display: flex;
	gap: 15px;
	font-size: 13px;
}

#department-highlight-slider .ch-txt ul li {
	color: #ffffff;
	text-decoration: none;
}

/* Description */
#department-highlight-slider .ch-txt p {
	font-size: 13.5px;
	color: #ffffff;
	line-height: 1.6;
	margin: 0;
}

/* Card wrapper */
.project-card {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	background: #000;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

/* Image container */
.project-thumb {
	position: relative;
	width: 40%;
	height: 100%;
	overflow: hidden;
	padding: 1rem 0 1rem 1rem;
}

.project-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

/* Optional subtle zoom (can remove if not needed) */
.project-card:hover .project-thumb img {
	transform: scale(1.05);
}

/* Bottom content */


/* Title */
.project-info h5 {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 6px;
	line-height: 1.3;
}

.project-info h5 a {
	color: #ffffff;
	text-decoration: none;
}

.project-info h5 a:hover {
	text-decoration: underline;
}

/* Meta list */
.project-info ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 14px;
	font-size: 13px;
}

.project-info ul li {
	position: relative;
	padding-left: 14px;
	color: #f2f2f2;
}

/* Dot separator before list items */
.project-info ul li::before {
	content: "•";
	position: absolute;
	left: 0;
	color: #E85A2A;
}

/* Mobile adjustments */
@media (max-width: 767px) {

	.project-thumb {
		min-height: 220px;
		padding: 1rem;
	}

	.project-info {
		padding: 0.3rem 0;
	}

	.project-info h5 {
		font-size: 15.5px;
	}
}

/* About MHADA */
.about-mahada-section {
	background: #ffffff;
}

.about-content h2 {
	font-weight: 700;
	margin-bottom: 20px;
}

.about-content p {
	color: #555;
	line-height: 1.8;
}

.about-image img {
	width: 100%;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Vision Mission Values */
/* VMV Modern Section */
.vmv-modern {
	background: linear-gradient(180deg, #f4f8f6 0%, #ffffff 100%);
}

.vmv-heading {
	font-weight: 800;
	font-size: 34px;
	margin-bottom: 10px;
}

.vmv-subtitle {
	color: #666;
	max-width: 650px;
	margin: 0 auto;
	font-size: 16px;
}

/* Cards */
.vmv-card {
	position: relative;
	background: #ffffff;
	padding: 50px 30px 40px;
	text-align: center;
	border-radius: 16px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
	transition: all 0.35s ease;
	overflow: hidden;
}

.vmv-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 100%;
}

.vmv-card.vision::before {
	background: linear-gradient(90deg, #0B5F33, #28a745);
}

.vmv-card.mission::before {
	background: linear-gradient(90deg, #E85A2A, #ff7a45);
}

.vmv-card.values::before {
	background: linear-gradient(90deg, #1f3c88, #3f72af);
}

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

/* Icons */
.vmv-icon {
	width: 90px;
	height: 90px;
	margin: 0 auto 25px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 34px;
	color: #ffffff;
}

.vmv-card.vision .vmv-icon {
	background: linear-gradient(135deg, #0B5F33, #28a745);
	box-shadow: 0 10px 25px rgba(11, 95, 51, 0.4);
}

.vmv-card.mission .vmv-icon {
	background: linear-gradient(135deg, #E85A2A, #ff7a45);
	box-shadow: 0 10px 25px rgba(232, 90, 42, 0.4);
}

.vmv-card.values .vmv-icon {
	background: linear-gradient(135deg, #1f3c88, #3f72af);
	box-shadow: 0 10px 25px rgba(31, 60, 136, 0.4);
}

/* Text */
.vmv-card h4 {
	font-weight: 700;
	margin-bottom: 15px;
}

.vmv-card p {
	font-size: 15.5px;
	color: #555;
	line-height: 1.8;
}


/* Trustworthy Section */
.trustworthy-section {
	background: #ffffff;
}

.trust-image img {
	width: 100%;
	border-radius: 10px;
}

.trust-content h2 {
	font-weight: 700;
	margin-bottom: 20px;
}

.trust-list {
	list-style: none;
	padding: 0;
}

.trust-list li {
	font-size: 16px;
	color: #444;
	margin-bottom: 12px;
}

.trust-list i {
	color: #0B5F33;
	margin-right: 10px;
}

/* Filter */
.video-filter ul li {
	cursor: pointer;
	padding: 8px 16px;
	background: #f1f1f1;
	margin: 0 5px;
	border-radius: 20px;
	font-weight: 600;
	transition: 0.3s;
}

.video-filter ul li.active,
.video-filter ul li:hover {
	background: #0B5F33;
	color: #fff;
}

/* Video Thumb */
.video-thumb {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	background-size: cover;
	background-position: center;
	cursor: pointer;
	border-radius: 10px;
	overflow: hidden;
}

.video-thumb::after {
	content: "\f04b";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 48px;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.45);
	transition: 0.3s;
}

.video-thumb:hover::after {
	background: rgba(0, 0, 0, 0.65);
}

/* Inline iframe */
.video-thumb iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.orange-bg {
	background-color: #f7941d !important;
	color: #fff;
}

.green-bg {
	background-color: #28a745 !important;
	color: #fff;
}

.red-bg {
	background-color: #bd081b !important;
	color: #fff;
}

.yellow-bg {
	background-color: #ffcb0b !important;
	color: #000;
}

.blue-bg {
	background-color: #084298 !important;
	color: #fff;
}


/* Govt MHADA Color Enhancements */
:root {
	--mhada-orange: #f58220;
	--mhada-green: #2e7d32;
	--mhada-yellow: #f9a825;
	--mhada-dark: #1f2933;
}

.section-title h2,
.title-style-1 h2,
.title-style-2 h2 {
	color: var(--mhada-green);
}

.btn-govt {
	background: var(--mhada-orange);
	color: #fff;
	padding: 0.5rem 1.5rem;
	border-radius: 4px;
	font-weight: 600;
	border: none;
	font-size: 1rem;
}

.btn-govt-outline {
	border: 2px solid var(--mhada-green);
	color: var(--mhada-green);
	padding: 0.9rem 1.5rem;
	border-radius: 4px;
	font-weight: 600;
	font-size: 1rem;
}

.btn-govt:hover,
.btn-govt-outline:hover {
	background: var(--mhada-green);
	color: #fff;
}

.govt-badge {
	background: var(--mhada-yellow);
	color: #000;
	padding: 6px 14px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 10px;
}

/* ===== FORCE DESKTOP NAVBAR VISIBILITY (BOOTSTRAP 3 FIX) ===== */
@media (min-width: 768px) {
	.navbar-toggle {
		display: none !important;
	}

	.navbar-collapse {
		display: block !important;
		height: auto !important;
		overflow: visible !important;
	}

	.navbar-nav {
		float: left !important;
	}

	.navbar-nav>li {
		float: left !important;
	}

	.navbar-right {
		float: right !important;
	}
}


.navbar {
	border-bottom: 3px solid var(--mhada-orange);
}

.navbar-nav>li>a {
	font-weight: 600;
	color: #1f2933;
}

.navbar-nav>li>a:hover {
	color: var(--mhada-green);
}

.navbar-brand img {
	max-height: 55px;
}

/* ===== MULTI LEVEL DROPDOWN (BOOTSTRAP 5) ===== */
.dropdown-menu {
	border-radius: 0;
	border-top: 3px solid #f58220;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: 0;
}

.dropdown-submenu>a::after {
	content: "›";
	float: right;
	font-weight: bold;
}

/* Desktop hover */
@media (min-width: 992px) {
	.dropdown:hover>.dropdown-menu {
		display: block;
	}

	.dropdown-submenu:hover>.dropdown-menu {
		display: block;
	}
}

/* Mobile fix */
@media (max-width: 991px) {
	.dropdown-submenu>.dropdown-menu {
		left: 0;
		margin-left: 15px;
	}
}

.dropdown,
.dropend,
.dropstart,
.dropup {
	padding: 0 0.5rem;
}

.navbar-light .navbar-nav .nav-link {
	padding: 0.5rem 1rem !important;
}

/* ===========================
   HEADER & NAVBAR FIX (BOOTSTRAP 5 SAFE)
   =========================== */

/* Reset conflicting old theme navbar styles */
.header .navbar,
.header .navbar * {
	box-sizing: border-box;
}

/* Navbar base */
.header .navbar {
	padding: 10px 0;
	background: #fff;
}

/* Logo */
.header .navbar-brand img {
	max-height: 60px;
	width: auto;
}

/* Menu alignment */
.header .navbar-nav {
	align-items: center;
	gap: 8px;
}

/* Nav links */
.header .navbar-nav .nav-link {
	font-weight: 600;
	color: #1f2937;
	padding: 10px 14px;
	transition: all 0.3s ease;
}

.header .navbar-nav .nav-link:hover,
.header .navbar-nav .nav-link.active {
	color: #f59e0b;
}

/* Highlight FCFS */
.header .navbar-nav .text-warning {
	color: #f59e0b !important;
}

/* Dropdown menu */
.header .dropdown-menu {
	border: none;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	padding: 8px 0;
	min-width: 220px;
}

/* Dropdown items */
.header .dropdown-menu .dropdown-item {
	padding: 10px 16px;
	font-weight: 500;
	color: #111827;
}

.header .dropdown-menu .dropdown-item:hover {
	background: #f9fafb;
	color: #f59e0b;
}

/* ===== Sub Dropdown (Boards / Projects) ===== */
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: 2px;
	display: none;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

/* Caret arrow */
.dropdown-submenu>a::after {
	content: "›";
	float: right;
	font-size: 14px;
}

/* Search icon */
.header .search-icon {
	cursor: pointer;
	font-weight: 600;
}

/* Right-side RERA image */
.header nav+img {
	max-height: 60px;
	margin-left: 15px;
}

/* ===========================
   MOBILE FIXES
   =========================== */
@media (max-width: 991px) {

	.header .navbar-collapse {
		background: #ffffff;
		padding: 15px;
		border-radius: 10px;
		margin-top: 10px;
	}

	.header .navbar-nav {
		align-items: flex-start;
		gap: 0;
	}

	.header .navbar-nav .nav-link {
		width: 100%;
		padding: 0.5rem 0 !important
	}

	.header .dropdown-menu {
		position: static;
		box-shadow: none;
		padding-left: 15px;
	}

	.dropdown-submenu>.dropdown-menu {
		display: block;
		padding-left: 15px;
	}

	.dropdown-submenu>a::after {
		display: none;
	}

	/* Move RERA image below menu on mobile */
	.header nav+img {
		display: block;
		margin: 10px auto 0;
	}
}

/* ===== FORCE LOGO VISIBILITY FIX ===== */

.header .navbar-brand {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	max-width: 220px;
	/* controls logo width */
}

.header .navbar-brand a {
	display: block;
	width: 100%;
}

.header .navbar-brand img {
	width: auto !important;
	/* overrides w-100 */
	object-fit: contain;
}

/* ===== WHY MHADA SECTION ===== */

.why-mhada .why-box {
	background: #ffffff;
	padding: 30px 20px;
	border-radius: 10px;
	height: 100%;
	transition: all 0.3s ease;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

.why-mhada .why-box:hover {
	transform: translateY(-6px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.why-mhada .why-icon {
	width: 60px;
	height: 60px;
	margin: 0 auto 15px;
	border-radius: 50%;
	background: #fff3e0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.why-mhada .why-icon i {
	font-size: 26px;
	color: #f58220;
}

.why-mhada h6 {
	font-weight: 600;
	margin-bottom: 10px;
	color: #1f2937;
}

.why-mhada p {
	font-size: 14px;
	color: #555;
	margin-bottom: 0;
}

.city-highlights h2 {
	color: #fff;
}

/* ===== FAQ SECTION ===== */

.faq-section .accordion-item {
	border: none;
	margin-bottom: 15px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

.faq-section .accordion-button {
	font-weight: 600;
	background: #ffffff;
	color: #1f2937;
	padding: 16px 20px;
}

.faq-section .accordion-button i {
	color: #f58220;
}

.faq-section .accordion-button:not(.collapsed) {
	background: #fff7ed;
	color: #f58220;
}

.faq-section .accordion-body {
	font-size: 14px;
	color: #444;
	background: #ffffff;
	line-height: 1.7;
}

/* Image styling */
.faq-img {
	max-width: 90%;
}

/* Mobile spacing */
@media (max-width: 767px) {
	.faq-section .accordion-button {
		font-size: 15px;
	}
}


.blog-card {
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
	height: 100%;
}

.blog-thumb {
	position: relative;
}

.blog-thumb img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}

.blog-tag {
	position: absolute;
	top: 12px;
	left: 12px;
	background: #ffb400;
	color: #000;
	padding: 4px 12px;
	font-size: 12px;
	font-weight: 600;
	border-radius: 3px;
}

.blog-content {
	padding: 18px;
}

.blog-content h5 {
	font-weight: 600;
	margin-bottom: 8px;
}

.blog-content p {
	font-size: 14px;
	color: #666;
}

.blog-meta {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	color: #888;
}

/* Swiper controls */
.swiper-button-next,
.swiper-button-prev {
	color: #000;
}

.swiper-pagination-bullet-active {
	background: #ffb400;
}

.fcfs-section {
	background: #f8f9fa;
}

.fcfs-content h2 {
	font-weight: 700;
	margin: 15px 0;
}

.fcfs-intro {
	font-size: 16px;
	color: #555;
	margin-bottom: 15px;
}

.fcfs-badge {
	display: inline-block;
	background: #fff3cd;
	color: #856404;
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 20px;
}

.fcfs-points {
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

.fcfs-points li {
	margin-bottom: 10px;
	font-size: 15px;
	color: #333;
}

.fcfs-points i {
	color: #28a745;
	margin-right: 8px;
}

.fcfs-cta {
	margin-top: 25px;
}

.fcfs-image img {
	max-width: 100%;
	border-radius: 8px;

}

/* Mobile Adjustments */
@media (max-width: 768px) {
	.fcfs-section {
		text-align: center;
	}

	.fcfs-cta a {
		display: block;
		margin-bottom: 10px;
	}
}

.govt-footer {
	background: #0b1d33;
	color: #d9e2ef;
	padding-top: 60px;
}



.govt-footer h6 i {
	color: #ffb400;
	margin-right: 6px;
}

.footer-logo {
	max-width: 250px;
	margin-bottom: 15px;
	background: #fff;
	padding: 0.5rem;
}

.footer-links {
	list-style: none;
	padding: 0;
}

.footer-links li {
	margin-bottom: 8px;
}

.footer-links a {
	color: #cfd8e3;
	font-size: 14px;
	transition: 0.3s;
}

.footer-links a:hover {
	color: #ffb400;
	padding-left: 5px;
}

.footer-address i,
.footer-contact i {
	color: #ffb400;
	margin-right: 6px;
}

.footer-partner {
	background: rgba(255, 255, 255, 0.05);
	padding: 12px;
	border-radius: 6px;
	margin-top: 10px;
	font-size: 14px;
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 40px;
	padding-top: 15px;
}

.visitor-box {
	background: #ffb400;
	color: #000;
	display: inline-block;
	padding: 6px 14px;
	border-radius: 20px;
	font-weight: 600;
}

.visitor-box i {
	margin-right: 6px;
}

.copyright {
	color: #fff;
}

/* Desktop hover dropdown */
@media (min-width: 992px) {
	.navbar .dropdown:hover>.dropdown-menu {
		display: block;
	}
}

/* Submenu positioning */
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: 0;
	display: none;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

/* Mobile friendly */
@media (max-width: 991px) {
	.dropdown-submenu>.dropdown-menu {
		position: static;
		display: none;
		margin-left: 15px;
	}

	.dropdown-submenu.show>.dropdown-menu {
		display: block;
	}
}

/* UI polish */
.dropdown-menu {
	border-radius: 6px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.dropdown-item {
	font-size: 14px;
	padding: 8px 15px;
}

.dropdown-item:hover {
	background: #fff3cd;
	color: #000;
}

@media (min-width: 992px) {
	.navbar .dropdown:hover>.dropdown-menu {
		display: block;
	}
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	display: none;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

@media (max-width: 991px) {
	.dropdown-submenu>.dropdown-menu {
		position: static;
		margin-left: 15px;
	}
}

/* Enable hover dropdown on desktop */
@media (min-width: 992px) {
	.navbar .dropdown:hover>.dropdown-menu {
		display: block;
		margin-top: 0;
	}
}

/* Submenu hover */
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	display: none;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.navbar .dropdown-toggle::after {
	transition: transform .2s ease;
}

.navbar .dropdown:hover .dropdown-toggle::after {
	transform: rotate(180deg);
}

.inner-hero {
	background: url(../images/subheaderbg.jpg) center no-repeat;
	padding: 80px 0;
	color: #fff;
	min-height: 300px;
	background-size: cover;
}

.inner-hero h1 {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
}

.inner-hero h6 {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
}

.inner-hero p {
	max-width: 800px;
	margin: 15px auto 0;
	font-size: 16px;
	color: #fff;
}

.about-boards h2 {
	font-weight: 700;
	color: #222;
}

.about-boards p {
	font-size: 15px;
	color: #555;
	line-height: 1.7;
}

.about-img-wrapper {
	position: relative;
}

.about-img-wrapper img {
	width: 100%;
	object-fit: cover;
}

.img-badge {
	position: absolute;
	bottom: 15px;
	left: 15px;
	background: rgba(13, 110, 253, 0.9);
	color: #fff;
	padding: 6px 14px;
	font-size: 13px;
	border-radius: 20px;
}

/* Info Cards */
.info-card {
	background: #fff;
	padding: 30px 25px;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
	height: 100%;
}

.info-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.info-card i {
	font-size: 36px;
	color: #e85a2a;
	margin-bottom: 15px;
}

.info-card h5 {
	font-weight: 600;
	margin-bottom: 10px;
}

.info-card p {
	font-size: 14px;
	color: #666;
}


.board-card-img {
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	height: 100%;
}

.board-card-img:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}

.board-thumb img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.board-content {
	padding: 25px;
	text-align: center;
}

.board-content h5 {
	font-weight: 600;
	margin-bottom: 10px;
	color: #222;
}

.board-content p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 15px;
}

.board-content .btn {
	border-radius: 30px;
	padding: 6px 18px;
	font-size: 13px;
}

.enquiry-section {
	background: linear-gradient(120deg, #f4f7fb, #ffffff);
}

.enquiry-points {
	list-style: none;
	padding: 0;
}

.enquiry-points li {
	font-size: 15px;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	color: #333;
}

.enquiry-points li i {
	color: #198754;
	font-size: 18px;
	margin-right: 10px;
}

.enquiry-card {
	background: #fff;
	border-radius: 18px;
	padding: 1rem;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

.form-head h5 {
	font-weight: 600;
	margin-bottom: 5px;
}

.form-head p {
	font-size: 14px;
	color: #666;
}

.form-icon {
	width: 60px;
	height: 60px;
	background: #d32f2f;
	color: #fff;
	border-radius: 50%;
	margin: 0 auto 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
}

.input-icon {
	position: relative;
}

.input-icon i {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #999;
}

.input-icon .form-control {
	padding-left: 45px;
	height: 45px;
	border-radius: 30px;
}

.enquiry-btn {
	border-radius: 30px;
	padding: 12px;
	font-weight: 600;
	font-size: 15px;
}

.form-note {
	font-size: 12px;
	color: #777;
}

.board-hero {
	background: linear-gradient(rgba(0, 0, 0, 0.55),
			rgba(0, 0, 0, 0.55)),
		url("../images/subheaderbg.jpg") center / cover no-repeat;
	color: #fff;
}

.breadcrumb-wrap {
	margin-bottom: 15px;
}

.breadcrumb {
	background: transparent;
	padding: 0;
	margin: 0;
}

.breadcrumb-item a {
	color: #ffd700;
	font-weight: 500;
	text-decoration: none;
}

.breadcrumb-item a i {
	margin-right: 5px;
}

.breadcrumb-item.active {
	color: #fff;
	font-weight: 600;
}

.breadcrumb-item+.breadcrumb-item::before {
	content: "/";
	color: #ccc;
}

.board-detail-card {
	background: #ffffff;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
	overflow: hidden;
}

.board-feature-img img {
	width: 100%;
	border-radius: 8px;
	margin-bottom: 20px;
}

.board-header h3 {
	margin-bottom: 8px;
	font-weight: 700;
}

.board-badge {
	display: inline-block;
	background: #f1f5ff;
	color: #1e3a8a;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 13px;
	margin-bottom: 15px;
}

.lead-text {
	font-size: 16px;
	font-weight: 500;
}

.board-section {
	margin-bottom: 30px;
}

.board-section h5 {
	margin-bottom: 15px;
	font-weight: 600;
}

.board-section h5 i {
	color: #d32f2f;
	margin-right: 8px;
}

.housing-types {
	padding-left: 20px;
}

.housing-types li {
	margin-bottom: 8px;
}

.modern-sidebar .widget {
	background: #fff;
	padding: 20px;
	margin-bottom: 25px;
	border-radius: 10px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.modern-sidebar h4 {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: 600;
}

.modern-sidebar h4 i {
	color: #e85a2a;
	margin-right: 8px;
}

/* Booking Filter */
.booking-filter label {
	font-size: 13px;
	font-weight: 600;
}

.booking-filter .form-control {
	margin-bottom: 12px;
}

/* Booking CTA */
.booking-cta img {
	width: 100%;
	border-radius: 8px;
	margin-bottom: 15px;
}

.booking-cta .cta-content h5 {
	font-weight: 600;
	margin-bottom: 8px;
}

.booking-cta .cta-content p {
	font-size: 14px;
	margin-bottom: 12px;
}

/* Board List */
.board-list li {
	border-bottom: 1px solid #eee;
}

.board-list li:last-child {
	border-bottom: none;
}

.board-list a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	font-weight: 500;
	color: #333;
}

.board-list a:hover {
	color: #0d6efd;
}

/* Listing Wrapper */
.project-listing.v2 {
	display: flex;
	gap: 20px;
	background: #ffffff;
	padding: 18px;
	border-radius: 14px;
	margin-bottom: 22px;
	border: 1px solid #eee;
	transition: all 0.3s ease;
}

.project-listing.v2:hover {
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
	transform: translateY(-3px);
}

/* Image */


.project-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Status */
.status-tag {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 6px 14px;
	font-size: 12px;
	font-weight: 600;
	border-radius: 30px;
	color: #fff;
}

.status-tag.success {
	background: #198754;
}

.status-tag.warning {
	background: #fd7e14;
}

.status-tag.danger {
	background: #dc3545;
}

/* Content */


.top-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-row h4 {
	font-weight: 600;
	margin-bottom: 5px;
}

.top-row a {
	color: #111;
}

.share-box a {
	color: #666;
}

/* Info Grid */
.info-grid {
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 10px 20px;
	margin: 12px 0;
	font-size: 14px;
}

.info-grid i {
	color: #d32f2f;
	margin-right: 6px;
}

/* Description */
.project-details p {
	font-size: 14px;
	color: #555;
	margin-bottom: 15px;
}

/* Actions */
.action-row {
	display: flex;
	gap: 10px;
}

/* Responsive */
@media (max-width: 768px) {
	.project-listing.v2 {
		flex-direction: column;
	}

	.project-thumb,
	.project-details {
		width: 100%;
	}

	.info-grid {
		grid-template-columns: 1fr;
	}
}

.project-intro-section {
	background: #f8fafc;
}

.section-badge {
	display: inline-block;
	background: #e7f1ff;
	color: #0d6efd;
	padding: 6px 14px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 12px;
}

.project-intro-section h2 {
	font-weight: 700;
	margin-bottom: 15px;
}

.project-intro-section .lead {
	font-size: 16px;
	font-weight: 500;
	color: #333;
}

.project-intro-section p {
	color: #555;
	font-size: 14.5px;
}

.intro-points {
	list-style: none;
	padding: 0;
	margin-top: 18px;
}

.intro-points li {
	margin-bottom: 10px;
	font-size: 14px;
	color: #333;
}

.intro-points i {
	color: #198754;
	margin-right: 8px;
}

/* Image Box */
.intro-image {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.intro-image img {
	width: 100%;
	height: auto;
}

.overlay-box {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
	color: #fff;
	padding: 18px;
}

.overlay-box h5 {
	margin-bottom: 5px;
	font-weight: 600;
}

/* Mobile */
@media (max-width: 768px) {
	.project-intro-section {
		text-align: center;
	}

	.intro-points li {
		justify-content: center;
	}

	.overlay-box {
		text-align: center;
	}
}

/* Sidebar Base */
.sidebar-sticky {
	position: sticky;
	top: 90px;
}

/* Widget Card */
.widget-card {
	background: #fff;
	border-radius: 14px;
	padding: 18px;
	margin-bottom: 22px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.widget h4 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Filter Fields */
.filter-group {
	margin-bottom: 14px;
}

.filter-group label {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 6px;
}

.form-control,
.form-select {
	border-radius: 10px;
	font-size: 14px;
}

/* Filter Button */
.btn-filter {
	background: #0d6efd;
	color: #fff;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
}

.btn-filter:hover {
	background: #084298;
}

/* Board List */
.board-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.board-list li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 12px;
	border-radius: 8px;
	color: #333;
	font-weight: 500;
	transition: 0.3s;
}

.board-list li a:hover {
	background: #f1f5f9;
	color: #0d6efd;
}

/* CTA Widget */
.widget-cta {
	background: linear-gradient(135deg, #0d6efd, #084298);
	color: #fff;
	border-radius: 16px;
	padding: 22px;
	text-align: center;
}

.cta-badge {
	display: inline-block;
	background: rgba(255, 255, 255, 0.2);
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 12px;
	margin-bottom: 10px;
}

.widget-cta h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

.widget-cta p {
	font-size: 14px;
	opacity: 0.95;
}

.btn-cta {
	display: inline-block;
	background: #fff;
	color: #0d6efd;
	font-weight: 700;
	padding: 10px 18px;
	border-radius: 30px;
	margin-top: 12px;
	font-size: 14px;
}

.btn-cta:hover {
	background: #e9ecef;
}

.project-details-content {
	font-size: 15px;
}

.card-section {
	background: #fff;
	padding: 1rem;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}



.section-subtitle {
	color: #555;
	line-height: 1.7;
}

.section-badge {
	background: #198754;
	color: #fff;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 12px;
}

.info-table th {
	width: 40%;
	background: #f8f9fa;
}

.highlight-section {
	background: #cba7291c;
	padding: 2rem;
	margin-top: 0 !important;
	margin-bottom: 4rem;
	border-radius: 1rem;
}

.highlight-section i {
	font-size: 28px;
	color: #e85a2a;
}

.amenities-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}



.plan-card img {
	border-radius: 12px;
}

.plan-card p {
	text-align: center;
	font-weight: 600;
	margin-top: 8px;
}

.checklist li {
	margin-bottom: 10px;
}

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

.map-frame {
	border-radius: 16px;
}

.booking-box {
	background: #ffffff;
	border-radius: 18px;
	padding: 18px;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
	border-top: 4px solid #e85a2a;
}

.booking-header {
	text-align: center;
	margin-bottom: 15px;
}

.booking-header i {
	font-size: 28px;
	color: #198754;
	margin-bottom: 5px;
}

.booking-header h5 {
	font-weight: 700;
	margin-bottom: 3px;
}

.booking-header p {
	font-size: 13px;
	color: #6c757d;
}

.booking-box label {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 4px;
}

.booking-box label i {
	color: #198754;
	margin-right: 5px;
}

.booking-box .form-control,
.booking-box .form-select {
	border-radius: 10px;
	font-size: 14px;
}

.btn-cta {
	background: linear-gradient(135deg, #e85a2a, #e85a2a);
	color: #fff;
	border-radius: 30px;
	padding: 10px;
	font-weight: 600;
	border: none;
}

.btn-cta:hover {
	background: linear-gradient(135deg, #157347, #1e7e34);
}

.form-note {
	margin-top: 10px;
	font-size: 12px;
	color: #6c757d;
	text-align: center;
}

.form-note i {
	color: #198754;
}

/* ===== MHADA PROJECT SECTION ===== */
.mhada-projects-section {
	background: #fff;
}

/* Header */
.mhada-section-header {
	max-width: 780px;
	margin: 0 auto 50px;
}

.govt-tag {
	display: inline-block;
	background: #e7efff;
	color: #1c4ca3;
	font-size: 13px;
	padding: 4px 12px;
	border-radius: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.mhada-section-header h2 {
	font-size: 34px;
	font-weight: 800;
	color: #102a43;
	margin-bottom: 12px;
}

.mhada-section-header p {
	color: #555;
	font-size: 15px;
}

/* Project Card */
.mhada-project-inner {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #dfe6f1;
	height: 100%;
}

/* Image */
.mhada-project-img {
	position: relative;
}

.mhada-project-img img {
	width: 100%;
	height: 230px;
	object-fit: cover;
}

/* Status Badge */
.status-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 5px 12px;
	font-size: 12px;
	font-weight: 700;
	border-radius: 4px;
	color: #fff;
	background: #999;
	/* ← default fallback */
}

.ongoing {
	background: #f0ad4e !important;
}

.completed {
	background: #28a745 !important;
}

.upcoming {
	background: #007bff !important;
}

.under-construction {
	background: #e67e22 !important;
}

.ready-possession {
	background: #6c5ce7 !important;
}

/* Purple */

/* Body */
.mhada-project-body {
	padding: 18px 20px 20px;
}

.mhada-project-body h4 {
	font-size: 19px;
	font-weight: 700;
	color: #102a43;
	margin-bottom: 12px;
}

/* Meta Grid */
.project-meta {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #444;
	margin-bottom: 6px;
}

.project-meta i {
	color: #1c4ca3;
	margin-right: 5px;
}

/* Footer */
.project-footer {
	display: flex;
	gap: 10px;
	margin-top: 14px;
}

.project-footer .btn {
	flex: 1;
	font-size: 14px;
	padding: 7px 10px;
}

/* CTA Button */
.btn-govt-lg {
	background: #1c4ca3;
	color: #fff;
	padding: 12px 32px;
	font-size: 16px;
	border-radius: 4px;
	font-weight: 600;
}

.btn-govt-lg:hover {
	background: #143b7d;
}

.mhada-project-inner {
	background: #fff;
	border: 1px solid #dfe6f1;
	border-radius: 8px;
	overflow: hidden;
}

.mhada-project-img {
	position: relative;
	/* VERY IMPORTANT */
}

.mhada-project-img img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}

.status-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #f0ad4e;
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 4px;
	font-weight: 600;
}

.mhada-project-body {
	padding: 0.5rem;
}

.project-desc {
	font-size: 14px;
	color: #555;
	margin-bottom: 8px;
}

.project-price {
	background: #1987541f;
	border-left: 4px solid #198754;
	padding: 8px 10px;
	margin-bottom: 12px;
	font-size: 15px;
}

.project-info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px;
	font-size: 13px;
	margin-bottom: 12px;
}

.project-info i {
	color: #e85a2a;
	margin-right: 4px;
}

.project-footer {
	display: flex;
	gap: 10px;
}

.project-footer .btn {
	flex: 1;
	font-size: 14px;
	font-weight: 600;
}

.bg-org-light {
	background-color: #fff3e0 !important;
}

/* Listing Base */
.project-listing.v4 {
	display: flex;
	background: #fff;
	border: 1px solid #e1e6ef;
	border-radius: 8px;
	margin-bottom: 22px;
	overflow: hidden;
}

/* Image */


.project-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.status-tag {
	position: absolute;
	top: 25px;
	left: 25px;
	background: #198754;
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 4px;
	font-weight: 600;
}

/* Content */
.project-details {
	width: 72%;
	padding: 16px 18px;
}

.project-details h4 a {
	font-size: 1.5rem;
}

.top-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-row h4 a {
	color: #1c4ca3;
	font-weight: 700;
}

.rera-badge {
	font-size: 0.77rem;
	color: #2b2b2b;
	background: #eef2ff;
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: 600;
}

/* Description */
.project-desc {
	font-size: 14px;
	color: #555;
	margin: 8px 0 12px;
}

/* UNIT CONFIG BOX */
.unit-config-box {
	display: flex;
	border: 1px solid #fff;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 12px;

}



.unit-item:last-child {
	border-right: none;
}

.unit-item .bhk {
	display: block;
	font-weight: 700;
	color: #e85a2a;
	font-size: 1.5rem;
}

.unit-item .area {
	display: block;
	font-size: 0.8rem;
	color: #7d7d7d;
	margin: 2px 0;
	font-weight: 500;
}

.unit-item .price {
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
	color: #555;
}

/* Info Strip */
.info-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	font-size: 13px;
	color: #444;
	margin-bottom: 10px;
}

.info-strip i {
	color: #1c4ca3;
	margin-right: 4px;
}

/* Buttons */
.small-btns {
	display: flex;
	gap: 8px;
}


.btn-outline-govt {
	border: 1px solid #e85a2a;
	color: #e85a2a;
	background: #fff;
	border-radius: 4px;
	padding: 6px 14px;
	font-size: 13px;
}

/* Responsive */
@media (max-width: 991px) {
	.project-listing.v4 {
		flex-direction: column;
	}

	.project-thumb,
	.project-details {
		width: 100%;
	}

	.unit-config-box {
		flex-direction: column;
	}

	.unit-item {
		border-right: none;
		border-bottom: 1px solid #dbe1ef;
	}

	.unit-item:last-child {
		border-bottom: none;
	}
}


.btn-group-sm>.btn,
.btn-sm {
	padding: 0.5rem 1rem !important;
	font-size: .875rem !important;
	border-radius: .2rem !important;
}

.mhada-filter-sidebar {
	background: #fff;
	border: 1px solid #e3e7f2;
	border-radius: 8px;
	padding: 15px;
}

.filter-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e3e7f2;
	padding-bottom: 8px;
	margin-bottom: 12px;
}

.filter-header h4 {
	font-size: 1.1rem;
	font-weight: 700;
	color: #212529;
	padding: 0.8rem 0;
}

.clear-filter {
	font-size: 12px;
	color: #e85a2a;
	display: inline-block;
	font-weight: 500;
}

.filter-box {
	margin-bottom: 0
}

.filter-box label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 6px;
	color: #212529;
}

.filter-box label i {
	color: #e85a2a;
	margin-right: 5px;
}

.filter-box .form-control,
.filter-box .form-select {
	font-size: 13px;
	border-radius: 6px;
}

/* Pill Options (99acres style) */
.pill-options {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.pill-options label {
	border: 1px solid #d5dced;
	padding: 6px 10px;
	border-radius: 20px;
	font-size: 12px;
	cursor: pointer;
	background: #f8faff;
}

.pill-options input {
	margin-right: 4px;
}

/* Footer */
.filter-footer {
	margin-top: 10px;
}

/* Help CTA */
.filter-help {
	display: flex;
	gap: 10px;
	background: #e85a2a1a;
	border-radius: 6px;
	padding: 10px;
	margin-top: 15px;
	font-size: 13px;
}

.filter-help i {
	font-size: 22px;
	color: #d32f2f;
}

.filter-help a {
	color: #d32f2f;
	font-weight: 600;
	font-size: 13px;
}


.search-box {
	background: #f9fbff;
	border: 1px solid #e3e7f2;
	border-radius: 8px;
	padding: 14px;
	margin-bottom: 15px;
}

.search-box h4 {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #212529;
}

.search-box h4 i {
	margin-right: 6px;
}

.search-box .form-control {
	font-size: 13px;
	border-radius: 6px;
}

.search-box .btn-outline-success {
	font-size: 13px;
	border-radius: 6px;
	border-color: #0B5F33;
	color: #0B5F33;
}


.project-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 15px;
	padding-bottom: 1rem;
}

.project-title h4 {
	padding: 0;
}

.tag {
	display: inline-block;
	font-size: 11px;
	padding: 3px 8px;
	border-radius: 4px;
	font-weight: 600;
	margin-right: 6px;
}

.tag-lig {
	background: #198754;
	color: #fff;
}

.rera-qr {
	text-align: center;
}

.rera-qr img {
	width: 55px;
	height: 55px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.rera-qr small {
	display: block;
	font-size: 10px;
	margin-top: 3px;
	color: #666;
}

.btn-link-location {
	color: #1c4ca3;
	font-weight: 600;
	font-size: 13px;
}

.btn-link-location:hover {
	text-decoration: underline;
}

.unit-config-box {
	display: flex;
	gap: 10px;
	margin-top: 12px;
	flex-wrap: wrap;
}

.unit-item {
	background: #f9fbff;
	border: 1px solid #e3e7f2;
	border-radius: 6px;
	padding: 0.3rem;
	min-width: 150px;
	flex: 1;
}

.unit-item .bhk {
	font-weight: 700;
	color: #1c4ca3;
	display: block;
	font-size: 1.2rem;
}

.unit-item .area {
	font-size: 12px;
	color: #555;
}

.price-range {
	display: block;
	margin-top: 4px;
	font-weight: 700;
	color: #1e7e34;
	font-size: 0.8rem;
}

.project-filter-tabs {
	background: #ffffff;
	border-bottom: 1px solid #e5e9f2;
	margin-bottom: 25px;
}

.filter-tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.filter-tabs li {
	margin-right: 8px;
}

.filter-tabs li a {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 10px 16px;
	font-weight: 600;
	font-size: 14px;
	color: #555;
	border-radius: 6px 6px 0 0;
	background: #f5f7fb;
	transition: all 0.2s ease;
}

.filter-tabs li a:hover {
	background: #e9efff;
	color: #1c4ca3;
}

.filter-tabs li.active a {
	background: #e85a2a;
	color: #fff;
}

.filter-tabs .count {
	background: rgba(255, 255, 255, 0.2);
	font-size: 11px;
	padding: 2px 6px;
	border-radius: 20px;
}

.filter-tabs li:not(.active) .count {
	background: #dde3f1;
	color: #333;
}

@media (max-width: 767px) {
	.filter-tabs {
		overflow-x: auto;
		white-space: nowrap;
		padding-bottom: 6px;
	}

	.filter-tabs li {
		flex: 0 0 auto;
	}
}

.filter-box ul li {
	list-style-type: none;
}


.location-modal {
	border-radius: 10px;
	overflow: hidden;
}

.location-modal .modal-header {
	background: #198754;
	border-bottom: 1px solid #e5e5e5;
}

.location-modal .modal-title {
	font-weight: 600;
	padding: 0;
	color: #fff;
}

.location-modal .form-control {
	border-radius: 6px;
	font-size: 1rem;
	padding: 0.8rem;
}

.location-modal .btn-success {
	font-size: 14px;
	padding: 10px;
	border-radius: 6px;
}

.mhada-project-body .rera-qr {
	margin-top: -48px;
	z-index: 9;
	width: 25%;
}

.mhada-project-slider {
	background: #f7f9fb;
}

.section-title {
	font-size: 24px;
	font-weight: 600;
	color: #0b3d2e;
}

.section-subtitle {
	font-size: 14px;
	color: #666;
	margin-top: 5px;
}

/* Card */
.project-card {
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	border: 1px solid #e4e7ec;
	transition: all 0.3s ease;
	height: 100%;
}

.project-card:hover {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
	transform: translateY(-3px);
}

/* Tag */
.project-tag {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 20px;
	margin-bottom: 10px;
}

.project-tag.lig {
	background: #e7f5ff;
	color: #0b5ed7;
}

.project-tag.mig {
	background: #eaf7ee;
	color: #198754;
}

.project-tag.ews {
	background: #fff3cd;
	color: #856404;
}

/* Text */
.project-title {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 0;
	padding-bottom: 5px;
}

.project-location {
	font-size: 13px;
	color: #777;
	margin-bottom: 12px;
}

.project-info-list {
	list-style: none;
	padding: 0;
	margin: 0 0 15px;
}

.project-info-list li {
	font-size: 13px;
	color: #444;
	margin-bottom: 6px;
}

/* Buttons */
.btn-govt-outline {
	border: 1px solid #0b3d2e;
	color: #0b3d2e;
	background: transparent;
}

.btn-govt-outline:hover {
	background: #0b3d2e;
	color: #fff;
}

.sidebar-projects {
	background: #fff;
	border-radius: 10px;
	border: 1px solid #e4e6eb;
	padding: 15px;
}

.sidebar-projects .widget-title {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 12px;
	color: #0b3d2e;
}

/* Project List */
.sidebar-project-item {
	display: flex;
	gap: 10px;
	padding: 8px 0;
	border-bottom: 1px solid #eee;
	text-decoration: none;
	color: inherit;
}

.sidebar-project-item:last-child {
	border-bottom: none;
}

/* Image */
.sp-img {
	width: 60px;
	height: 55px;
	position: relative;
	flex-shrink: 0;
}

.sp-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

/* Tag */
.sp-tag {
	position: absolute;
	top: 4px;
	left: 4px;
	font-size: 10px;
	font-weight: 600;
	padding: 2px 6px;
	border-radius: 12px;
}

.sp-tag.lig {
	background: #e7f5ff;
	color: #0b5ed7;
}

/* Content */
.sp-content h6 {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sp-location {
	font-size: 12px;
	color: #777;
	margin-bottom: 3px;
}

.sp-type {
	font-size: 11px;
	color: #0b3d2e;
	font-weight: 500;
}

/* Hover */
.sidebar-project-item:hover h6 {
	color: #0b5ed7;
}

.mhada-project-slider {
	background: #f6f8fa;
}

/* Header */
.section-head h3 {
	font-weight: 600;
	margin-bottom: 5px;
}

.section-head p {
	color: #6c757d;
	font-size: 14px;
}

/* Card */
.mhada-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	padding: 14px;
	min-height: 230px;
	position: relative;
}

/* Badge */
.lig-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 11px;
	padding: 4px 8px;
	border-radius: 12px;
	background: #e8f3ff;
	color: #0b5ed7;
	font-weight: 600;
}

/* Name */
.project-name {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 6px;
}

/* Location */
.project-location {
	font-size: 13px;
	color: #6c757d;
	margin-bottom: 10px;
}

/* Meta Rows */
.project-meta {
	display: flex;
	gap: 16px;
	margin-bottom: 10px;
}

.project-meta small {
	font-size: 11px;
	color: #999;
}

.project-meta strong {
	font-size: 13px;
	display: block;
}

/* Button */
.btn-outline-govt {
	border: 1px solid #0b3d2e;
	color: #0b3d2e;
}

.btn-outline-govt:hover {
	background: #0b3d2e;
	color: #fff;
}

.mhada-project-card {
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	height: 100%;
}

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

.project-media {
	position: relative;
}

.project-media img {
	width: 100%;
	height: 190px;
	object-fit: cover;
}

.status-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	background: #198754;
	color: #fff;
	padding: 4px 10px;
	font-size: 12px;
	border-radius: 20px;
}

.project-content {
	padding: 14px;
}

.project-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 4px;
}

.tag-lig {
	background: #fff3cd;
	color: #856404;
	font-size: 11px;
	padding: 2px 8px;
	border-radius: 12px;
	margin-left: 6px;
}

.rera-badge {
	font-size: 12px;
	color: #666;
	display: inline-block;
	margin: 0.5rem;
}

.project-info-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px;
	font-size: 13px;
	margin: 10px 0;
}

.price-strip {
	background: #f8f9fa;
	padding: 8px;
	font-weight: 600;
	font-size: 14px;
	border-radius: 8px;
	text-align: center;
}

.project-actions {
	display: flex;
	gap: 8px;
	margin-top: 10px;
}

.mhada-hero {
	background: linear-gradient(357deg, #e8b62a, #0b5f33);
	padding: 50px 0;
	color: #fff;
}

.mhada-hero .price {
	background: #0b5f33;
	padding: 1rem;
	font-size: 1.2rem !important;
	font-weight: 600;
	display: inline-block;
	border-radius: 1rem;
	margin: 0 0 1rem 0;
	color: #fff !important;
}

.hero-region {
	background: rgba(255, 255, 255, 0.15);
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 13px;
	display: inline-block;
	margin-bottom: 15px;
}

.hero-title {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #fff;
}

.hero-subtitle {
	font-size: 18px;
	opacity: 0.95;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 600;
}

/* INFO STRIP */
.hero-info {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	font-size: 14px;
	margin-bottom: 20px;
}

.hero-info i {
	margin-right: 6px;
}

/* HIGHLIGHTS */
.hero-highlights {
	display: flex;
	gap: 20px;
	font-size: 1rem;
	margin-bottom: 10px;
	font-weight: 600;
}

/* BUTTONS */
.hero-actions .btn {
	padding: 12px 22px;
	font-size: 15px;
	border-radius: 8px;
	margin-right: 10px;
}

.btn-call {
	background: #ffffff;
	color: #000;
	font-weight: 600;
}

.btn-call:hover {
	background: #f1f1f1;
}

.btn-brochure {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.btn-brochure:hover {
	background: #fff;
	color: #000;
}

/* IMAGE BOX */
.hero-image-box {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.hero-image-box img {
	border-radius: 20px;
}

.hero-status {
	position: absolute;
	top: 15px;
	left: 15px;
	background: #000;
	color: #fff;
	padding: 6px 14px;
	font-size: 12px;
	border-radius: 20px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.hero-title {
		font-size: 28px;
	}

	.hero-info,
	.hero-highlights {
		flex-direction: column;
		gap: 8px;
	}

	.hero-actions .btn {
		width: 100%;
		margin-bottom: 10px;
	}
}

.amenities-section {
	padding: 1rem 0;
	margin-bottom: 2rem;
}

.section-header h2 {
	font-size: 1.7rem;
	font-weight: 600;
	margin-bottom: 10px;
}

.section-header p {
	color: #6c757d;
	font-size: 15px;
	margin-bottom: 40px;
}

/* GRID */
.amenities-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

/* CARD */
.amenity-card {
	background: #fff;
	border-radius: 14px;
	padding: 25px 15px;
	text-align: center;
	transition: 0.3s ease;
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.06);
}

.amenity-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.amenity-card span {
	display: block;
	margin-top: 12px;
	font-size: 15px;
	font-weight: 500;
}

/* ICON STYLE */
.amenity-icon {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	font-size: 26px;
	color: #fff;
}

/* COLOR VARIANTS */
.green {
	background: #28a745;
}

.blue {
	background: #0d6efd;
}

.cyan {
	background: #17a2b8;
}

.yellow {
	background: #ffc107;
	color: #000;
}

.red {
	background: #dc3545;
}

.purple {
	background: #6f42c1;
}

/* RESPONSIVE */
@media (max-width: 992px) {
	.amenities-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.amenities-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}







/* Tabs */
.floor-tabs .nav-link {
	border-radius: 30px;
	padding: 8px 20px;
	font-weight: 500;
	color: #333;
	border: 1px solid #ddd;
	margin: 0 5px;
}

.floor-tabs .nav-link.active {
	background: #b1bbcf;
	color: #fff;
	border-color: #b1bbcf;
}

/* Card */
.floor-card {
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	transition: 0.3s;
	margin-bottom: 2rem;
}

.floor-card:hover {
	transform: translateY(-5px);
}

.floor-image img {
	width: 100%;
	height: 250px;
	object-fit: contain;
	background: #fff;
	padding: 0 15px;

}

.floor-content {
	padding: 20px;
}

.floor-content h5 {
	font-weight: 600;
	margin-bottom: 15px;
}

/* Area Details */
.area-details {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 14px;
	margin-bottom: 15px;
}

/* Price & Status */
.price-status {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.price {
	font-size: 12px;
	font-weight: 600;
	color: #198754;
}

.status {
	font-size: 13px;
	padding: 5px 12px;
	border-radius: 20px;
}

.status.available {
	background: #e6f7ed;
	color: #198754;
}

/* CTA */
.btn-callback {
	width: 100%;
	background: #198754;
	color: #fff;
	border-radius: 8px;
	padding: 10px;
}

.btn-callback:hover {
	background: #146c43;
}

/* Swiper arrows */
.swiper-button-next,
.swiper-button-prev {
	color: #198754;
}

.project-gallery {
	padding: 80px 0;
	background: #f8f9fb;

}

.section-title h2 {
	font-weight: 700;
	font-size: 32px;
}

.section-title p {
	color: #666;
}

/* Gallery Item */
.gallery-item {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 12px;
}

.gallery-item img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	transition: 0.4s;
}

/* Hover Zoom */
.gallery-item:hover img {
	transform: scale(1.08);
}

/* Overlay */
.gallery-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 12px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}


/* Section Badge */
.section-badge {
	display: inline-block;
	background: #e6f2ff;
	color: #004080;
	padding: 6px 15px;
	border-radius: 30px;
	font-size: 13px;
	margin-bottom: 15px;
}

/* About */
.about-modern-section {
	padding: 100px 0;
}

.about-highlights div {
	margin-bottom: 10px;
	font-weight: 500;
}

.about-highlights i {
	color: #004080;
	margin-right: 8px;
}

.about-image-modern img {
	border-radius: 15px;

}

/* VMV Glass */
.vmv-modern-upgraded {
	padding: 100px 0;

}

.vmv-glass-card {
	padding: 40px 25px;
	border-radius: 20px;
	background: #ffffff;
	text-align: center;
	transition: 0.3s;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.vmv-glass-card:hover {
	transform: translateY(-10px);
}

.vmv-glass-card i {
	font-size: 4rem;
	color: #e85a2a;
	margin-bottom: 15px;
}


/* CTA */
.cta-modern {
	padding: 80px 0;
	background: linear-gradient(135deg, #f1c258, #f5c330)
}

.timeline-section-modern {
	padding: 100px 0;
	background: #f8f9fb;
}

/* Section Badge */
.section-badge {
	display: inline-block;
	background: #f7e4de;
	color: #d32f2f;
	padding: 6px 16px;
	border-radius: 30px;
	font-size: 13px;
	margin-bottom: 12px;
}

/* Timeline Wrapper */
.timeline-modern {
	position: relative;
	margin-top: 60px;
}

/* Vertical Line */
.timeline-modern::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 3px;
	height: 100%;
	background: #e85a2a;
	transform: translateX(-50%);
}

/* Timeline Item */
.timeline-item {
	position: relative;
	width: 50%;
	padding: 20px 40px;
}

.timeline-item:nth-child(odd) {
	left: 0;
	text-align: right;
}

.timeline-item:nth-child(even) {
	left: 50%;
}

/* Dot */
.timeline-item::before {
	content: "";
	position: absolute;
	top: 30px;
	width: 16px;
	height: 16px;
	background: #e85a2a;
	border-radius: 50%;
	z-index: 1;
}

.timeline-item:nth-child(odd)::before {
	right: -8px;
}

.timeline-item:nth-child(even)::before {
	left: -8px;
}

/* Content Box */
.timeline-content {
	background: #ffffff;
	padding: 25px;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: 0.3s;
}

.timeline-content:hover {
	transform: translateY(-5px);
}

/* Year Badge */
.timeline-year {
	display: inline-block;
	background: #e85a2a;
	color: #fff;
	padding: 4px 12px;
	font-size: 13px;
	border-radius: 20px;
	margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 991px) {

	.timeline-modern::before {
		left: 8px;
	}

	.timeline-item {
		width: 100%;
		padding-left: 30px;
		padding-right: 15px;
		margin-bottom: 40px;
	}

	.timeline-item:nth-child(odd),
	.timeline-item:nth-child(even) {
		left: 0;
		text-align: left;
	}

	.timeline-item::before {
		left: 0;
	}

}

.history-impact-section {
	padding: 100px 0;
	background: #f8f9fb;
}

.impact-card {
	background: #ffffff;
	padding: 35px;
	text-align: center;
	border-radius: 15px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	transition: 0.3s;
}

.impact-card:hover {
	transform: translateY(-8px);
}

.impact-card i {
	font-size: 30px;
	color: #003366;
	margin-bottom: 15px;
}

.history-quote {
	background: url('https://picsum.photos/1920/700?city-skyline') center/cover;
	padding: 100px 0;
	position: relative;
}

.history-quote .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 51, 102, 0.85);
	top: 0;
	left: 0;
}


/* HERO */
.vm-hero-section {
	background: url('https://picsum.photos/1920/800?urban-skyline') center/cover;
	padding: 150px 0;
	position: relative;
}

.vm-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 51, 102, 0.85);
	top: 0;
	left: 0;
}

/* Badge */
.vm-badge {
	display: inline-block;
	background: #e6f0ff;
	color: #003366;
	padding: 6px 18px;
	border-radius: 30px;
	font-size: 13px;
	margin-bottom: 15px;
}

/* Sections */
.vm-vision-section,
.vm-mission-section,
.vm-values-section {
	padding: 100px 0;
}

/* Cards */
.vm-card {
	background: #ffffff;
	padding: 35px;
	border-radius: 15px;
	text-align: center;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	transition: 0.3s;
}

.vm-card:hover {
	transform: translateY(-8px);
}

.vm-icon {
	width: 60px;
	height: 60px;
	background: #e85a2a;
	color: #fff;
	margin: 0 auto 15px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}

/* Values */
.value-card {
	background: #fff;
	padding: 25px;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	transition: 0.3s;
}

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

.value-card i {
	font-size: 22px;
	color: #003366;
	margin-bottom: 8px;
}

/* Pillars */
.vm-pillars-section {
	background: url('https://picsum.photos/1920/900?city-night') center/cover;
	padding: 100px 0;
	position: relative;
}


/* Header Section */
.act-page-header {
	padding: 60px;
	color: #fff;
	overflow: hidden;
}

.act-page-header h1 {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 20px;
}

.act-page-header p {
	max-width: 750px;
	margin: auto;
	font-size: 16px;
	opacity: 0.9;
}

/* Accordion Section */
.act-accordion-section {
	padding: 80px 0;
	background: #f8f9fb;
}

/* Custom Accordion */
.custom-act-accordion .accordion-item {
	border: none;
	margin-bottom: 15px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.custom-act-accordion .accordion-button {
	background: #ffffff;
	font-weight: 600;
	color: #212529;
	padding: 18px 20px;
	font-size: 16px;
}

.custom-act-accordion .accordion-button:not(.collapsed) {
	background: #ffe6de;
	color: #e85a2a;
}

.custom-act-accordion .accordion-body {
	background: #ffffff;
	font-size: 15px;
	line-height: 1.7;
	color: #444;
}

/* HEADER */
.video-page-header {
	margin: 3rem 0;
}

.video-page-header h1 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 15px;
}

.video-page-header p {
	max-width: 750px;
	margin: auto;
	opacity: 0.9;
}

/* VIDEO SECTION */
.video-listing-section {
	padding: 80px 0;

}

/* Video Card */
.video-card {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	margin-bottom: 30px;
	overflow: hidden;
	transition: 0.3s;
}

.video-card:hover {
	transform: translateY(-5px);
}

.video-frame iframe {
	width: 100%;
	height: 350px;
	border: none;
}

.video-content {
	padding: 20px;
}

.video-content h5 {
	font-weight: 600;
	margin-bottom: 10px;
}

/* Sidebar */
.video-sidebar {
	background: #fff;
	padding: 25px;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);

	top: 120px;
	margin-bottom: 2rem;
}

.category-list {
	list-style: none;
	padding: 0;
	margin-top: 20px;
}

.category-list li {
	margin-bottom: 12px;
	border-bottom: 1px solid #ccc;
}

.category-list li a {
	text-decoration: none;
	color: #2b2b2b;
	font-weight: 500;
	padding-bottom: 1rem;
	display: inline-block;
}

.category-list li a:hover {
	color: #0059b3;
}

/* CTA SECTION */
.video-cta-section {
	padding: 80px 0;
	background: linear-gradient(135deg, #0059b3, #003366);
	color: #fff;
}

.booking-form .form-control {
	border-radius: 8px;
	padding: 12px;
	border: none;
}

.booking-form button {
	padding: 12px;
	font-weight: 600;
	border-radius: 8px;
}


/* HERO */
.fcfs-hero {
	background: url('https://picsum.photos/1920/700?city-buildings') center/cover;
	padding: 120px 0;
	position: relative;
}

.fcfs-hero .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 51, 102, 0.85);
	top: 0;
	left: 0;
}

.fcfs-hero h1 {
	font-size: 44px;
	font-weight: 700;
}

.fcfs-hero p {
	font-size: 18px;
}

/* Section spacing */
section {
	padding: 80px 0;
}

/* Headings */
h2 {
	font-weight: 700;
	margin-bottom: 30px;
	color: #003366;
}

/* Cards */
.overview-box,
.criteria-card {
	background: #fff;
	padding: 0 5px;
	border-radius: 12px;

}

/* Styled bullet list */
.styled-list {
	list-style: none;
	padding-left: 0;
}

.styled-list li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 14px;
	font-size: 15px;
}



/* Apply Steps */
.apply-step {
	background: #fff;
	padding: 25px;
	border-radius: 12px;
	text-align: center;

}

.apply-step h5 {
	color: #0059b3;
	font-weight: 600;
}

.pagination li {
	font-size: 1rem;
	padding: 1rem 0;
}

.pagination .active>.page-link,
.page-link.active {
	background-color: #616161 !important;
	border: 1px solid #ccc;
}

.pagination li a {
	font-size: 1rem;
	padding: 1rem 0;
	font-size: 1rem;
	padding: 0.5rem 1rem;
	color: #212121;
}

.news-box h2,
h3,
h4,
h5,
h6 {
	color: #212529 !important;
	font-size: 1.2rem !important;
}

.news-box h4,
h5,
h6 {
	color: #212529 !important;
	font-size: 0.8rem !important;
}

.news-box ul li {
	color: #777777;
	line-height: 24px;
	margin: 0px;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	padding-bottom: 0.5rem;
}

.board-description h2 {
	color: #212529 !important;
	font-size: 2rem;
	padding-bottom: 0.5rem;
	line-height: 1.4;
}



/*FCFS Page*/

.hero {
	background: linear-gradient(135deg, var(--dark) 0%, #1A3A1C 45%, #0F2510 100%);
	position: relative;
	overflow: hidden;
	padding: 80px 0 0;
}

.hero-bg-pattern {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		radial-gradient(circle at 20% 80%, rgba(232, 84, 10, .18) 0%, transparent 50%),
		radial-gradient(circle at 80% 20%, rgba(26, 122, 60, .22) 0%, transparent 50%),
		url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M30 0L60 30L30 60L0 30z'/%3E%3C/g%3E%3C/svg%3E");
}

.hero-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
	display: grid;
	grid-template-columns: 1fr 400px;
	gap: 64px;
	align-items: end;
	position: relative;
	z-index: 1;
}

.hero-content {
	padding-bottom: 64px
}

.hero-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(232, 84, 10, .18);
	border: 1px solid rgba(232, 84, 10, .4);
	color: #FFBA8A;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding: 6px 16px;
	border-radius: 50px;
	margin-bottom: 22px;
}

.hero-label::before {
	content: '◆';
	font-size: 7px;
	color: var(--orange-mid)
}

.hero-title {

	font-size: clamp(32px, 4.5vw, 54px);
	font-weight: 700;
	color: #fff;
	line-height: 1.12;
	margin-bottom: 10px;
}

.hero-title em {
	color: var(--orange-mid);
	font-style: normal
}

.hero-marathi {

	font-size: clamp(17px, 2.2vw, 24px);
	color: rgba(255, 255, 255, .5);
	margin-bottom: 24px;
	letter-spacing: .5px;
	line-height: 1.5;
}

.hero-desc {
	font-size: 16px;
	color: rgba(255, 255, 255, .72);
	line-height: 1.8;
	max-width: 560px;
	margin-bottom: 36px;
}

.hero-pills {
	display: flex;
	gap: 10px;
	flex-wrap: wrap
}

.pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 18px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
}

.pill-orange {
	background: var(--orange);
	color: #fff
}

.pill-outline {
	background: rgba(255, 255, 255, .08);
	border: 1.5px solid rgba(255, 255, 255, .2);
	color: rgba(255, 255, 255, .85);
}

/* Hero visual */
.hero-visual {
	position: relative;
	align-self: end
}

.hero-card {
	background: rgba(255, 255, 255, .06);
	backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: var(--radius-lg) var(--radius-lg) 0 0;
	padding: 32px 28px 0;
	overflow: hidden;
}

.hero-card-label {
	font-size: 11px;
	font-weight: 700;
	color: rgba(255, 255, 255, .45);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.s-pill-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-bottom: 16px
}

.s-pill {
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: var(--radius-sm);
	padding: 14px;
}

.s-pill .sp-label {
	font-size: 9px;
	color: rgba(255, 255, 255, .38);
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 4px
}

.s-pill .sp-val {
	font-size: 14px;
	color: #fff;
	font-weight: 700
}

.s-pill.sp-accent {
	background: rgba(232, 84, 10, .2);
	border-color: rgba(232, 84, 10, .35)
}

.s-pill.sp-accent .sp-val {
	color: #FFBA8A
}

.hero-img-strip {
	background: linear-gradient(180deg, rgba(26, 122, 60, .3) 0%, rgba(26, 122, 60, .6) 100%);
	border-radius: 8px 8px 0 0;
	height: 110px;
	margin-top: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 52px;
}

/* ── BREADCRUMB ─────────────────────────────────────────────── */
.breadcrumb-bar {
	background: var(--off);
	border-bottom: 1px solid var(--border);
	padding: 12px 0
}

.bc-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.bc-inner a {
	font-size: 13px;
	color: var(--green);
	font-weight: 500;
	transition: color .2s
}

.bc-inner a:hover {
	color: var(--orange)
}

.bc-inner .bc-sep {
	color: var(--muted);
	font-size: 12px
}

.bc-inner .bc-current {
	font-size: 13px;
	color: var(--muted)
}

/* ── LAYOUT ─────────────────────────────────────────────────── */
.page-body {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 40px 80px;
	display: grid;
	grid-template-columns: 1fr 356px;
	gap: 48px;
	align-items: start;
}

.main-col {
	min-width: 0
}

/* ── SEC HEADING ────────────────────────────────────────────── */
.sec-eye {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	color: var(--orange);
	margin-bottom: 10px;
}

.sec-eye::before {
	content: '';
	width: 22px;
	height: 2px;
	background: var(--orange);
	border-radius: 2px
}

.sec-title {

	font-size: clamp(21px, 2.8vw, 30px);
	font-weight: 700;
	color: var(--dark);
	line-height: 1.25;
	margin-bottom: 8px;
}

.sec-rule {
	width: 40px;
	height: 3px;
	background: linear-gradient(90deg, var(--orange) 0%, var(--green) 100%);
	border-radius: 2px;
	margin-bottom: 20px;
}

.sec-body {
	font-size: 15px;
	color: var(--text);
	line-height: 1.85
}

.sec-body p {
	margin-bottom: 16px
}

.sec-body p:last-child {
	margin-bottom: 0
}

/* ── WHAT IS FCFS ───────────────────────────────────────────── */
.what-block {
	background: var(--white);
	border: 1.5px solid var(--border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	margin-bottom: 36px;
	box-shadow: var(--shadow-sm);
}

.wb-head {
	background: linear-gradient(135deg, var(--green) 0%, var(--green-mid) 100%);
	padding: 26px 32px;
	display: flex;
	align-items: center;
	gap: 16px;
}

.wb-head .wh-ico {
	width: 52px;
	height: 52px;
	background: rgba(255, 255, 255, .15);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	flex-shrink: 0;
}

.wb-head h2 {

	font-size: 21px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 4px;
}

.wb-head p {
	font-size: 13px;
	color: rgba(255, 255, 255, .62)
}

.wb-body {
	padding: 32px
}

.marathi-callout {
	background: linear-gradient(135deg, var(--orange-light) 0%, #FFF8F4 100%);
	border: 1.5px solid var(--orange-border);
	border-left: 4px solid var(--orange);
	border-radius: var(--radius-md);
	padding: 20px 24px;
	margin: 22px 0;
	display: flex;
	align-items: center;
	gap: 16px;
}

.marathi-callout .mc-ico {
	font-size: 26px;
	flex-shrink: 0
}

.marathi-callout .mc-text {

	font-size: 21px;
	color: var(--orange);
	font-weight: 700;
	letter-spacing: .5px;
}

.marathi-callout .mc-sub {
	font-size: 12px;
	color: var(--muted);
	margin-top: 3px;

}

/* ── WHAT IS 2nd ────────────────────────────────────────────── */
.what2-block {
	background: var(--green-light);
	border: 1.5px solid var(--green-border);
	border-radius: var(--radius-lg);
	padding: 32px;
	margin-bottom: 36px;
}

.what2-block .sec-eye {
	color: var(--green)
}

.what2-block .sec-eye::before {
	background: var(--green)
}

/* ── OVERVIEW ───────────────────────────────────────────────── */
.overview-section {
	margin-bottom: 36px
}

.overview-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-top: 22px;
}

.ov-card {
	background: var(--white);
	border: 1.5px solid var(--border);
	border-radius: var(--radius-md);
	padding: 20px;
	display: flex;
	align-items: flex-start;
	gap: 13px;
	transition: border-color .25s, box-shadow .25s, transform .25s;
}

.ov-card:hover {
	border-color: var(--orange);
	box-shadow: var(--shadow-md);
	transform: translateY(-3px)
}

.ov-card .ov-num {
	width: 34px;
	height: 34px;
	border-radius: 9px;
	background: linear-gradient(135deg, var(--orange) 0%, var(--orange-mid) 100%);
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.ov-card p {
	font-size: 14px;
	color: var(--text);
	line-height: 1.55;
	font-weight: 500
}

/* ── TWO INFO BOXES ─────────────────────────────────────────── */
.two-info-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-bottom: 36px
}

.info-box {
	background: var(--white);
	border: 1.5px solid var(--border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	box-shadow: var(--shadow-sm);
}

.ib-head {
	padding: 18px 22px 16px;
	border-bottom: 1px solid var(--border);
	display: flex;
	align-items: center;
	gap: 12px;
}

.ib-head .ih-ico {
	width: 38px;
	height: 38px;
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	flex-shrink: 0;
}

.ih-green {
	background: var(--green-light)
}

.ih-orange {
	background: var(--orange-light)
}

.ib-head h3 {
	font-size: 15px;
	font-weight: 700;
	color: var(--dark)
}

.ib-body {
	padding: 18px 22px
}

.check-list {
	display: flex;
	flex-direction: column;
	gap: 10px
}

.check-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	color: var(--text);
	line-height: 1.5;
}

.chk {
	width: 20px;
	height: 20px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 700;
	flex-shrink: 0;
	margin-top: 1px;
	color: #fff;
}

.chk-green {
	background: var(--green)
}

.chk-orange {
	background: var(--orange)
}

/* ── BOARDS ─────────────────────────────────────────────────── */
.boards-section {
	margin-bottom: 36px
}

.boards-intro {
	font-size: 15px;
	color: var(--muted);
	margin-bottom: 22px;
	line-height: 1.7
}

.boards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 13px
}

.board-card {
	background: var(--white);
	border: 1.5px solid var(--border);
	border-radius: var(--radius-md);
	padding: 18px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	transition: all .25s;
	margin-bottom: 1rem;
}

.board-card:hover {
	border-color: var(--green);
	background: var(--green-light);
	box-shadow: var(--shadow-sm)
}

.board-card .b-ico {
	width: 40px;
	height: 40px;
	border-radius: 9px;
	background: var(--green-light);
	border: 1.5px solid var(--green-border);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	flex-shrink: 0;
	transition: background .25s;
}

.board-card:hover .b-ico {
	background: var(--green)
}

.board-card p {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--dark);
	margin-bottom: 0;
}

/* ── DOCUMENTS ──────────────────────────────────────────────── */
.docs-section {
	margin-bottom: 0
}

.docs-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: 22px
}

.doc-item {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 15px 17px;
	background: var(--off);
	border: 1.5px solid var(--border);
	border-radius: var(--radius-md);
	transition: all .22s;
}

.doc-item:hover {
	border-color: var(--orange);
	background: var(--orange-light)
}

.doc-item .d-num {
	width: 30px;
	height: 30px;
	border-radius: 7px;
	background: linear-gradient(135deg, var(--orange) 0%, var(--orange-mid) 100%);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.doc-item p {
	font-size: 13.5px;
	color: var(--text);
	font-weight: 500;
	line-height: 1.4
}

/* ── DIVIDER ────────────────────────────────────────────────── */
.sec-divider {
	border: none;
	border-top: 1px solid var(--border);
	margin: 36px 0
}

/* ── SIDEBAR ─────────────────────────────────────────────────── */
.sidebar {
	display: flex;
	flex-direction: column;
	gap: 22px;
	position: sticky;
	top: 88px
}

/* Enquiry card */

.eq-head {
	background: linear-gradient(135deg, var(--orange) 0%, #C44008 100%);
	padding: 1rem;
	border-radius: 0.5rem;
}

.eq-head h3 {
	font-weight: 700;
	color: #fff !important;
	margin-bottom: 0 !important;
	padding-bottom: 0.5rem !important;
}

.eq-head p {
	font-size: 13px;
	color: rgba(255, 255, 255, .7);
	line-height: 1.5
}

.eq-body {
	padding: 1.5rem 0;
}

.form-group {
	margin-bottom: 13px
}

.form-group label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	color: var(--dark);
	text-transform: uppercase;
	letter-spacing: .5px;
	margin-bottom: 5px;
}

.form-control {
	width: 100%;
	padding: 10px 13px;
	border: 1.5px solid var(--border);
	border-radius: var(--radius-sm);
	font-size: 14px;
	color: var(--text);
	background: var(--off);
	outline: none;
	transition: border-color .2s, background .2s;
	appearance: none;
	-webkit-appearance: none;
}

.form-control:focus {
	border-color: var(--orange);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(232, 84, 10, .1);
}

.form-control::placeholder {
	color: #AAB4AC
}

.form-row-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 11px
}

.btn-submit {
	width: 100%;
	padding: 12px;
	background: linear-gradient(135deg, var(--green) 0%, var(--green-mid) 100%);
	color: #fff;
	border: none;
	border-radius: var(--radius-md);
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: all .25s;
}

.btn-submit:hover {
	background: linear-gradient(135deg, #145C2E 0%, var(--green) 100%);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(26, 122, 60, .3);
}

.form-note {
	font-size: 11px;
	color: var(--muted);
	text-align: center;
	margin-top: 11px;
	line-height: 1.5
}

.form-note span {
	color: var(--green);
	font-weight: 600
}

/* Form success */
.form-success {
	display: none;
	text-align: center;
	padding: 18px 8px 26px
}

.form-success .fs-ico {
	font-size: 52px;
	margin-bottom: 12px
}

.form-success h4 {
	font-size: 17px;
	font-weight: 700;
	color: var(--green);
	margin-bottom: 8px
}

.form-success p {
	font-size: 13px;
	color: var(--muted);
	line-height: 1.6
}

/* Quick links card */
.sidebar-card {
	background: var(--white);
	border: 1.5px solid var(--border);
	border-radius: var(--radius-lg);
	overflow: hidden;
}

.sc-head {
	background: linear-gradient(135deg, var(--green) 0%, var(--green-mid) 100%);
	padding: 15px 22px;
	display: flex;
	align-items: center;
	gap: 9px;
}

.sc-head h4 {
	font-weight: 700;
	letter-spacing: .3px;
	padding-bottom: 0;
	color: #fff !important;
}

.sc-head .sh-ico {
	font-size: 17px
}

.sc-body {
	padding: 10px
}

.sc-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 13px;
	border-radius: var(--radius-sm);
	font-size: 13.5px;
	color: var(--text);
	font-weight: 500;
	transition: all .2s;
}

.sc-link:hover {
	background: var(--green-light);
	color: var(--green)
}

.sc-link .sl-ico {
	font-size: 14px;
	width: 20px;
	text-align: center
}

/* Info alert */
.info-alert {
	background: var(--orange-light);
	border: 1.5px solid var(--orange-border);
	border-left: 4px solid var(--orange);
	border-radius: var(--radius-md);
	padding: 17px 19px;
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.info-alert .ia-ico {
	font-size: 18px;
	flex-shrink: 0
}

.info-alert p {
	font-size: 13px;
	color: var(--text);
	line-height: 1.65
}

.info-alert strong {
	color: var(--orange)
}

/* ── FOOTER NOTE ─────────────────────────────────────────────── */
.page-footnote {
	background: var(--off);
	border-top: 1px solid var(--border);
	padding: 18px 40px;
	text-align: center;
	font-size: 12px;
	color: var(--muted);
}

.page-footnote a {
	color: var(--green);
	font-weight: 600
}

.page-footnote a:hover {
	color: var(--orange)
}

/* ── LARGE TABLET: ≤ 1100px ─────────────────────────────────── */
@media (max-width: 1100px) {
	.hero-inner {
		grid-template-columns: 1fr;
		gap: 36px;
		padding-bottom: 40px;
	}

	.hero-visual {
		display: none;
	}

	.hero-content {
		padding-bottom: 0;
	}

	.page-body {
		grid-template-columns: 1fr;
		gap: 28px;
		padding: 48px 32px 64px;
	}

	.sidebar {
		position: static;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.enquiry-card {
		flex: 1 1 340px;
	}

	.sidebar-card {
		flex: 1 1 240px;
	}

	.info-alert {
		flex: 1 1 220px;
	}
}

/* ── TABLET: ≤ 860px ────────────────────────────────────────── */
@media (max-width: 860px) {
	.hero {
		padding-top: 52px;
	}

	.hero-inner {
		padding: 0 28px;
	}

	.bc-inner {
		padding: 0 28px;
	}

	.page-body {
		padding: 40px 28px 56px;
	}

	.page-footnote {
		padding: 16px 28px;
	}

	.overview-grid {
		grid-template-columns: 1fr;
	}

	.two-info-row {
		grid-template-columns: 1fr;
	}

	.boards-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.docs-grid {
		grid-template-columns: 1fr;
	}

	.form-row-2 {
		grid-template-columns: 1fr;
	}

	.what2-block {
		padding: 26px;
	}

	.wb-body {
		padding: 26px;
	}
}

/* ── MOBILE: ≤ 600px ────────────────────────────────────────── */
@media (max-width: 600px) {
	.hero {
		padding-top: 40px;
	}

	.hero-inner {
		padding: 0 20px;
		gap: 24px;
	}

	.hero-label {
		font-size: 10px;
		padding: 5px 12px;
	}

	.hero-desc {
		font-size: 14.5px;
	}

	.hero-pills {
		flex-direction: column;
	}

	.pill {
		justify-content: center;
	}

	.bc-inner {
		padding: 0 20px;
	}

	.page-body {
		padding: 30px 20px 48px;
		gap: 22px;
	}

	.page-footnote {
		padding: 14px 20px;
	}

	.wb-head {
		padding: 20px 22px;
		flex-direction: column;
		align-items: flex-start;
	}

	.wb-head h2 {
		font-size: 18px;
	}

	.wb-body {
		padding: 22px;
	}

	.marathi-callout {
		flex-direction: column;
		text-align: center;
		padding: 18px;
	}

	.marathi-callout .mc-text {
		font-size: 19px;
	}

	.what2-block {
		padding: 22px;
	}

	.boards-grid {
		grid-template-columns: 1fr;
	}

	.ib-head {
		padding: 14px 17px;
	}

	.ib-body {
		padding: 14px 17px;
	}

	.eq-head {
		padding: 18px 20px;
	}

	.eq-body {
		padding: 1rem 0.5rem;
	}

	.sidebar {
		flex-direction: column;
	}

	.enquiry-card,
	.sidebar-card,
	.info-alert {
		flex: none;
		width: 100%;
	}

	.sec-divider {
		margin: 24px 0;
	}
}

/* ── SMALL MOBILE: ≤ 380px ──────────────────────────────────── */
@media (max-width: 380px) {
	.hero-title {
		font-size: 26px;
	}

	.sec-title {
		font-size: 19px;
	}

	.hero-marathi {
		font-size: 15px;
	}

	.btn-submit {
		font-size: 13.5px;
	}

	.wb-head h2 {
		font-size: 16px;
	}
}


.ui-v2 {
	background: #f7f9fc;
	padding: 60px 0;
}

/* TITLE */
.premium-title h1 {
	font-size: 32px;
	font-weight: 700;
	color: #111;
}

.premium-title p {
	max-width: 750px;
	margin: 10px auto;
	color: #555;
	line-height: 1.7;
}

/* CARD */
.content-card {
	background: #fff;
	padding: 25px;
	border-radius: 14px;
	margin-bottom: 25px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

/* HIGHLIGHT */
.highlight-card {
	border-left: 5px solid #d62828;
	background: #fff5f5;
}

/* HEADINGS */
.content-card h2 {
	font-size: 22px;
	margin-bottom: 10px;
}

.content-card h3 {
	font-size: 16px;
	margin: 8px 0;
}

/* STEPS GRID */
.steps-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

/* STEP */
.step-item {
	background: #fafafa;
	padding: 18px;
	border-radius: 12px;
	transition: 0.3s;
}

.step-item:hover {
	background: #fff;
	transform: translateY(-5px);
}

/* ICON */
.step-icon {
	font-size: 22px;
	margin-bottom: 8px;
}

/* LIST */
.styled-list {
	padding-left: 0;
}

.styled-list li {
	list-style: none;
	font-size: 14px;
	padding: 5px;
	float: left;
}

/* FORM */
.premium-form {
	background: #fff;
	padding: 30px;
	border-radius: 16px;
	margin-top: 40px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.form-title h2 {
	font-size: 24px;
}

.form-control {
	border-radius: 8px;
	padding: 10px;
}

/* BUTTON */
.btn-submit {
	background: #d62828;
	color: #fff;
	border: none;
	padding: 12px 28px;
	border-radius: 30px;
	font-weight: 500;
	transition: 0.3s;
}

.btn-submit:hover {
	background: #b71c1c;
}

.footer-contact strong {
	color: #fff;
}

/* Add to your CSS file */
.footer-social .social-links {
	display: flex;
	gap: 12px;
	margin-top: 10px;
	flex-wrap: wrap;
}

.social-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #fff;
    color: #e85a2a !important;
	transition: all 0.3s ease;
	text-decoration: none;
}

.social-icon:hover {
	transform: translateY(-3px);
	color: #fff !important; 
}

.social-icon.facebook:hover {
	background: #1877f2;
}

.social-icon.pinterest:hover {
	background: #bd081c;
}

/* Pinterest color */
.social-icon.instagram:hover {
	background: #e4405f;
}

.social-icon.youtube:hover {
	background: #ff0000;
}

.social-icon.linkedin:hover {
	background: #0077b5;
}

/* For bottom section style */
.footer-social-mini {
	display: inline-flex;
	gap: 15px;
	margin-right: 20px;
}

.footer-social-mini a {
	color: #fff;
	opacity: 0.7;
	transition: all 0.3s;
	font-size: 16px;
}

.footer-social-mini a:hover {
	opacity: 1;
	transform: translateY(-2px);
}

.footer-social-mini a.pinterest:hover {
	color: #bd081c;
}