.city_top_wrap {
	padding: 6px 15px;
}

.city_top_logo .figure img {
	width: 100px;
	float: none;
}

.city_top_news .logo_title {
    font-size: 25px;
	font-weight: 600;
}

.city_top_logo {
	width: 15%;
}

.city_top_news {
	border: none;
	padding: 12px 0px;
	width: 70%;
}

.city_top_navigation {
	padding: 10px 90px 10px;
}

.city_office_logo a {
	top: 80px;
	width: 100px;
    height: 100px;
}

.city_top_wrap.logo-slider {
	padding: 70px 85px;
}

.city_top_wrap.logo-slider .city_top_news,
.city_top_wrap.logo-slider .city_top_wrap .slick-slider {
	width: 100%;
}

.city_main_banner .slick-arrow,
.city-project-slider .slick-arrow {
	display: none !important;
}

.darpan_home_wrap .city_blog_fig:hover img {
	transform: scale(1.1);
}

.widget_wrap .widget_title a {
	color: inherit;
}

.widget_title .footer-list li {
	display: inline-block;
    font-size: 15px;
    padding-right: 50px;
}

.widget_wrap {
	padding: 26px 0px 0px;
}

.app-icon {
	width: 40%;
}

.site-information-wrap p {
	font-size: 13px;
}

.widget_copyright {
	padding: 10px 0px;
	margin-top: 22px;
}

.city_top_social {
	padding: 0px;
	width: 15%;
	text-align: right;
}

.copyright_text p {
	padding: 12px 0px 0px;
}

/*.img1 img{
    width:200px;
    height:70px;
}*/
.widget_logo a img {
    width: 70px;
    padding: 0px 5px;
}

.widget_wrap.overlay:before, 
.widget_wrap {
	background-color: #14284b;
}

.city_project_fig:hover,
.slick-slide.slick-current.slick-active.slick-center .city_project_fig .overlay:before,
.city_project_fig .overlay:before,
.city_project_fig:hover .overlay:before {
	background-color: #fff;
}

.city_project_fig .overlay:before {
	opacity: 0;
}

.city_project_wrap .slick-slide.slick-current.slick-active.slick-center .city_project_fig {
	box-shadow: none;
}

.city_project_fig:hover .figure img,
.city_event2_fig:hover .figure img,
.city_event2_fig .box:hover img,
.city_department_wrap.goverment:hover .figure img,
.city_department_wrap.goverment .box:hover img,
.city_blog_fig:hover .figure img {
	transform: none;
}

.city_event2_fig .box:before,
.city_event2_fig .box:after,
.city_department_wrap.goverment .box:before,
.city_department_wrap.goverment .box:after,
.city_department_fig .box:before,
.city_department_fig .box:after {
	content: none;
}

.city_project_wrap {
    padding: 50px 20px 100px;
}

.city_blog_wraper.photo_card_wrapper {
    padding: 20px 0px 0px;
}

.city_about_wrap.intro_home_wrapper {
	padding-bottom: 0;
}

.photo_card_wrapper .city_department_fig {
	padding: 0;
    height: 220px;
    display: table;
    width: 100%;
}

.photo_card_wrapper .city_department_text {
	display: table-cell;
    vertical-align: middle;
}

.photo_card_wrapper .city_department_fig img {
	width: 200px;
    padding: 20px 15px;
}

.photo_card_wrapper .width_control {
	width: 49.3%;
}

.darpan_home_wrap .figure {
	width: 250px;
    margin: 0 auto;
    float: none;
}

.darpan_home_wrap .city_blog_text {
	float: none;
	text-align: center;
}

.main-banner-slider .banner_text {
	margin-top: -130px;
    height: 260px;
	padding: 20px 30px 0px;
	width: 420px;
	right: 22px;
	display: none;
}

.main-banner-slider .banner_text .small_text {
	font-size: 18px;
}

.main-banner-slider .banner_text .medium_text {
	font-size: 34px;
	margin-bottom: 0;
}

.main-banner-slider .banner_text .large_text {
	font-size: 33px;
	line-height: 33px;
	margin-bottom: 0;
    height: 50px;
}

.main-banner-slider .banner_btn {
	margin-bottom: 12px;
}

.city_about_video .overlay:before {
	background-color: transparent;
}

.city_about_video .overlay {
	box-shadow: 0px 7px 17px 0px rgb(0 0 0 / 30%);
}

