@media all and (min-width: 992px) {
	.dropdown-menu {
		width: max-content;
	}

	.mega-submenu {
		left: 100%;
		top: 0;
		min-width: 25rem;
	}

	.ktm-mega-menu {
		position: static;
	}

	.mega-menu {
		left: 0;
		right: 0;
		width: 100%;
	}

	.dropdown-menu li {
		position: relative;
	}

	.dropdown-menu .submenu {
		display: none;
		right: 100%;
		top: 0;
		left: 205px;
	}
	.dropdown-menu .submenu .submenu{
		left: 35px !important;
	}
	.dropdown-item .submenu li .submenu.dropdown-menu {
		left: 15px !important;
	}

	.dropdown-menu>li:hover>.submenu,
	.dropdown:hover>.dropdown-menu {
		display: block;
	}
}

.bg-sky-new {
	background-color: #177f88;
}

.navbar-nav li a {
	color: #fff !important;
	font-size: 15px;
	cursor: pointer !important;
}

.dropdown-menu {
	background-color: #00565e !important;
	border-top: 4px solid #ffff8f;
}

.dropdown-item:focus,
.dropdown-item:hover {
	background-color: #ffff8f !important;
	color: #000 !important;
}

.dropdown-menu h6 {
	color: #ffff8f !important;
}

.navbar {
	justify-content: end !important;
}

.dropdown-item {
	white-space: inherit !important;
	font-size: 15px !important;
}

.breadcrumb {
	/*centering*/
	display: block;
	overflow: hidden;
	border-radius: 5px;
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	counter-reset: flag;
}

.breadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 30px;
	background: #666;
	background: #177f88;
	position: relative;
}

/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb a:first-child {
	padding-left: 22px;
	border-radius: 5px 0 0 5px;
	/*to match with the parent's radius*/
}

.breadcrumb a:first-child:before {
	left: 14px;
}

.breadcrumb a:last-child {
	border-radius: 0 5px 5px 0;
	/*this was to prevent glitches on hover*/
	padding-right: 20px;
	color: #fff !important;
}

/*hover/active styles*/
.breadcrumb a.active,
.breadcrumb a:hover {
	background: #333;
	background: #00707a;
}

.breadcrumb a.active:after,
.breadcrumb a:hover:after {
	background: #333;
	background: #00707a;
}