.main-banner-slider.slick-slider .slick-track, 
.main-banner-slider.slick-slider .slick-list,
.main-banner-slider .overlay,
.main-banner-slider .slick-slide img {
	height: 300px;
}

.widget_title {
	margin-bottom: 11px;
}

.widget_text p {
	line-height: 20px;
}

.city_top_news span {
	padding: 0px 50px 3px 0px;
	font-size: 14px;
    font-weight: 100;
}

.city_service_detail_wrap {
	padding: 50px 0px 100px 0px;
}

.accordion {
	margin: 0 0 20px;
}

.city_service_tabs_text {
	border-bottom: 0;
}

.city_department_wrap {
	padding-bottom: 50px;
	margin-top: 160px;
	background: none;
	background-image: none;
}

.city_office_list {
	padding: 8px 90px;
}

.city_office_list:after, 
.city_office_list:before {
	top: -13px;
	border-width: 12px 66px 1px 0px;
}

.city_triagle {
	height: 95px;
}

.city_triagle:after, 
.city_triagle:before {
	top: 12px;
	border-width: 44px 65px 0 65px;
}

.city_triagle span {
	height: 83px;
}

.city_triagle:after {
	border-width: 0 65px 44px 65px;
	top: auto;
}

.city_office_list:after {
    border-width: 12px 0 1px 68px;
}

.bg_white {
	padding: 50px 35px 20px;
}

.city_top_social.city_top_logo .figure img {
	width: 80px;
}

.photo_card_wrapper .figure {
	margin: 0 auto;
	float: unset;
	padding: 36px 55px 0 55px;
}

.photo_card_wrapper .figure img {
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}

.city_event2_text span {
	font-size: 13px;
}

h4 {
	font-size: 20px;
}

.city_event2_list {
	padding: 15px 30px 15px 30px;
}

.city_event2_list .theam_btn.btn2 {
	width: 150px;
	padding: 5px 0px 8px;
	border-radius: 6px;
	font-size: 14px;
    bottom: -15px;
}

.city_main_banner .overlay:before {
	opacity: 0;
}

.navigation ul > li:hover > ul {
	top: 33px;
}

.city_department_wrap.overlay:before {
	background-color: #dedede;
}

.city_department_wrap.goverment {
	margin-top: 0;
	padding: 35px 0 0 0;
}

.city_department_wrap.goverment .city_department_fig {
	padding-left: 14px;
    height: 115px;
    border-color: #ececec;
    border-radius: 6px;
    box-shadow: 0px 5px 20px -14px;
    padding-top: 12px;
	margin-bottom: 0;
}

.city_department_wrap.goverment .figure img {
	width: 80px;
	border-radius: 50%;
}


.city_department_wrap.goverment .city_department_text {
	padding: 8px 0 13px 15px;
}

.city_department_wrap.goverment .city_department_text h6 {
	font-size: 15px;
    margin-bottom: 0;
}


.city_department_wrap.goverment .city_department_text p {
	font-size: 12px;
    margin: 3px 0;
    line-height: 16px;
}

.city_department_wrap.goverment .city_department_fig .box:before {
	height: 0;
}

.city_event2_fig {
	box-shadow: 0px 5px 20px -14px;
	margin-bottom: 20px;
}

.photo_card_wrapper .city_news_feild.feild2 {
	margin-top: 15px;
    height: 293px;
    border-radius: 6px;
}

.photo_card_wrapper .city_news_feild h4 {
	margin-bottom: 43px;
}

.photo_card_wrapper .city_document_list a {
	font-size: 17px;
}

.city_office_text {
	padding: 7px 0;
}

.city_office_text h6 {
	font-size: 16px;
}

.city_office_text h3 {
	font-size: 22px;
}

.city_department_fig:hover .city_department_text h6 {
	font-weight: 500;
}

.city_blog_fig:hover .figure img {
	transform: none;
}

.nice-select:after {
	margin-top: -5px;
	right: 7px;
}

.city_top_logo h1 {
	margin-bottom: 3px;
}

.city_top_social.city_top_logo h1 {
	display: inline-block;
}

.city_top_social.city_top_logo .figure h1:nth-child(1) {
	margin-bottom: 0;
}

.city_top_social.city_top_logo .figure h1:nth-child(2) {
	margin-left: 12px;
    margin-bottom: 0;
}

.city_top_social.city_top_logo .figure h1:nth-child(3) {
	margin-left: 10px;
    margin-bottom: 0;
}

.city_top_social.city_top_logo .figure h1:nth-child(1) img {
	width: 100px;
    float: none;
}

.city_top_social.city_top_logo .figure h1:nth-child(2) img {
	width: 125px;
    margin-bottom: 2px;
}

.city_top_social.city_top_logo .figure h1:nth-child(3) img {
	width: 115px;
    margin-bottom: 8px;
}

.slick-dots li button:before {
	opacity: 0.4;
}

.slick-dots li.slick-active button:before {
	opacity: 1;
}

.slick-dots li {
	height: 30px;
}

.slick-dots li button:before {
	font-size: 50px;
}

.top_strip {
	border-top: 3px solid transparent;
    border-image: url(../../images/new_theme_images/top-border.png) 30 30 30 30 round round;
    font-family: "Open Sans",sans-serif;
    font-size: 0.7em;
    z-index: 1000 !important;
    background-color: #f1f1f1;
    border-bottom: 3px solid transparent;
}

.top_strip .today-date {
	float: left;
    width: 50%;
}

.top_strip p {
	margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
}

.top_strip .today-date i {
	padding-right: 8px;
}

.top_strip .change-language-wrap {
	float: right;
}

.top_user:hover {
    background: rgb(191,65,17,0.5);
    box-shadow: 3px 7px 0px 20px rgb(191 65 17 / 50%);
}

.arrow-animation{
position:relative;
-webkit-animation:linear infinite alternate;
-webkit-animation-name: run;
-webkit-animation-duration: 1s;
}     
@-webkit-keyframes run {
    0% { left: 0;}
    50%{ left : 5px;}
    100%{ left: 0;}
}

.city_top_social ul li a {
	font-size: 14px;
    padding-top: 9px;
}

.recent-posts-entry .widget-post {
	padding-top: 0;
    margin-bottom: 10px;
    padding: 5px;
    padding-bottom: 0;
}

.recent-posts-entry .mt-post-media {
    float: left;
    width: 90px;
}