.notice_view {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.notice_view span {
	color: #000;
	font-weight: 500;
	font-size: 20px !important;
	font-weight: 700 !important;
}

.notice_view p {
	margin-bottom: 0px;
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0;
	right: -16px;
	/*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px;
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: #177f88;
	/*stylish arrow design using box shadow*/

	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}

.about-background h6 {
	background: #177f88;
	padding: 10px;
	color: #fff;
	border-left: 5px solid #c1d568;
	text-transform: capitalize;
}

.back-ioc {
	border: 1px solid #177f88;
	padding: 5px;
	border-radius: 50px;
	color: #177f88;
	background: #ffff8f;
	box-shadow: 0px 0px 3px #000;
	margin-right: 10px;
}

.card {
	border: 1px solid transparent !important;
}

.comm-heading {
	background: #177f88;
	padding: 10px;
	color: #fff;
	border-left: 5px solid #c1d568;
}

.permision {
	background: #177f88;
	color: #fff;
	padding: 10px;
}

.parks-and-gardens .card-park .box2 h5 {
	background: #177f88;
	color: #fff;
	padding: 10px;
	border-left: 5px solid #c1d568;
	margin: 0px;
}

.parks-and-gardens img {
	width: 100%;
}

.parks-and-gardens .card-park .box2 {
	background: #177f88;
	color: #fff !important;
}

.parks-and-gardens .card-park .box2:hover .park-garden-address {
	height: 84%;
	display: flex;
	align-items: center;
	padding: 0px 20px;
	opacity: 1;
}


.park-garden-address {
	position: absolute;
	bottom: 0;
	height: 0;
	min-height: 0 !important;
	background-color: #177f88bd;
	transition: 0.4s;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
}

.card-park .box2 {
	position: relative;
	box-shadow: 0px 0px 10px #000;
}

.card-park .box2:hover {
	box-shadow: 0px 0px 0px;
	transition: 0.9s;
}

.card-park .box2:hover .park-garden-address {
	display: block;
	transition: 1.9s;
}

.zoom:hover {
	zoom: 1.5;
}


.community-markets::before {
	content: "\f0a4";
	font-family: "Font Awesome 5 Free";
	border: 1px solid #177f88;
	padding: 5px;
	border-radius: 50px;
	color: #177f88;
	background: #ffff8f;
	box-shadow: 0px 0px 3px #000;
	margin-right: 10px;
}

.community-markets {
	background: #177f88;
	color: #fff;
	padding: 10px;
	margin-bottom: 3px;
	font-size: 15px;
}

.community-toilet h5 {
	margin-top: 0px;
	font-size: 16px;
	color: #000;
}


.community-toilet .bg-sk .community-toilet-det::before {
	content: "\f0a4";
	font-family: "Font Awesome 5 Free";
	border: 1px solid #177f88;
	padding: 5px;
	border-radius: 50px;
	color: #177f88;
	background: #ffff8f;
	box-shadow: 0px 0px 3px #000;
	margin-right: 10px;
}

.community-toilet .bg-sk .community-toilet-det {
	background: #177f88;
	color: #fff;
	padding: 10px;
	margin-bottom: 3px;
	font-size: 15px;
}

.address-icon::before {
	content: "\f3c5";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	padding-right: 10px;
}

.bg-sky-new.card-header h3 {
	font-size: 20px;
	color: #fff;
}

.community-toilet .card-body p {
	margin: 0px 0px 12px 0px;
}

.pet-dog h4 {
	background: #177f88;
	padding: 10px;
	color: #fff;
	border-left: 5px solid #cdda72;
	font-size: 22px;
	margin: 0px 0px 10px 0px;
}

.charge-details {
	background: #177f88;
	border-radius: 50px;
	padding: 0px 15px 0px 0px;
	box-shadow: 0px 0px 10px #000 !important;
}

.charge-details:hover {
	box-shadow: 0px 0px 0px #000 !important;
	transition: 0.6s;
}

.charge-details .charge-rate {
	position: absolute;
	padding: 30px 15px;
	background: #ffff8f;
	border-radius: 50px;
	border: 5px solid #177f88;
	width: 100px;
	height: 90px;
	margin-top: 4px;
}

.charge-details .charge-contain {
	padding: 10px 20px;
}

.charge-details .charge-contain h6 {
	margin-top: 10px;
	color: #ffff8f;
	font-weight: 500;
	font-size: 13px;
}

.charge-details .charge-contain p {
	color: #fff;
	font-size: 12px;
}

.charge-rate::before {
	content: "\e1bc";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	margin-right: 5px;
}

.Time-of-admission p {
	font-size: 15px !important;
	line-height: 30px !important;
}

.Time-of-admission ul li {
	list-style-type: disclosure-closed;
	line-height: 30px;
}

.pet-location-details a {
	color: #177f88;
}

.pet-location-details i {
	color: #000;
}

.pet-location-details {
	padding: 10px;
	border-top: 2px solid #177f88;
}

.demol-heading {
	background: #177f88;
	color: #fff;
	width: 50%;
	padding: 5px;
	border-left: 5px solid #c1d568;
}

.demolition-waste p {
	margin: 0px !important;

}

.demol-detail span {
	background: #177f88;
	padding: 5px;
	color: #fff;
}

.demol-detail .d-flex {
	background: #e6f0f1;
	margin: 10px 0px;
}

.demolition-waste .card-body p {
	padding: 2px;
}

.all-btn {
	background-color: #177f88;
	border-radius: 0.25rem;
}

.all-btn a {
	color: #fff !important;
	font-size: 14px;
	text-decoration: none;
}


.nav-pills-custom .nav-link {
	color: #fff;
	background: #177f88;
	position: relative;
	cursor: pointer;
}

.nav-pills-custom .nav-link.active {
	color: #ffffff;
	background: #00565e;
}

.contact_details p {
	font-weight: 600;
	margin-bottom: 6px;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
	.nav-pills-custom .nav-link::before {
		content: '';
		display: block;
		border-top: 8px solid transparent;
		border-left: 10px solid #00565e;
		border-bottom: 8px solid transparent;
		position: absolute;
		top: 50%;
		right: -10px;
		transform: translateY(-50%);
		opacity: 0;
	}
}

.nav-pills-custom .nav-link.active::before {
	opacity: 1;
}

.border-left-style #v-pills-1 p {
	border-left: 5px solid #177f88;
	padding-left: 10px;
}

.pdf-red {
	color: red;
}

.pdf-down a {
	color: #000;
}

.tab-content h2 {
	font-size: 20px;
}

.procedure-for-self-assessment-and-payment .tab-content p::before {
	content: "\e1bc";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	margin-right: 5px;
}

.step strong::before {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	margin-right: 5px;
}

.step strong {
	background: #ffff8f;
	padding: 5px 14px;
	border-radius: 5px;
	box-shadow: -3px 3px 0px #000;
}

.List-of-documents div p {
	padding: 5px 0px 0px 10px;
	margin: 0px;
	margin-top: 5px;
}

.Time-Line .de {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	transition: 0.3s;
	margin: 5px 0px;
	padding: 20px;
	min-height: 115px;
	background: #9edef840;
}

.Time-Line .de p {
	margin-bottom: 0px;
}

.Time-Line .de h4 {
	font-size: 15px;
	color: #177f88;
}

.Time-Line .de:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.Fees-Charges {
	text-transform: capitalize;
}

.Fees-Charges h4 {
	font-size: 15px;
	color: #177f88;
	padding-left: 0px;
}

.Fees-Charges ol {
	padding-left: 8%;
}

.second-fees {
	padding-left: 7%;
}


.Fire-Service-Charge {
	padding: 10px;
	background: #177f88;
	border-radius: 10px;
	color: #fff;
}

.Fire-Service-Charge-details {
	background: #ffff8f;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	color: #000;
	box-shadow: 0px 0px 10px 0px #fff;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.Fire-Service-Charge-details p {
	margin-bottom: 0px;
}

.cess h5 {
	font-size: 15px !important;
}

.fees-table .f1 {
	color: #fff;
	padding: 15px;
	width: 50%;
}

.fees-table .f2 {
	color: #fbfe8a;
	padding: 15px;
	width: 50%;
}

.lower-fees {
	background: #ddd;
	padding: 10px;
}

.lower-fees h6 {
	margin-bottom: 0px;
}

.pdf-iconn::after {
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #fff;
	margin-left: 5px;
}

.building-plan-sanction p img {
	width: 100%;
}

.List-of-documents p::before {
	content: "\f192";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	margin-right: 5px;
}

.accordion-button:not(.collapsed) {
	color: #177f88;
}

.water-supply {
	height: 300px;
	overflow: auto;
}

.Residential-Use {
	height: 300px;
	overflow: auto;
}

.cass {
	height: 300px;
	overflow: auto;
}

.page_title {
	padding-bottom: 10px;
}

.Time-Line p {
	margin-bottom: 0px;
}

.Procedure-For-Application strong {
	background: #ffff8f;
	padding: 5px 14px;
	border-radius: 5px;
	box-shadow: -3px 3px 0px #000;
}

.related-notice::before {
	content: "\f192";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	margin-right: 5px;
}

/*.page_content h2{
	font-size: 20px;
    margin-bottom: 0px;
    background: #177f88;
    color: #fff;
    padding: 10px;
    border-left: 5px solid #dfe87f;
}*/

.related-notice {
	margin: 10px 0px 10px 0px;
}

.ferrul span::before {
	content: "\e1bc";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #000;
	margin-right: 5px;
	font-size: 14px;
}

.ferrul h4 {
	font-size: 18px;
	color: #177f88;
}

.ferrul ul li::before {
	content: "\f192";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	margin-right: 5px;
}

.nav.flex-column.nav-pills.nav-pills-custom a span {
	text-transform: capitalize !important;
}

.List-of-Documents-to-be-Submitted ul li::before {
	content: "\f192";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	margin-right: 5px;
	font-size: 14px;
}

.List-of-Documents-to-be-Submitted ul li {
	padding: 10px 0px;
	display: flex;
	font-size: 14px;
}

.padding-l-r {
	padding: 8px 10px !important;
}

.id-proof p::before {
	content: "\f192";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	margin-right: 5px;
	font-size: 14px;
}

#menuitem_zeroshop {
	margin-left: 8px;
}


#menuitem_zeroshop img {
	width: 80px !important;
	margin-top: 3px;
}

#main_nav {
	justify-content: flex-start !important;
}