.widget .widget-post img {
    width: 100%;
    border-radius: 6px;
    border-style: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.recent-posts-entry .mt-post-info {
    background: transparent;
    padding: 0;
    margin-left: 105px;
    border: none;
}

.mt-post-header {
    margin-bottom: 16px;
    margin-top: 6px;
}

.widget .post-title {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: normal;
}

.mt-post-meta {
    margin-bottom: 0px;
}

.mt-post-meta ul {
    margin: 0px;
    list-style: none;
    padding: 0;
}

.mt-post-meta li {
    padding: 0;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #1a1a1a;
}

.theam_btn.btn2 {
	border-radius: 6px;
    font-size: 14px;
    padding: 6px 35px 9px 35px;
}

.city_event2_wrap {
	padding: 40px 0px;
}

.section_heading.single-heading h2 {
	display: inline-block;
    width: 55%;
    line-height: 48px;
}

.section_heading .breadcrumb {
	display: inline-block;
    float: right;
    padding-top: 10px;
}

.classic-list {
	padding-left: 15px;
	margin-bottom: 15px;
}

.classic-list li {
	list-style-type: disc;
	margin: 5px 0;
}

.classic-sub-list {
	padding-left: 20px;
    margin-bottom: 10px;
}

.classic-sub-list li {
	list-style-type: circle !important;
	margin: 5px 0;
}

.alpha-list-type li {
	list-style-type: lower-alpha !important;
}

.recent-posts-entry .theam_btn.btn2 {
	padding: 6px 20px 9px 20px;
    font-size: 13px;
}

.department-members-wrapper {
    height: 115px;
    text-align: center;
}

.left-side-members,
.right-side-members {
	float: left;
	border-radius: 6px;
    width: 48%;
    height: inherit;
    padding: 28px 10px;
    margin: 0 5px;
}

.department-members-wrapper a {
	font-size: 18px;
	color: #ffffff;
}

.department-members-wrapper a span {
	display: block;
}

.left-side-members:hover,
.right-side-members:hover {
    -webkit-box-shadow: 0 10px 40px 0 rgb(0 0 0 / 40%);
    box-shadow: 0 10px 40px 0 rgb(0 0 0 / 40%);
}

.city_service_tabs_text h5 {
	margin: 0px 0px 15px 0px;
}

.city_service_tabs_text p {
	margin-bottom: 15px;
}

.top_strip .change-language-wrap p {
	display: inline-block;
}

.top_strip .change-language-wrap .load-lang-content {
	position: unset;
}

.top_strip .change-language-wrap .load-lang-content.eng {
	position: unset;
}

.lang-hin .recent-posts-entry .theam_btn.btn2 {
	padding: 8px 20px 9px 20px;
}

.city_top_news .logo_add {
	font-size: 12px;
    font-weight: 300;
    display: block;
    line-height: 16px;
}

.mt-icon-box-wraper {
    position: relative;
}

.icon-count-2 {
    position: relative;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.icon-count-2 span.icon-count-number {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 120px;
    font-weight: 800;
    color: rgba(177, 177, 177, 0.7);
    opacity: 0.3;
    line-height: 120px;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.icon-md.inline-icon {
    width: auto;
    display: inline-block;
    text-align: center;
}

.icon-md img {
    height: 60px;
    vertical-align: middle;
    max-width: 100%;
    width: auto;
}

.icon-md i {
	font-size: 60px;
}

.icon-content {
    overflow: hidden;
}

.mt-icon-box-wraper .mt-tilte {
    margin-top: 0;
    position: relative;
}

.site-button-link {
    display: inline-block;
    font-weight: 600;
    position: relative;
    padding-left: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.site-button-link i {
    display: inline-block;
    margin: 4px 0px 0px 4px;
    font-size: 16px;
    vertical-align: middle;
    line-height: 12px;
}

.arrow-animation {
    position: relative;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 1s;
}
@-webkit-keyframes run {
    0% { left: 0;}
    50%{ left : 5px;}
    100%{ left: 0;}
}

.icon-count-2:after {
    position: absolute;
    content: '';
    left: 10px;
    right: 10px;
    top: -10px;
    height: 10px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.mt-icon-box-wraper::after {
	content: "";
    display: table;
    clear: both;
}

.icon-count-2:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgb(50 50 50 / 16%);
    box-shadow: 0 10px 30px 0 rgb(50 50 50 / 16%);
}

.icon-count-2:hover:after {
    top: 0px;
    left: 0px;
    right: 0px;
}

.mt-icon-box-wraper:hover .scale-in-center {
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.icon-count-2:hover span.icon-count-number {
	opacity: 1;
}

.gallery_cards {
	float: left;
    width: 100%;
    padding: 0 20px 100px;
}

.navigation ul li ul li a:hover {
	padding: 8px 30px;
}

/* --------------------------------------------------------------
    lan-en code (common in both en and hin)
   --------------------------------------------------------------
*/


.city_top_logo .figure {
	width: 100%;
}

.city_top_news .logo_title {
	font-size: 25px;
	font-weight: 600;
}

.city_top_news span {
	font-size: 16px;
	text-align: center;
	padding: 0;
	margin-right: 0;
	position: unset;
	float: none;
}

.city_top_news {
	padding: 28px 0px;
}

.city_top_wrap {
	padding: 18px 15px;
}

.home-banner .width_control {
    width: 100%;
    padding: 0px;
    border-radius: 4px;
    margin-top: 15px;
}

.home-banner .city_department_fig .figure img {
    width: 80px;
    border-radius: 50%;
}

.home-banner .city_department_fig {
    height: auto;
    padding: 5px 10px;
    border: none;
    margin: 0;
}

.home-banner .city_department_fig .figure {
    width: auto;
    padding-top: 7px;
}

.home-banner .city_department_fig .figure img {
    width: 55px;
    border-radius: 50%;
}

.card-title p {
	font-size: 16px;
    font-weight: 500;
    padding: 7px 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #d7d7d7;
}

.home-banner .city_department_fig:hover {
	background-color: transparent;
}

.home-banner .city_department_fig:hover .box img {
	transform: none;
}

.home-banner .city_department_fig:hover .city_department_text h6 {
	color: #333;
	font-weight: 400;
}

.home-banner .city_department_fig:hover .city_department_text p {
	color: #666;
}

.left-side-members, 
.right-side-members {
	width: 100%;
	margin: 0;
	padding: 8px 10px;
}

.department-members-wrapper {
	height: 48px;
}

.department-members-wrapper a {
	font-size: 15px;
}

.rti-officer-list {
	margin-bottom: 3px;
}

.home-banner .city_department_text h6 {
    font-size: 15px;
    margin-bottom: 0;
}

.home-banner .city_department_text p {
    font-size: 13px;
    margin: 3px 0;
    margin-top: 3px;
    line-height: 16px;
}

.home-banner .left-sidemenu .width_control .city_department_fig:nth-child(1) {
    border-bottom: 1px solid #d7d7d7;
}

.home-banner .width_control .city_department_fig:nth-child(2) {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 0;
    padding-top: 8px;
	height:100px;
}

.home-banner .width_control .city_department_fig:nth-child(3) {
	padding-top: 8px;
	height: 83px;
}

.left-side .left-side-members .plain-content {
    padding: 4px 0px;
}

.left-side .left-side-members .hyperlinks-group,
.left-side .right-side-members .hyperlinks-group {
	width: 45%;
	float: left;
	padding-top: 3px;
}

.left-side .left-side-members .hyperlinks-group a,
.left-side .right-side-members .hyperlinks-group a {
	margin: 0 5px;
}

.left-side .left-side-members .hyperlinks-group a i,
.left-side .right-side-members .hyperlinks-group a i {
	font-size: 25px;
}

.right-side .left-side-members .plain-content,
.right-side .right-side-members .plain-content {
	width: 100%;
	padding: 4px 0px;
	text-align: center;
}

.width_control_inner_card {
	box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 18%);
	border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.card-title p {
	border-radius: 8px;
}

.home-banner .city_department_text {
	padding: 4px 0 8px 8px;
}

.city_blog_wraper.photo_card_wrapper {
	padding: 18px 0 0;
    padding-bottom: 135px;
}

.recent-posts-entry .mt-post-media {
	width: 150px;
	float: none;
    margin: 0 auto;
    border-radius: 8px;
    box-shadow: 0 3px 18px 0 rgb(0 0 0 / 40%);
}

.recent-posts-entry .mt-post-info {
	margin-left: 0;
	text-align: center;
}

.widget .post-title {
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
}

.mt-post-header {
	margin-bottom: 2px;
    margin-top: 6px;
}

.recent-posts-entry .theam_btn.btn2 {
	padding-top: 7px;
	margin-top: 5px;
}

.home-banner {
	padding-bottom: 30px;
}

.photo_card_wrapper .figure {
	padding: 36px 45px 0 45px;
}

.home-banner {
	width: 100%;
}

.left-sidemenu,
.right-sidemenu {
	float: left;
	width: 20%;
}

.center-menu {
	float: left;
	width: 58%;
	margin-left: 1%;
	margin-right: 1%;
}

body {
	background-image: url('../../images/new_theme_images/bg-3.png');
}

.city_department_fig.marquee-container {
	height: 192px !important;
}

.right-sidemenu .width_control_inner_card {
	height: 220px;
}

.marquee {
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.city_top_navigation {
	padding-left: 23%;
    padding-top: 0;
    padding-bottom: 0;
}

.navigation > ul > li {
	border-right: 1px solid white;
    padding: 10px 15px 10px 0;
}

.navigation > ul > li:last-child {
	border: none;
}

.city_top_navigation.sticky {
	padding-left: 23%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.default-btn.theam_btn.btn2 {
	border: 1px solid;
    background-color: transparent;
}

.recent-posts-entry .theam_btn.btn2 {
	padding: 7px 20px;
}

.city_blog_wraper.darpan-dashboard .figure {
	width: 75%;
}

.city_department_fig:hover .box img {
	transform: none;
}

.city-department-slider .city_department_fig,
.city_event2_fig {
	border-radius: 8px;
	box-shadow: 0 3px 10px 0 rgb(0 0 0 / 40%);
}

.city_department_fig:hover,
.city_event2_fig:hover,
.recent-posts-entry .mt-post-media:hover {
	box-shadow: 0 5px 10px 0 rgb(0 0 0 / 40%);
}

.gallery_cards {
	padding: 0;
}

.city_department_text {
	padding: 6px 0px 6px 20px;
}

.labour-footer {
	background: url(../../images/new_theme_images/labour-footer-yellow-short.png) bottom center repeat-x;
	background-size: 48% 25%;
}

.left-side-members.darpan-dashboard-wrapper {
	height: 48px;
	cursor: pointer;
}

.left-side-members.darpan-dashboard-wrapper p:last-child {
	font-size: 18px;
	color: white;
	line-height: 24px;
    position: relative;
    margin-left: 10px;
}

.left-side-members.darpan-dashboard-wrapper p:last-child span {
    font-size: 22px;
    position: absolute;
    left: 40px;
}

.mobile-sidemenu .left-side-members.darpan-dashboard-wrapper .plain-content i {
    font-size: 35px;
}

.mobile-sidemenu .left-side-members {
    margin-bottom: 3px;
}


/* New CSS */
.figure {
    float: left;
    width: 100%;
    overflow: hidden;
    display: block;
    margin: 0;
}

.header-login-btn a {
    font-size: 13px;
    font-weight: 500;
}

.darpan-dashboard-inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0px;
}

.fun-fact {
    background-color: #fff;
    box-shadow:  0 3px 10px 0 rgb(0 0 0 / 40%);
    border-radius: 4px;
    padding: 5px 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1 calc(25% - 30px);
    height: 120px;
    pointer-events: all;
    cursor: pointer;
    transition: 0.3s;
}

.fun-fact:hover {
    box-shadow: 0 3px 18px 0 rgb(0 0 0 / 40%);
}

.fun-fact.overall {
    margin-left: 15px;
    margin-right: 15px;
}

.fun-fact.current,
.fun-fact.leaderboard {
    margin-left: 15px;
    margin-right: 15px;
}

.fun-fact-text {
    flex: 1;
    margin-right: 20px;
}

.fun-fact h4 {
    font-size: 22px;
    color: #333;
    line-height: 29px;
    margin-top: 5px;
}

.fun-fact-icon {
    border-radius: 4px;
    flex: 0 0 100px;
    height: 90px;
    display: flex;
    text-align: center;
}

.fun-fact-icon i {
    font-size: 48px;
    align-self: center;
    margin: 0 auto;
}

.fun-fact.overall .fun-fact-icon {
    background-color: rgba(54, 189, 120, 0.07);
}

.fun-fact.overall .fun-fact-icon i {
    color: rgb(54, 189, 120);
}

.fun-fact.current .fun-fact-icon {
    background-color: rgba(239, 168, 15, 0.07);
}

.fun-fact.leaderboard .fun-fact-icon {
    background-color: rgba(184, 27, 127, 0.07);
}

.fun-fact.current .fun-fact-icon i {
    color: rgb(239, 168, 15);
}

.fun-fact.leaderboard .fun-fact-icon i {
    color: rgb(184, 27, 127);
}

.main-banner-slider .figure {
    cursor: pointer;
}

.city_department_text p {
    font-size: 25px;
    font-weight: 600;
    margin-top: 15px;
}

.h-marquee {
    padding: 10px 0;
    min-height: 40px;
    overflow: hidden;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 3px 18px 0 rgb(0 0 0 / 40%);
    transition: 0.4s;
    cursor: pointer;
}

.h-marquee:hover {
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 40%);
    transform: translateY(-5px);
}

.rti-popup-inner {
	margin-top: 15px;
	padding: 0 10px;
}
		
.rti-popup-inner .bocw-addr {
	padding: 20px 18px;
}

.rti-popup-inner .bocw-addr h3 {
	font-size: 22px;
	line-height: 30px;
	color: #333;
	margin-bottom: 15px;
	margin-top: 0;
}

.rti-popup-inner .bocw-addr p {
	padding: 0;
	margin: 0;
	color: #808080;
	font-size: 16px;
	line-height: 27px;
}

.rti-popup-inner .rti-officer {
	border-bottom: 1px solid #d7d7d7;
	height: 80px;
	padding: 5px 15px;
	border: none;
	margin: 4px 0;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 40%);
	border-radius: 4px;
}

.rti-popup-inner .rti-officer p {
	font-size: 14px;
	margin: 3px 0;
	margin-top: 3px;
	line-height: 16px;
}

.rti-popup-inner .rti-officer .officer-name {
	font-size: 17px;
	margin-bottom: 0;
	color: #333333;
	font-weight: 400;
	padding-top: 5px;
}

.navigation > ul > li {
    margin-right: 20px;
}

.home-banner .right-sidemenu .city_department_fig:hover,
.home-banner .left-sidemenu .city_department_fig:hover {
    box-shadow: none;
}

.mobile-sidemenu,
.mobile_widget_logo {
    display: none;
}

.copyright_text p span.copyright-year {
    display: unset;
}

.department-members-wrapper.right-side .right-side-members {
    cursor: pointer;
}

.navigation ul li ul li {
    border-bottom: 1px solid #ebebeb;
}

.navigation ul li ul li:last-child {
    border: none;
}

.home-banner .marquee-container .city_department_text p {
    margin: 35px 0;
}

.home-banner .marquee-container .city_department_text {
    padding: 4px 8px 8px 8px;
}

.image-banner h2 {
    font-size: 35px;
    font-weight: 500;
}

.ccr-wrapper {
    height: 750px;
    margin-bottom: 94px;
    background-size: 40% 14%;
}

.widget_wrap {
	margin-top: 0;
}

.dashboard-content-inner {
    padding: 50px;
    position: relative;
    padding-top: 30px;
}

.dashboard-headline {
    display: block;
    position: relative;
}

.dashboard-headline h3 {
    display: block;
    font-size: 20px;
    background-color: #f1eaea;
    line-height: 24px;
    margin-bottom: 15px;
    position: relative;
    padding: 15px 26px;
    padding-right: 50px;
    border-radius: 3px;
}

.dashboard-box {
    display: block;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
    margin-top: 10px;
    position: relative;
}


.dashboard-box .content.with-padding {
    padding: 30px;
}

.section-headline {
    display: block;
    position: relative;
    padding-right: 20%;
    margin-top: 10px;
    margin-bottom: 12px;
}

.section-headline h5 {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

.radio {
    display: inline-block;
    vertical-align: top;
}

.radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

input[type="radio"] {
    width: 15px;
    height: 15px;
    cursor: pointer;
    box-shadow: none;
}

label {
	display: block;
	font-size: 15px;
	font-weight: normal;
}

.radio label {
    margin: 3px 0;
    cursor: pointer;
    position: relative;
    padding-left: 29px;
    line-height: 25px;
}

.radio input[type="radio"] + label .radio-label {
    content: '';
    border-radius: 100%;
    border: 2px solid #b4b4b4;
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    margin-right: 5px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
    box-shadow: inset 0 0 0 8px #fff;
    z-index: 100;
    position: absolute;
    top: 2px;
    left: 0;
}

.radio input[type="radio"]:checked + label .radio-label {
    background-color: #2a41e8;
    border-color: #2a41e8;
    /*background-color: #66676b;
    border-color: #66676b;*/
    box-shadow: inset 0 0 0 3px #fff;
}

label span {
	font-weight: normal;
    font-size: 14px;
    color: #444;
}

.radio-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: transparent;
    display: block;
}

.radio input[type="radio"] + label .radio-label:after {
	background-color: #2a41e8;
	/*background-color: #66676b;*/
    content: "";
    right: 0;
    margin: 0 auto;
    position: absolute;
    opacity: 1;
    transition: 0.3s;
    border-radius: 50%;
    transform: scale(0);
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    z-index: 99;
}

input {
	height: 40px;
    line-height: 40px;
    padding: 0 20px;
    outline: none;
    font-size: 15px;
    color: #808080;
    margin: 0 0 10px 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: block;
    font-weight: 500;
    opacity: 1;
    border-radius: 4px;
}

input.with-border,
.with-border {
	border: 1px solid #e0e0e0;
    box-shadow: 0 1px 4px 0px rgb(0 0 0 / 12%);
    border-radius: 4px;
}

.captcha-img {
    width: 180px;
    height: 45px;
    margin-top: 53px;
}

.captcha-refresh-btn {
    background: transparent;
    font-size: 28px;
    margin-left: 20px;
    position: relative;
}

.captcha-refresh-btn i {
    position: absolute;
    top: 38px;
}

.radio-btn-list td {
    border: none;
    position: relative;
}

.radio-btn-list td input {
    margin-right: 10px;
    margin-top: 0;
    position: absolute;
    top: 11px;
}

.radio-btn-list td label {
    margin-left: 25px;
}

.notification p {
    margin: 0;
    font-size: 15px;
}

table.basic-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    margin-bottom: 0;
}

table.basic-table th:first-child {
    border-radius: 4px 0 0 4px;
}

table.basic-table th, table.basic-table td {
    padding: 5px 10px;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
    line-height: 25px;
}

table.basic-table th {
    font-weight: 500;
}

table.basic-table input[type="checkbox"] {
    margin-top: 0;
}

input.with-border:disabled,
textarea.with-border:disabled {
    cursor: not-allowed;
}

.nice-select {
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 0px 0px;
    padding: 12px 15px;
    height: 48px;
    border-radius: 4px;
}

.list li {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nice-select .list {
    max-height: 300px;
    overflow-y: scroll;
}

.pagination-table {
    border-spacing: 2px;
    border-collapse: separate;
}

.pagination-table td {
    border: none;
    width: 60px;
    text-align: center;
}

.pagination-table td {
    border-radius: 4px;
    width: 80px;
    padding-left: 0;
}

.pagination-table td a.disabled,
.hyperlink-disabled {
    pointer-events: none;
}

.pagination-table td.page-div-selected {
    box-shadow: 0 2px 8px rgb(131 18 24 / 27%);
}

.or-wrapper {
    margin-top: 50px;
}

.resend-otp-wrapper {
    margin-top: 25px;
}

.verify-otp-btn {
    margin-top: 44px;
}

.document-list-wrapper ul {
    display: flex;
    flex-wrap: wrap;
}

.document-list-wrapper li {
    width: 46%;
    border-radius: 8px;
    box-shadow: 0 3px 18px 0 rgb(0 0 0 / 40%);
    height: 160px;
    margin: 10px 2%;
    padding: 20px;
    transition: 0.4s;
    cursor: pointer;
    position: relative;
}

.document-list-wrapper li:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 40%);
}

.document-info-wrapper {
    display: flex;
    position: absolute;
    width: 90%;
    bottom: 15px;
}

.document-info-wrapper p {
    margin-bottom: 0;
}

.document-info-wrapper p:last-child {
    text-align: right;
}

.pagination-wrapper {
    display: flex;
    justify-content: space-evenly;
    width: 250px;
    margin: 30px auto 0 auto;
}

.pagination-wrapper div {
    border-radius: 4px;
    width: 80px;
    text-align: center;
    line-height: 2.5;
    margin: 0 1px;
}

.city_login {
    width: 100%;
    background-color: transparent;
}

.estb-reg-btn {
    margin-top: 10px;
    float: right;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.departmental-process-link {
    float: right;
}

.city_emergency_info {
    border-bottom: 0;
}

.city_emergency_call ul li:nth-child(odd) {
    width: 40%;
    font-weight: 500;
}

.city_emergency_call ul li {
    width: 60%
}

.estb-cess-calculation-section {
    padding: 0 30px;
    margin-top: 80px;
}

.city_emergency_call ul {
    display: flex;
    flex-wrap: wrap;
}

.no-navigation-menu {
    border-bottom: 5px solid;
}

.directory-heading {
    padding: 8px 26px;
    background-color: #f1eaea;
}

.notification.notice {
    line-height: 24px;
    margin-bottom: 15px;
    position: relative;
    padding: 20px 26px;
    padding-right: 50px;
    border-radius: 3px;
}

.notification.notice p {
    margin: 0;
    font-size: 15px;
}

.notification.notice p span {
    font-weight: 800;
}

.ajax__calendar .ajax__calendar_container {
    z-index: 999;
}

.mobile-sidemenu .home-banner .width_control .city_department_fig {
    border-bottom: 1px solid #d7d7d7;
}

.mobile-sidemenu .home-banner .width_control .city_department_fig:last-child {
    border: none;
}

.mobile-sidemenu .right-sidemenu .width_control_inner_card {
    height: 445px;
}

.city_team_text p {
    font-size: 14px;
}

.city_blog2_wrap.team {
    padding-top: 15px;
    padding-bottom: 40px;
}

.city_team_text {
    padding-top: 15px;
    width: 95%;
}

.city_team_fig img {
    border-radius: 8px;
}

.citizen-img {
    transition: ease-out 5s;
}

.citizen-img:hover {
    transform: scale(1.2);
}

.citizen-img.putri-citizen-img:hover {
    transform: scale(1.1);
}

#load-darpan-dashboard {
    width: 80% !important;
}

#rti-officers-popup {
    width: 55% !important;
}

button.modal-close {
    position: absolute;
    right: -21px;
    top: -21px;
    font-size: 22px;
    border: 2px solid #831218;
    border-radius: 22px;
    width: 40px;
    opacity: 1;
    background: white;
    color: #831218;
    height: 40px;
}

.aav-btn {
    background-color: #0a83e8;
    color: white;
    padding: 9px 24px;
    position: absolute;
    bottom: 18px;
    z-index: inherit;
    border-radius: 22px;
    box-shadow: 0 3px 18px 0 rgb(0 0 0 / 40%);
    transition: 0.4s;
}

.aav-detail {
    right: 110px;
}

.aav-apply {
    right: 12px;
}

.aav-btn:hover,
.aav-btn:active,
.aav-btn:focus {
    color: white;
    background-color: #0a83e8;
    transform: translateY(-5px);
}

.slick-dots {
    bottom: -10px;
}