#main_nav .navbar-nav.p-3.p-md-0.menu-main-list #menuitem_254 #menuitem_254_id {
	padding-left: 0 !important;
}

.right-first a {
	font-size: 14px;
	font-weight: 600;
}

.right-third a {
	font-size: 14px;
	font-weight: 600;
}

.Map-Area-Details li {
	width: 32.33% !important;
}

.Map-Area-Details {
	background: transparent;
	padding: 0px;

}

.Map-Area-Details.helpful_info .helpful_info_desc .tab-content {
	min-height: unset !important;
	max-height: unset !important;
}

.Map-Area-Details.helpful_info .helpful_info_desc .tab-content iframe {
	height: 500px !important;
}



#Housing_Complex th {
	padding: 8px !important;
}

#Housing_Complex .dataTables_sizing {
	height: unset !important;
}

.contentTxtt .bg-sky-new.card-header h3 {
	font-size: 15px !important;
	margin-bottom: 0px !important;
}

.contentTxtt {
	overflow: auto;
	height: 240px;
}

.card-1 {
	min-height: 440px;
}

.fees-chargess .contentSubHead {
	color: #177f88;
}

.fc-charges li {
	display: flex;
}

.fc-charges li::before {
	content: "\f192";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	margin-right: 5px;
	font-size: 14px;
}

.List-Of-Documents-Submitted div::before {
	content: "\f192";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	margin-right: 5px;
	font-size: 14px;
	line-height: 30px;
}

.Technical-Person-Details ul li a::before {
	content: "\f192";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	margin-right: 5px;
	font-size: 14px;
	line-height: 30px;
}

.Technical-Person-Details ul li a {
	color: #000;
}


.Technical-user-manual {
	background-color: #f7f7f7;
	padding: 10px 0 !important;
}

.Technical-user-manual li:nth-child(1) {
	width: 43.37% !important;
	font-size: 14px;
	margin-left: -10px !important;
}

.Technical-user-manual li:nth-child(2) {
	width: 56.63% !important;
	font-size: 14px;
}

.Technical-user-manual.helpful_info .helpful_info_desc .tab-content {
	min-height: unset !important;
	max-height: unset !important;
}

.Technical-user-manual.helpful_info .helpful_info_desc .tab-content iframe {
	height: 500px !important;
}

.Occupancy-user-manual {
	background-color: #f7f7f7;
	padding: 10px 0 !important;
}

.Occupancy-user-manual li {
	width: 33.33% !important;
	font-size: 14px;
}

.Occupancy-user-manual.helpful_info .helpful_info_desc .tab-content {
	min-height: unset !important;
	max-height: unset !important;
}

.Occupancy-user-manual.helpful_info .helpful_info_desc .tab-content iframe {
	height: 500px !important;
}

.helpful_info.Occupancy-user-manual .helpful_info_desc .nav-tabs .nav-link span {
	margin-top: 1% !important;
}

.Trade-user-manual {
	background-color: #f7f7f7;
	padding: 10px 0 !important;
}

.Trade-user-manual li {
	width: 33.33% !important;
	font-size: 14px;
}

.Trade-user-manual.helpful_info .helpful_info_desc .tab-content {
	min-height: unset !important;
	max-height: unset !important;
}

.Trade-user-manual.helpful_info .helpful_info_desc .tab-content iframe {
	height: 500px !important;
}

.helpful_info.Trade-user-manual .helpful_info_desc .nav-tabs .nav-link span {
	margin-top: 4% !important;
}

._2p3a {
	width: 180px !important;
}


@media (max-width: 1400px) {
	.one {
		min-height: 160px;
	}


	.Time-Line .de {
		min-height: 110px;
	}

	.navbar-nav li a {
		color: #fff !important;
		font-size: 15px;
	}
}


.navbar-nav.p-3.p-md-0.menu-main-list li .submenu.dropdown-menu {
	/* width: 33rem !important; */
	width: max-content;

}

.navbar-nav.p-3.p-md-0.menu-main-list li .submenu.dropdown-menu li {
	border-bottom: 1px solid #ffffff66;
}

.navbar-nav.p-3.p-md-0.menu-main-list li:nth-child(1) .submenu.dropdown-menu {
	/* width: 14rem !important; */
	max-width: 12rem !important;

}

.navbar-nav.p-3.p-md-0.menu-main-list li:nth-child(1) .submenu.dropdown-menu .submenu.dropdown-menu {
	left: 4rem;
}


/* .navbar-nav.p-3.p-md-0.menu-main-list li:nth-child(5) .submenu.dropdown-menu {
	width: 14rem !important;
	
} */

.navbar-nav.p-3.p-md-0.menu-main-list li:nth-child(5) .submenu.dropdown-menu .submenu.dropdown-menu {
	left: 13.8rem;
}

/* ******************** Shibu dey start ************************************** */

.community-markets b {
	color: #ffff8f;
}

#water-connection .flow-chat {
	background: #177f88;
	padding: 20px;
	border-radius: 10px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#water-connection .flow-chat-next {
	background: #F7F7F7;
	border-radius: 10px;

	padding: 20px;
}

#water-connection .flow-chat-next p {
	color: #202020;
	font-size: 15px !important;
	font-weight: 500;
}

#water-connection .flow-chat-next p a b {
	color: #177f88;
}

#water-connection .flow-chat-next p strong {
	margin-right: 8px;
}


#water-connection .page_sec-title2:first-child h2 {
	margin-bottom: 18px;
}

#water-connection .Ferrule-size table {
	margin-top: 0 !important;
}

#water-connection .col-12.col-lg-5.col-md-5 .d-flex.mt-4 a {
	color: #2e2e2e;
	position: relative;
	font-size: 20px;
}

#water-connection .col-12.col-lg-5.col-md-5 .d-flex.mt-4 a::after {
	content: "";
	background-color: #b9b9b9;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 2px;
	left: 0;
}

#water-connection .text-white b {
	color: #fff;
}

#water-connection .down-user-man {
	align-items: flex-start;
}

#water-connection .down-user-man a {
	color: #177F88 !important;
}

#water-connection .down-user-man2 a {
	color: #202020 !important;
}

#water-connection .down-user-man2 {
	align-items: flex-start;
}

#water-connection .example2 {
	cursor: pointer;
	text-decoration: none;
}

#water-connection .card-section .card a {
	color: #000;
}

#water-connection .card-section:nth-child(1) .card {
	background: #FFC20E;
}

#water-connection .water-connection p {
	font-size: 15px;
	font-weight: 500;
	color: #000 !important;
	margin-bottom: 0px;
}

#water-connection .water-connection span {
	font-size: 20px;
	font-weight: 500;
	color: #000 !important;
}

#water-connection .card-section .card1 {
	background: #00A5E3;
}

#water-connection .card-section .card2 {
	background: #FF526D;
}

#water-connection .page_sec-title2 p {
	font-weight: 600;
	font-size: 15px;
}

#water-connection .Ferrule-size .table {
	border-color: #177F88 !important;
}

#water-connection .Ferrule-size .table thead tr td {
	font-size: 17px;
	font-weight: 600;
	color: #177F88;
	background: #F7F7F7;
	width: 57%;
}

#water-connection .Ferrule-size .table tr td {
	font-size: 16px;
	font-weight: 400;
	color: #202020;
	padding-left: 15px;
}

#water-connection .permanent-details .contact-tab1.active {
	color: #ffffff;
	background-color: #177f88;
	border-color: #177f88 #fff #177f88;
}

#water-connection .permanent-details .contact-tab1 {
	width: 100%;
	font-size: 20px;
	font-weight: 600;
	padding: 15px 0px;
	color: #202020;
	border-color: #177f88;
}

#water-connection .permanent-details .tab-content .tab-pane {
	border-color: #177f88
}

#water-connection .time-line h4 {
	color: #177F88;
	font-size: 20px;
	font-weight: 700;
}

#water-connection .time-line {
	background: #F8F8F8;
	padding: 55px 80px;
}

#water-connection .time-line-det h6 {
	color: #177F88;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 2px !important;
}

#water-connection .time-line-det p {
	color: #202020;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 5px !important;
}

#water-connection .enlist-plum h4 {
	color: #177F88;
	font-size: 24px;
	font-weight: 700;
}

#water-connection .enlist-plum-list a {
	color: #202020;
	font-size: 16px;
	font-weight: 400;
}

.blog_list_main.tenders .card {}

.director_sec .search-results .search-results-module-title {
	margin-left: 10px;
}

.blog_list_main.tenders .card {
	border: 5px solid #177f88 !important;
	flex-direction: row;
	padding: 10px;
	align-items: center;
	margin: 10px 0;
	display: flex;
}

.blog_list_main.tenders .card .date {
	background: #177f88;
	width: 120px;
	color: #fff;
	padding: 3px;
	text-align: center;
	margin-right: 30px;
}

.blog_list_main.tenders .card .blog-content {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.tenders .datee {
	font-size: 20px;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
}

.tenders .yearr {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}


.blog_list_main.tenders .blog-content .read-more {
	background: #bdd46b;
	padding: 5px 20px;
	border-radius: 30px;
	color: #000;
	border: 2px solid #177f88;
}

.blog_list_main.tenders .blog-content .read-more:hover {
	box-shadow: 0px 0px 5px;
	transition: 0.3s;
}

.blog_list_main.tenders .blog-content .read-more::after {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #177f88;
	margin-left: 5px;
}

#occpancy .card-section .card:nth-child(1) {
	background: #FFC20E;
}

#occpancy .example2 .card p {
	font-size: 16px !important;
	color: #202020;
	font-weight: 500;
}

#occpancy .user-man .example2 .card p {
	font-size: 16px !important;
	color: #202020;
	font-weight: 500;
	margin-bottom: 0px !important;
	line-height: 30px !important;
}


#occpancy .water-connection span {
	font-size: 20px;
	font-weight: 500;
	color: #000 !important;
}

#occpancy .flow-chat {
	background: #177f88;
	padding: 10px;
	border-radius: 10px;
}

#occpancy .flow-chat-next {
	background: #F7F7F7;
	border-radius: 10px;
	border: 1px solid #177f88;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 20px;
}

.page_sec-title2 h2 {
	color: #177F88;
	font-size: 24px;
	font-weight: 700;
	border-left: 6px solid #000;
	padding: 0px 0px 0px 10px !important;
	/* text-transform: capitalize; */
}

#occpancy .card.p-3 {
	background-color: #ffc20e;
}

#occpancy .water-connection a {
	color: #000;
}

#occpancy h2 {
	background-color: transparent;
}

#occpancy .accordion .accordion-body ul li {
	position: relative;
	margin-left: 25px;
	padding-bottom: 15px;
}


.accordion .accordion-body ul li::before {
	content: "";
	position: absolute;
	height: 5px;
	width: 5px;
	transform: skew(-50deg, 50deg);
	background: #FFC20E;
	left: -20px;
	top: 7px;
}

.accordion .accordion-item {
	border-color: #177f88;
	cursor: pointer;
}

.accordion-button {
	font-size: 15px !important;
	color: #177f88;
	font-weight: 500;
}

.accordion-button .active {
	font-size: 15px !important;
	color: #fff !important;
}


#occpancy .acc-note p {
	margin-bottom: 10px !important;
}

.time-line {
	background: #F8F8F8;
	padding: 55px 80px;
}

.time-line-det h6 {
	color: #177F88;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 0px !important;
}

.time-line-det p {
	color: #202020;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 8px !important;
	padding-left: 25px;
}

#occpancy .card-section .card1 {
	background: #3FCAFF;
}

#occpancy .card-section .card2 {
	background: #FF526D;
}

#occpancy .user-man .card span {
	font-size: 18px;
	color: #202020;
}

.user-man p {
	margin-bottom: 0px !important;
}

.Technical-Person-Details-card .card {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 20px;
	color: #fff;
	align-items: center;
}

.Technical-Person-Details-card .card p {
	margin-bottom: 0px;
}


#building_plan .card-section a {
	color: #000 !important;
}

#building_plan .water-connection p {
	font-size: 15px !important;
	font-weight: 500;
	color: #000 !important;
	margin-bottom: 0px;
}

#building_plan .water-connection span {
	font-size: 18px;
	font-weight: 500;
	color: #000 !important;
}

#building_plan .center-img {
	background: #177f88;
	padding: 30px 0px;
	border-radius: 10px;
}

#building_plan .flow-chat-next {
	padding: 50px;
}

.flow-chat-next {
	background: #F7F7F7;
	border-radius: 10px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px;
}

.page_sec-title h2 {
	color: #177f88;
	font-size: 24px;
	font-weight: 700;
	border-left: 6px solid #000;
	margin-bottom: 16px;
	padding-left: 10px;
	/* text-transform: capitalize; */
	background-color: transparent;
}

.adoption-of-new-town-green-verges h4 {
	font-size: 15px !important;
}

.regulation {
	margin-bottom: 6px;
}

.regulation li {
	margin-left: 30px;
	list-style-type: disc;
	color: #177f88;
}

.beautification_plantation {
	width: 40%;
}

.beautification-and-plantation .card .card-body {
	width: 60%;
	height: 100%;
	display: flex;
	align-items: center;
}

.beautification-and-plantation .card .card-body p {
	margin-bottom: 0;
}

.beautification-and-plantation .card {
	height: 93%;
}

.collection-and-disposal-of-solid-waste .bg-sky.card {
	position: relative;
	height: 270px;
}

.bg-sky.card .card-img-top {
	position: absolute;
	top: 0;
}

.home .locate_nearby_desc iframe {
	width: 100% !important;
}

.bg-sky.card .card-body {
	position: absolute;
	top: 0;
	height: 0;
	min-height: 0 !important;
	background-color: #177f88bd;
	transition: 0.4s;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dark-theme .top_footer .left .icon_details .social ul li a {
	color: #000 !important;
}

.dark-theme .top_footer .left .icon_details .social ul li a i {
	color: #000 !important;
}

.dark-theme .button .contact-us-btn {
	color: #000 !important;
}

.dark-theme .button .contact-us-btn:hover {
	background-color: #000;
	color: yellow !important;
}

.bg-sky.card .card-body p {
	display: none;
}

.bg-sky.card:hover .card-body {
	height: 100%;
	padding: 20px;
}

.bg-sky.card:hover .card-body p {
	display: block;
}

.allotment-of-stalls-shops-bank .yellow-card p {
	font-weight: 500;
	color: #000 !important;
	margin-bottom: 0px;
}

.allotment-of-stalls-shops-bank .yellow-card a {
	color: #000;
}

.allotment-of-stalls-shops-bank .yellow-card span {
	color: #000;
	font-size: 18px;
}

.beautification-and-plantation .card {
	--c: #177f88;
	/* the border color */
	--b: 2px;
	/* the border thickness*/
	--g: 5px;
	/* the gap on hover */

	padding: calc(var(--g) + var(--b));
	--_g: #0000 25%, var(--c) 0;
	background:
		conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) var(--_i, 200%) 0 /200% var(--_i, var(--b)) no-repeat,
		conic-gradient(at bottom var(--b) left var(--b), var(--_g)) 0 var(--_i, 200%)/var(--_i, var(--b)) 200% no-repeat;
	transition: .3s, background-position .3s .3s;
	cursor: pointer;
}

.beautification-and-plantation .card:hover {
	--_i: 100%;
	transition: .3s, background-size .3s .3s;
}

.allot_stall {
	background: #f7f7f7;
	padding: 20px;
	border-radius: 10px;
}

.rc-anchor-error-msg-container span {
	color: #f00;
	font-family: Roboto, helvetica, arial, sans-serif;
	font-size: 10px !important;
	font-weight: 400;
	left: 0;
	position: absolute;
	top: 0;
	padding: 10px !important;
}

.payment-contan-section {
	background: #00565e;
	color: #fff;
	padding: 30px;
	border-radius: 10px;
}

.payment-contan-section a {
	background: #fff;
	padding: 7px 20px;
	border-radius: 5px;

}

.payment-contan-section a:hover {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	padding: 7px 20px;
	border-radius: 5px;
	transition: 0.2s;

}

.time-line-det h6 {
	position: relative;
}

.time-line-det h6:nth-child(1)::before {
	content: "\f1ad";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 10px;
	color: #000;
}

.time-line-det h6:nth-child(3)::before {
	content: "\f7d9" !important;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 10px;
	color: #000;
}

.time-line-det h6:nth-last-child(-n + 6)::before {
	content: "\f508";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 10px;
	color: #000;
}







@media screen and (max-width: 1400px) {

	#water-connection .water-connection span {
		font-size: 15px !important;
	}

	#water-connection .water-connection p {
		font-size: 13px !important;
	}

	#water-connection .flow-chat-next p {
		font-size: 14px !important;
	}

	#occpancy .water-connection span {
		font-size: 20px;
		font-weight: 700 !important;
	}

	#occpancy .user-man .card span {
		font-size: 15px !important;
	}
}




/* ******************** Shibu dey end ************************************** */