@font-face { font-display: block; font-family: "bootstrap-icons"; src: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css") format("woff2"), url("./fonts/bootstrap-icons.woff?1fa40e8900654d2863d011707b9fb6f2") format("woff"); }

:root { --whiteColor: #ffffff; --blackColor: #000;  --primaryColor:#3454BB; --secondaryColor: #368415; --textColor:#323232; --Font-12:0.75em; --Font-13:0.8125em; --Font-14:0.875em; --Font-15:0.9375em; --Font-16:1em; --Font-18:1.125em; --Font-20:1.25em; --Font-22:1.375em; --Font-24:1.5em; --Font-28:1.75em; --Font-30:1.875em; --Font-32:2em; --Font-34:2.125em; --Font-36:2.25em; --Font-38:2.5em; --Font-40:2.75em; --Font-46:3.25em; --Font-54:3.375em; --Font-56:3.5em; --Font-64:4em; --Font-300:300; --Font-400:normal; --Font-500:500; --Font-600:600; --Font-700:700;}

/* Custom Scroll */
::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-thumb {background: var(--primaryColor);border-radius: 5px;}
::-webkit-scrollbar-track {background: #CDCDCD;border-radius: 5px;}
.scrollable-element {scrollbar-width: thin;scrollbar-color: var(--primaryColor) #CDCDCD;}

/* common style */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;font-family:"Instrument Sans",sans-serif;}
body { font-family:"Instrument Sans",sans-serif; }
input:focus-visible{box-shadow: none;outline: 1px solid var(--primaryColor);}
a.outLineBtn {display: block;border: 1px solid var(--primaryColor);padding: 8px 22px;border-radius: 22px;font-size: var(--Font-16);line-height: 22px;text-decoration: none;color:var(--primaryColor);transition: .3s all ease-in-out;}
a.outLineBtn:hover {background-color: var(--primaryColor);color: var(--whiteColor);}
a.fillBtn {display: block;background-color: var(--secondaryColor);padding: 8px 22px;border-radius: 22px;font-size: var(--Font-16);line-height: 22px;text-decoration: none;color:var(--whiteColor);transition: .3s all ease-in-out;}
a.fillBtn:hover {background-color: var(--whiteColor);color: var(--secondaryColor);border-color: var(--secondaryColor);}

/* Fonts */
@font-face { font-family: 'Instrument Sans'; src: url('../fonts/InstrumentSans-Regular.woff2') format('woff2'), url('../fonts/InstrumentSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'Instrument Sans'; src: url('../fonts/InstrumentSans-Medium.woff2') format('woff2'), url('../fonts/InstrumentSans-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face { font-family: 'Instrument Sans'; src: url('../fonts/InstrumentSans-SemiBold.woff2') format('woff2'), url('../fonts/InstrumentSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap;}
@font-face { font-family: 'Instrument Sans'; src: url('../fonts/InstrumentSans-Bold.woff2') format('woff2'), url('../fonts/InstrumentSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap;}

/* Header */
header, .mainHeader .logoSection, .mainHeader .logo img{transition: all 0.4s ease-in-out;}
header .mainHeader{background: #ffffff;transform: translateY(0);position: relative;z-index: 10;}
header {background: #fff;}
header.stickyHeader{position: fixed;width: 100%;top: -40px;left: 0;background: #ffffff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.50);transform: translateY(0);opacity: 1;z-index: 999;}
header.stickyHeader .mainHeader .logoSection{padding: 10px 0;}
.headerFixedDecrease {margin-top: 150px;}
/*header.stickyHeader .mainHeader .logo img{width: 180px;}*/
.topStrip{background-color: #EBEFFF;padding: 7px 0;}
.logoSection{padding: 20px 0;}
.logoSection .urbanLogo {padding-right: 30px;border-right: 1px solid #E5E5E5;margin-right: 30px;}
.accessibilitySeciton {display: flex;align-items: center;gap: 10px;}
.searchBox input { background: #F1F1F1; border: 0; padding: 8px 40px 8px 26px; border-radius: 22px; max-width: 210px; }
.searchBox input::placeholder { color: #B1B1B1; font-size: var(--Font-16); line-height: 22px; }
.searchBox { position: relative; }
.searchBox a.searchBtn { position: absolute; right: 15px; top: 6px; }
.HeaderBottom { background-color: var(--primaryColor); margin-bottom: -1px; }
.HeaderMenu ul { list-style: none; padding: 0px; margin-bottom: 0px; }
.HeaderMenu ul li { position: relative; padding-left: 0px; margin-bottom: 0px; }
.HeaderMenu ul li a { display: inline-block; text-decoration: none; }
.searchBox form input.button--primary { border: 0; height: 19px; padding: 0 15px; transition: 0.3s all ease-in-out; width: 19px; font-size: 0; background: url("../images/search.svg") no-repeat; position:absolute; right:0; top:10px;}
/*.form-actions { position: absolute; right: 0; top: 0; }*/
.connectBox{position:relative; cursor: pointer;}
/* Search Page CSS */
.views-exposed-form {
	padding: 20px 15px 20px 15px;
	margin-bottom: 30px;
	background-color: rgba(204,204,204,0.2);
	display: flex;
	align-items: flex-start;
	margin-top: 25px;
}
.views-exposed-form .form-text{font-size: 1.5rem;
  padding-left: 20px;
  padding-right: 20px;
  height: 50px;
  border-radius: 10px;
  border: 1px solid #c0c0c0;
  outline: none;
  box-shadow: none !important;
  margin-top: 0;
  width: 100%;}
.views-exposed-form .form-item { max-width: 460px; flex-grow: 1; margin-right: 20px; }
.views-exposed-form .form-actions { flex-wrap: nowrap; margin-top:20px; display:flex;}
.views-exposed-form .form-actions .form-submit {
	font-size:18px;
	line-height: 1.33;
	color: #fff;
	text-align: center;
	font-weight: 500;
	border-radius: 40px;
	padding: 12px 36px;
	background-color: var(--secondaryColor);
	border: 2px solid var(--secondaryColor);
	transition: all 350ms ease 0s;
	-webkit-transition: all 350ms ease 0s;
	margin-right: 20px;
}
.views-exposed-form .form-actions .form-submit:hover{background-color:var(--primaryColor);}

.hover-details { background:transparent linear-gradient(124deg, #45B228 0%, #3F9267 65%, #345BD1 100%); color: white; }
.hover-details .col-lg-6 {width: 50%;}
.hover-details .btn-close{filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(110deg) brightness(98%) contrast(108%);}
.connectBox:hover .hover-details { opacity: 1; visibility: visible; }
.hover-details p{font-size:20px;}
.outLineBtn.outLineBtnWh { border: 1px solid #FFF; color: #FFF; text-align: center }
.govtName {
  font-size:11px;
  line-height:1.2;
}
.govtName p {
  margin-bottom:0;
  position:relative;
}
.govtName p span {
  text-transform:uppercase;
  display:block;
  padding-left: 20px;
}
.govtName p:first-child {
  padding-right:10px;
  margin-right:10px;
  /*! text-align:left; */
  /*! display: flex; */
}
.govtName p:first-child:before {
  position:absolute;
  right:0;
  top:-10px;
  bottom:-7px;
  width:1px;
  content:"";
  background-color: #c3c3c3;
}
.d-flex.govtName img {
	width: 15px;
	float: left;
}
ul.rightLinks  {
  list-style: none;
  padding: 0;
  margin: 0;
}
.rightLinks {
  float: right;
}

.rightLinks li:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 50%;
	z-index: auto;
	height: 14px;
	width: 1px;
	background: #adaeae;
	overflow: hidden;
	margin-top: -7px;
}
.rightLinks li:first-child:before {
	display: none;
}
.rightLinks li {
	float: left;
	padding: 0 7px 0 8px;
	position: relative;
	font-size: .875em;
}
.rightLinks li:first-child {
	padding-left: 0;
}
.rightLinks a {
	color: #2a2e32;
	text-decoration: none;
	transition: all 0.5s ease;
	position: relative;
}
.rightLinks a::after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: var(--secondaryColor);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.rightLinks a:hover:after {
	transform: scaleX(1);
	transform-origin: bottom left;
}


/* Accessibility */
.accessibilityBox { width: calc(100% - 304px); }
.Accessibility > a { width: 40px; height: 40px; background-image: url('../images/accessbility.svg');background-repeat: no-repeat;background-size: 100%; }
div#accessibilityControl { width: 340px; position: fixed; right: -340px; top: 0; transition: 0.3s all ease-in-out; z-index: 9; background-color: var(--whiteColor); overflow: hidden;box-shadow: 0 0 20px #0000001f;}
.AccessibilityOpen div#accessibilityControl { right: 0px; }
.accessibilityPopUP ul li a{text-decoration: none;color:var(--primaryColor);}
.CursorAnimationON { cursor: url(../images/cursor-large.png), auto !important; }
.AccessibilityOpen div#accessibilityControl { right: 0px; }
div#accessibilityControl ul { padding: 20px; background-color: var(--whiteColor); margin: -10px -5px 0px; }
div#accessibilityControl ul li { padding: 10px; width: calc(50% - 10px); border: 1px solid var(--primaryColor); margin: 10px 5px 0px; min-height: 80px; }
div#accessibilityControl ul li .fontScalerGrp{ display: flex; flex-wrap: wrap; justify-content: center;}
div#accessibilityControl .fontScaler { padding: 0; min-height: unset; border: none; margin: 2px 4px; background-color: var(--whiteColor); width: 22px; height: 22px; color: var(--Color-323232); display: flex; justify-content: center; align-items: center; line-height: 1; font-size: var(--Font-12); }
div#accessibilityControl .fontScaler.current{ background-color: var(--blackColor); color: var(--whiteColor); }
div#accessibilityControl ul li span { width: 100%; display: block; font-weight: var(--Font-400); line-height: normal; }
div#accessibilityControl .Heading { align-items: center; z-index: 1; font-size: var(--Font-18); font-weight: var(--Font-500); background-color: var(--primaryColor); padding: 10px 15px; color: var(--whiteColor); display: flex; justify-content: space-between; }
div#accessibilityControl .accessibilityClick { color: var(--whiteColor); }
div#accessibilityControl .contrastChanger { width: 19px; height: 19px; padding: 0; min-height: 0; font-size: 0; margin: 2px 4px; border-radius: 0%; border: none; }
div#accessibilityControl #mode_normal { border: 1px solid var(--blackColor); background-color: var(--whiteColor); }
div#accessibilityControl #mode_contrast { border: 1px solid var(--blackColor); background-color: var(--blackColor); }
div#accessibilityControl ul li .PauseAnimationAcc .StartAnimationIcon:after { content: "\f04c"; font-family: var(--FontFamily-fontawesome); }
div#accessibilityControl ul li .PauseAnimationAcc.paused .StartAnimationIcon:after { content: "\f04b"; }
div#accessibilityControl ul li .CursorAnimationAcc span:after { content: "\f245"; font-family: var(--FontFamily-fontawesome); }

/* Main Banner */
.mainBannerContent { position: absolute; top: 50%; left: auto; transform: translateY(-50%); }
.bannerImages img { width: 100%; background-size: cover; }
.sliderBtn { position: absolute; bottom: 30px; z-index: 9; width: 100%; }
.mainBanner .swiper-fade {background:#000;}
/*.mainBanner{background-image: url(../images/banner-bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 35px 0;}*/
.mainBanner h2.bannerTitle {font-size:48px;color: var(--whiteColor);font-weight: var(--Font-400);line-height: 65px;margin-bottom: 25px;}
.mainBanner h2.bannerTitle .boldText {font-weight: var(--Font-600);}
.mainBanner h2.bannerTitle .colorText{color: var(--secondaryColor); font-size:44px;}
.mainBannerContent a.fillBtn, .mainBannerContent a.outLineBtn{padding: 13px 28px;border-radius: 26px;display: flex;align-items: center; gap:15px;}
.mainBannerContent a.outLineBtn{color:var(--whiteColor);border-color: var(--whiteColor);}
.mainBannerPagination {text-align: left;position: unset;}
.mainBannerPagination span.swiper-pagination-bullet {background: var(--whiteColor);opacity: 1;width: 10px;height: 10px;border: 1px solid var(--whiteColor);}
.mainBannerPagination span.swiper-pagination-bullet-active {background: var(--secondaryColor);}
button.mainBannerPlayPause {width: 22px;height: 22px;border-radius: 100%;border: 0;text-align: center;line-height: 0;background-color: var(--secondaryColor);}
button.mainBannerPlayPause img{height: 10px;}

/* Latest Update */
.latestUpdateInner {display: flex;align-items: center;gap: 10px;border-bottom: 1px solid #eee;padding: 10px 0;overflow: hidden;}
.updatesTitle {font-weight: var(--Font-600);color: var(--primaryColor);margin-right: 10px;font-size: var(--Font-20);}
.updatesControls {background: var(--secondaryColor);border-radius: 50%;width: 20px;height: 20px;color: #fff;display: flex;align-items: center;justify-content: center;font-size: var(--Font-12);cursor: pointer;}
.marqueeContainer {flex: 1;overflow: hidden;white-space: nowrap;position: relative;border-left: 1px solid #E5E5E5;}
.marqueeTrack {display: flex;white-space: nowrap;animation: marquee 10s linear infinite;animation-play-state: running;}
.marqueeTrack li {margin-right: 50px;}
.marqueeTrack li a {text-decoration: none !important; color:var(--textColor)}
@keyframes marquee { 0%   { transform: translateX(0); } 100% { transform: translateX(-50%); }}
.marqueeContainer:hover .marqueeTrack {animation-play-state: paused;}
.view-all {margin-left: 10px;color: var(--secondaryColor);font-weight: 500;text-decoration: none;}
.view-all:hover {text-decoration: underline;}

/* Quick Pay */
.quickPaySection { background:#F6F6F6; padding:50px 0; position:relative; }
.quickPayTitle{margin-bottom: 30px;}
.headTitle { font-size:var(--Font-40); font-weight:600; text-align:center; color: #262626 !important; background: transparent !important;}
h3.headTitle {text-align: left;	font-size: var(--Font-36);}
.navArrows { position:absolute; right:0; top:50%; transform:translateY(-50%); }
.serviceCard { background:var(--whiteColor); border-radius:10px; padding:26px; text-align:center; transition:.3s; cursor:pointer;border-bottom:2px solid var(--secondaryColor); height:100%; }
.serviceCard:hover { transform:translateY(-5px); }
.serviceIcon {margin-bottom:8px; }
.serviceTitle { font-size:var(--Font-18); font-weight:var(--Font-500); color:var(--textColor); }

/* About Section */
.aboutSection { background:var(--whiteColor); padding:60px 0;}
.aboutMinister {padding-right: 100px;}
.profileCard { text-align:center;}
.profileImage { width:130px; height:130px; border-radius:50%; margin: 0 auto 10px;background-color: #D5DFFF;}
.profileImage img { width:100%; height:100%; object-fit:cover; }
.profileName { font-size:var(--Font-18); font-weight:600; color:var(--primaryColor); line-height: 30px;}
.profileDesignation { font-size:var(--Font-14); color:var(--textColor)}
.aboutText { color:var(--textColor); line-height:25px; font-size:var(--Font-16);margin-bottom: 20px;}
.readMore { color:var(--primaryColor); text-decoration:none; font-weight:var(--Font-500); display:inline-flex; align-items:center; }
.read-more:hover { color:#2c5cb8; }
.statsBox {border-radius: 10px;padding: 40px;border: 1px solid #C5C5C5;display: flex;margin-top: 40px;}
.statItem {text-align: center;padding: 0 30px;border-right: 1px solid #C5C5C5; display: flex; flex-wrap: wrap; justify-content: center;
}
.statItem .statLabel {line-height: 1.3;}
.statItem:first-child { padding-left: 0;}
.statItem:last-child { border-right:0; padding-right: 0;}
.statNumber { font-size:var(--Font-30);color:var(--textColor); margin-bottom:5px;line-height: 22px; }
.statLabel { font-size:var(--Font-14); color:var(--textColor); }
.aboutContentBlock {padding-bottom: 50px;}
/* Services Section */
.servicesSection { background:url(../images/service-bg.jpg); padding:60px 0; background-repeat: no-repeat;background-size: cover;background-color: #000;}
.servicesSection h2.headTitle {margin-bottom: 30px;}
.serviceDetailIcon { width:122px; height:122px; background: transparent linear-gradient(144deg, #ECF0FF 0%, #E8FCDF 100%); border-radius:5px; display:flex; align-items:center; justify-content:center;margin-bottom: 20px;}
.serviceDetailIcon img { width:100px; height:100px; }
.serviceDetailTitle { font-size:var(--Font-28); font-weight:500; color:#1A1919; line-height: 22px; margin-bottom: 35px;}
.serviceKnowMore { color:var(--whiteColor); text-decoration:none; font-size:var(--Font-16); position: absolute;   right: 30px;   top: 25px;} 
.serviceExpanded { background: transparent linear-gradient(124deg, #345BD1 0%, #3F9267 75%, #45B228 100%); padding:25px 10px 25px 25px;   width: 100%; }
.serviceDetailTitleWhite { color:#fff; font-size:24px; font-weight:500; margin-bottom:5px; }
.service-menu { list-style:none; padding:0; margin:0; height: 125px;overflow-y: auto;padding-right: 20px;overscroll-behavior: contain;}
.service-menu li a {display: flex;justify-content: space-between;align-items: center;color: var(--whiteColor);text-decoration: none;transition: .3s;padding: 10px 0;border-bottom: 1px solid #d6d6d638;}
.service-menu li:last-child a {padding-bottom: 0;border-bottom: 0;}
.servicesSection h2.headTitle.text-white {
	color: #fff !important;
	background: transparent !important;
}
.services-box { display: flex; flex-wrap: wrap;}
.flip-box {background:var(--whiteColor);  border-radius: 10px;  height: 100%; transition: .3s;  overflow: hidden; height:208px;}
.flip-box-inner { position: relative; width: 100%; height: 100%; text-align: left; transition: transform 0.8s; transform-style: preserve-3d; display: flex; justify-content: start; align-items: start;}
.flip-box:hover .flip-box-inner { transform: rotateY(180deg);}
.flip-box-front, .flip-box-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; justify-content:start; align-items: start; flex-direction: column; padding: 25px;}
.flip-box-front { background-color: #fff; color: black; border-radius: 10px;}
.flip-box-back { background-color: #ffffff; color: #000; transform: rotateY(180deg); border-radius: 10px; padding:0px;}


/* Certificate Mobile Section */
.certificateMobileSection { padding:80px 0;}
.certificateCard {background:var(--secondaryColor);border-radius: 10px;}
.certiContent { position:relative; z-index:2; color:var(--whiteColor);padding: 30px; }
.certiTitle { font-size:var(--Font-34); font-weight:500; margin-bottom:10px; color:var(--whiteColor); }
.certificateList {padding-left: 20px;display: flex;gap: 30px;}
.certiDownloadBtn {padding:12px 28px; background:var(--whiteColor); color:var(--secondaryColor); border-radius:26px; text-decoration:none; font-weight:var(--Font-500); transition:0.3s all ease-in-out; box-shadow: 0px 3px 14px #FD713608;margin-top: 10px;}
.certiDownloadBtn:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.3); gap:1rem; color:#4caf50; }
.mobileAppCard { background: linear-gradient(74deg, #3454BB, #0F2998); border-radius:8px; padding:50px 50px 0; position:relative; overflow:hidden; height:100%; min-height:350px; display:flex; align-items:center; gap: 30px;}
.mobileAppContent { position:relative; z-index:2; flex:1; }
.mobileAppTitle { font-size:var(--Font-40); font-weight:500; color:var(--whiteColor); margin-bottom:2rem; line-height:51px;margin-bottom: 40px;}
.appStoreButtons { display:flex; gap:1rem; flex-wrap:wrap;margin-bottom: 50px; }
.appStoreBtn { display:inline-block; transition:.3s; }
.appStoreBtn:hover { transform:scale(1.05); }
.appStoreBtn img { height:50px; width:auto; }

/* Complaint Section */
.complaintInfo {box-shadow: 0px 0px 40px #0000000F;padding: 45px;text-align: center;margin-top: 40px;}
.complaintInfo .complaintInner {padding: 0 82px;border-right: 1px solid #C5C5C5;}
.complaintInfo .complaintInner:first-child {padding-left: 0;}
.complaintInfo .complaintInner:last-child { border-right:0; padding-right: 0;}
span.complaintLabel {font-size: var(--Font-24);color: #1A1919;display: block;margin-top: 14px;}
span.complaintNumber {font-size: var(--Font-28);font-weight: 600;display: block;}
.complaintInfo:after{content: '';background-color: var(--secondaryColor);position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 70%;height: 10px;border-radius: 0 0 10px 10px;}

/* Help Section */
.helpSection { padding:150px 0 80px; background:var(--whiteColor); }
.helpSection h2.headTitle { margin-bottom:30px; }
.helpMenu { list-style:none; padding:0; margin:0; }
.helpMenu li {margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #DFDFDF;}
.helpMenu li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.helpMenu li a { display:flex; align-items:center;text-decoration:none; color:#1A1919; transition:.3s;gap: 18px;}
.helpMenu li a:hover {transform:translateX(5px); }
.helpMenu li a span { font-size: var(--Font-20); font-weight:500; }
.tutorialHeader{margin-bottom: 35px;}
.viewAllLink { color:var(--primaryColor); text-decoration:none; font-weight:600; font-size:var(--Font-16); display:flex; align-items:center; gap:.5rem; transition:gap .3s; }
.tutorialVideoCard {border-radius:10px; overflow:hidden; box-shadow:0 2px 15px rgba(0,0,0,.1); background-color: #000;}
.videoThumbnail { position:relative; width:100%;overflow:hidden; }
.videoOverlay { position:absolute; top:0; left:0; right:0; bottom:0;transition:.3s;display: flex;align-items: center;justify-content: center;}
.playBtn { width:70px; height:70px; background:var(--whiteColor); border:none; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:#4169e1; cursor:pointer; transition:.3s; }
.playBtn:hover { transform:scale(1.1); background:#4169e1; color:var(--whiteColor); }
.videoTitle { position:absolute; bottom:0; left:0; right:0; color:var(--whiteColor); padding:1.5rem; font-size:var(--Font-32); font-weight:500; text-align: center;}
.socialHeader {margin-bottom: 35px;}
.socialIcons { display:flex; gap:5px; }
.socialIconLink { width:35px; height:35px; text-decoration:none; transition:.3s;  opacity: 0.5;}
.socialIconLink.active {opacity: 1;}
.socialFeedcontent { background:white; border-radius:15px; box-shadow: 0px 0px 40px #0000000F;overflow:hidden; display:none; }
.socialFeedcontent.active-feed { display:block; animation:fadeIn .3s ease-in; }
.socialPost { padding:1.5rem; }

/* municipalitiesSection */
/*.municipalitiesSection{background: url(../images/map-bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 50px 0;}*/
.municipalityCard{background-color: var(--whiteColor);padding: 40px;box-shadow: 0px 0px 36px #00000017;}
.municipalityTitle{font-size: var(--Font-34);font-weight: 500;line-height: 42px;position: relative;padding-bottom: 5px;margin-bottom: 15px;}
.municipalityTitle:before{content: '';position: absolute;background: linear-gradient(90deg,rgba(54, 132, 21, 1) 70%, rgba(52, 84, 187, 1) 70%);width: 80px;height: 5px;left: 0;bottom: 0;border-radius: 20px;}
.municipalityCard select {background-color: #F9F9F9;margin: 30px 0 20px;padding: 9px 15px;border-radius: 4px;border: 0;}
.zoneBadge{margin-bottom: 10px;}
/*.zoneBadge span{color:#858484;}*/
.municipalityName{font-size: var(--Font-22);font-weight: 500;color: #1A1919;margin-bottom: 15px;}
.detailItem {display: flex;align-items: flex-start;gap: 8px;margin-bottom: 10px;}
.detailItem.location p{color:var(--primaryColor);}
.detailItem.email a{color:var(--secondaryColor);text-decoration: none;font-size: var(--Font-16);}
.detailItem.email img{margin-top: 10px;}
.detailItem.address p{font-size: var(--Font-13);}
.detailItem:last-child { margin-bottom:0; }
.detailItem img{margin-top: 5px;}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{width:100% !important; height: 600px !important; z-index: 8;}
.ulb-zone-filter-block {
	position: absolute;
	z-index: 9;
	left: 4%;
	top: 60px;
	width: 500px;
	border-radius: 0;
	max-width: 1400px;
	margin: 0 auto;
}

/*.ulb-zone-info-block {
	position: absolute;
	z-index: 10;
	left: 60px;
	top: 113px;
	background: #f5f7fa99;
	padding: 25px;
	width: 385px;
}*/
.mapDetailsBox {
	position: relative;
	z-index: 999;
}
.ulb-map-block-wrapper.row {
	position: relative;
}
#zone-info p, #zone-info strong {
	font-weight: normal !important;
}
.ulb-popup{width:90%;}
#zone-info p:nth-child(2) strong {
	font-size: 1.5em;
	font-weight: bold !important;
}
#zone-info p:nth-child(3) strong{color: var(--primaryColor);}
#zone-info p:nth-child(4) strong{color: var(--secondaryColor);}
.field-label.rcm-name {
	display: none;
}
.leaflet-popup-content{width: 100% !important;
  min-width: 360px;}
  .rcm-address {
	position: relative;
	margin-right: 15px;
}
.rcm-address::before {
	position: absolute;
	content: "";
	width: 14px;
	height: 16px;
	background: url("/themes/gudm/images/location.svg") no-repeat;
	top: 2px;
} 

  .rcm-email {
	position: relative;
	margin-right: 15px;
}
.rcm-email::before {
	position: absolute;
	content: "";
	width: 14px;
	height: 11px;
	background: url("/themes/gudm/images/email.svg") no-repeat;
	top: 6px;
} 
.ulb-zone-apply-block {
	position: relative;
	font-size: 0;
	border: none;
	background-color: #e9e9ed;
	padding: 25px;
}
.ulb-zone-apply-block::before {
  border: 0;
  height: 19px;
  padding: 0 15px;
  transition: 0.3s all ease-in-out;
  width: 19px;
  font-size: 0;
  background: url("../images/search.svg") no-repeat;
  position: absolute;
  right: 4px;
  top: 16px;
  content: "";
}

/* Partner Section */
.partnersSection {padding: 60px 0;}
.partnerInner {display: flex;align-items: center;gap:20px}
.partnerSwiper a{text-align: center;}
.partnerSwiper img {max-height: 81px;width: auto!important;}

/* Footer */
.footerSection { background:url(../images/footer-bg.jpg); color:var(--whiteColor); padding: 40px 0 20px;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1; background-color: #000;}
.footerTop{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #677294;}
.footerLogo { display:flex; margin-bottom:35px; align-items:center; }
.footerLogo a.urbanLogo {padding-right: 35px;margin-right: 35px;border-right: 1px solid rgb(255 255 255 / 30%);}
.footerHeading { font-size:var(--Font-18); font-weight:700; line-height: 35px; color:var(--whiteColor);margin-bottom: 0;}
.footerContact {margin-bottom: 20px;padding-bottom: 25px;border-bottom: 1px solid #677294;max-width: 400px;}
.footerContact a {color: var(--whiteColor);text-decoration: none;}
.footerLinks { list-style:none; padding:0; margin:22px 0 0; }
.footerLinks li { font-size: var(--Font-16); line-height: 25px; margin-bottom: 10px; float: left; width: 50%; }
.footerLinks li a { color:var(--whiteColor); text-decoration:none; display:flex; align-items:center; transition:.3s; }
.footerLinks li a:before { content:""; margin-right:10px; background-color:var(--secondaryColor);width: 8px;height: 8px;border-radius: 100%; }
.footerLinks li a:hover { color:var(--whiteColor); transform:translateX(5px); }
.socialLink {width: 30px;height: 30px;transition: .3s;}
.socialLink:hover { transform:translateY(-3px);}
.socialLinks { display:flex; gap:8px;}
.appBadges { display:flex; gap:.8rem; flex-wrap:wrap; }
.appBadge { display:inline-block; transition:.3s; }
.appBadge:hover { transform:scale(1.05); }
.languageSelector { display:flex; align-items:center; background:var(--whiteColor); padding:12px 16px; border-radius:6px;max-width: 225px;}
.languageSelector img { margin-right:14px; }
.languageSelect {border:none; color:var(--textColor); font-size:var(--Font-14); cursor:pointer; outline:none; flex:1; }
.languageSelect option { background:#2c3e50; color:white; }
.footerBottom { margin-top:30px; padding-top:30px; border-top:1px solid #677294; }
.footerBottomLinks { display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:0 0 10px 0; font-size:var(--Font-14); }
.footerBottomLinks li { display:inline; }
.footerBottomLinks li a { color:var(--whiteColor); text-decoration:none; transition:.3s; }
.footerBottomLinks li a:hover { color:white; }
.footerBottomLinks li:not(:last-child):after { content:"|"; margin-left:10px; color:#677294; }
.footerCopyright { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; font-size:.85rem; color:var(--whiteColor); }


/* Inner Page */
.innerBannerSection { position: relative; }
.innerBannerSection h2 { color: #fff; font-size: 2.5em; font-weight: 700; margin-bottom: 0; display: inline-block; position: absolute; top: 50%; transform: translate(0, -50%); }
.breadcrumb { position: relative; z-index: 1; bottom: 0; left: 0; width: 100%; }
.breadcrumb li { list-style: none; padding: 0px; margin: 5px 20px 5px 0px; display: inline-block; position: relative; color: #fff; }
.breadcrumb li:after { content: ""; width: 2px; height: 64%; display: inline-block; position: absolute; right: -12px; background: rgba(255, 255, 255, 0.3); top: 18%; }
.breadcrumb li:last-child:after { display: none; }
.breadcrumb li a { color: #fff; text-decoration: none; }
.breadcrumb ul { margin: 0; padding: 0; width: 100%; display: flex; }
.region.region-breadcrumb { position: absolute; bottom: 20px; }
.innerBannerImg { min-height: 300px; background-repeat: no-repeat; background-size: cover; }
.innerBannerImg img { height: 1px; width: 100%; background-size: cover; position: relative; visibility: hidden;opacity: 0; }

.innerContent h3 { font-size: 1.8em; font-weight: 600; margin-bottom: 20px; padding-bottom: 0; }
.innerContent h4 { font-size: 1.5em; font-weight: 600; margin-bottom: 20px; padding-bottom: 0; color: #253a6f; }
.innerContent p { margin-bottom: 15px; }
.grayBox { padding: 25px; margin-bottom: 30px; border-radius: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); background: #fff; }
.displayNone { display: none; }
.complaintLabel.Subspan { margin-top: 0; }

/* About Us Page */
.objectSection { background: url(../images/Objectives-bg.jpg) no-repeat; position: relative; background-size: cover; padding: 1px 0; }
.objectBox { background: #fff; padding: 30px; margin: 40px 0; border-radius: 8px; }
.objectBox h3 { margin-bottom: 20px; }
.objectBox ul li { margin-bottom: 15px; }
.innerPageContent { padding: 50px 0; min-height: 600px; }
.quickPaySection.about-pay { margin-top: -50px; }

/* Accessibility  */
#uw-widget-custom-trigger img { width: 22px; left: -9px; position: relative; height: 22px; }
.uw-widget-custom-trigger { position: static !important; width: 40px !important; height: 40px !important; background-color:#3454BB !important;}



/******** Head Contact page css Star****************/
.contact-us-page .contant-info-box { display: flex; justify-content: start; align-items: center; }
.contact-us-page { padding: 30px; background: #ffff; border-radius: 10px; box-shadow: 0px 5px 20px #44498b3d; }
.contact-us-page h3.heading { color: var(--bg-color); font-size: 30px; font-weight: 700; }
.contant-inf { width: 94%; }
.contant-info-box .icon i { font-size: 22px; transition: all 0.3s linear; }
.contact-us-page .contant-info-box:not(last-child) { margin-bottom: 25px; }
.contact-us-page .main-text { margin-bottom: 25px; display: none; }
.contant-info-box .contant-inf .contant-inf-heading span { font-weight: 600; font-size: 24px; color: var(--bg-color); }
.contact-us-page .contant-info-box .icon { background: rgba(35, 35, 71, 0.1); color: var(--bg-color); width: 80px; height: 70px; text-align: center; line-height: 70px; border-radius: 50%; display: inline-block; margin-right: 18px; transition: all 0.3s linear; }
.contact-us-page .contant-info-box .icon svg { filter: brightness(0) saturate(100%) invert(35%) sepia(10%) saturate(7366%) hue-rotate(203deg) brightness(85%) contrast(98%); }
.contact-us-page .main-text p { font-size: 17px; font-weight: 500; }
.contact-us-page h3.heading { color: var(--bg-color); font-size: 30px; font-weight: 700; display: inline-block; padding: 10px 19px; background: var(--bg-color); border-radius: 0 30px 30px 0px; margin-left: -30px; background: rgba(223, 55, 76, 0.14); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(9.9px); -webkit-backdrop-filter: blur(9.9px); border: 1px solid rgba(223, 55, 76, 0.3); border-left: none; }
.contact-us-page .contant-info-box:hover .icon {background:var(--secondaryColor);}
.contact-us-page .contant-info-box:hover .icon svg {filter: brightness(0) saturate(100%) invert(96%) sepia(97%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);}
.contant-inf span {color: #4d4d4d;}
.mapimg {border-radius: 10px;}
.ListOfficersSection {	margin-top: 30px;}


/* Table Css */
.tableOut { overflow-y: hidden; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; /*! border-radius: 12px; */ overflow: hidden;  margin-bottom:15px; }
thead tr { background-color: #dfe8f6 !important; color: #253a6f; font-weight: 400; font-size: 0.875em; text-align: left; /*! padding: 15px 0; */}
thead th { padding: 26px 20px 22px 20px !important; font-size: 1.2em; }
thead th:first-child { border-top-left-radius: 0; width: 96px; text-align: center; }
thead th:last-child { border-top-right-radius: 0; }
tbody tr { background-color: #fff; font-size: 12px; font-weight: 400; }
tbody tr + tr td { border-top: 1px solid #ccc; }
tbody td { padding: 18px 20px 16px 20px; vertical-align: middle; word-wrap: break-word; font-size: 1.3em; }
.Gujsite tbody td{font-size: 1.5em;}
tbody td:first-child { width: 80px; text-align: center; }
tbody td:last-child a { text-decoration: none;color: #707070;font-size: 0.9em;font-style: unset;}
tbody td:last-child img {display: inline-block; }
table tr:nth-child(2n) td, .tableRowOdd { /*! background-color: #f7f7fb; */ }
tbody td:last-child img { margin-right: 7px; }
.noSr tbody td:first-child {text-align: start;}
.noSr thead th:first-child{text-align: start;}
table tr td p {
	display: inline-block;
}



/********** Responsive Tab **********/
.resTab {position: relative;}
.resTab .tabNav {margin:0;padding: 0; list-style:none}
.resTab .tabNav li {position: relative;display: inline-block;margin: 0;position: relative;}
.resTab .tabNav li a {display: inline-block;padding: 10px 12px;text-decoration: none;font-size: 1.6em;font-weight: 600;color: var(--bg-color);border-bottom: 3px solid transparent;transition: all 0.3s linear;}
.resTab .tabNav .r-tabs-state-active a {color: var(--bg-color);text-shadow: none;border-bottom: 3px solid var(--bg-color);}
.resTab .tabContent {padding-top: 30px;display: none;}
.resTab .r-tabs-panel.r-tabs-state-active {display: block;}
.resTab .r-tabs-accordion-title {display:none;}
.resTab .tabNav .r-tabs-state-disabled {opacity: 0.5;}
.resTab .r-tabs-accordion-title .r-tabs-anchor {display: block;padding: 10px 20px;background-color: var(--white-color);color: var(--bg-color);font-size: 1.5em; border-radius: 5px;border: 1px solid rgba(0,0,0,.125);box-shadow: 0px 5px 20px #44498b3d;font-weight: bold;text-decoration: none;transition: all 0.3s linear;}
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: var(--bg-color);color: var(--white-color);text-shadow: none;border-radius: 5px;border: 1px solid rgba(0,0,0,.125);box-shadow: 0px 5px 20px #44498b3d;}
.resTab .r-tabs-accordion-title.r-tabs-state-disabled {opacity: 0.5;}
.noJS .resTab .tabContainer { height:150px; overflow:hidden}
.noJS .resTab .tabContent { display:block; height:150px}
.resTab .tabNav li a::after {content: "";position: absolute;right: -4px;top: 53%;transform: translateY(-50%);width: 2px;height: 24px;background: #d5d3d3;}
.resTab .r-tabs-panel.r-tabs-state-active {margin-bottom: 20px;}
/* Last element pe line na ho */
.resTab .tabNav li:last-child a::after {
  display: none;
}
@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {display: none;}
.r-tabs .r-tabs-accordion-title {display: block;margin-bottom: 10px;}
}

/* listing View Css */
.listingIndex .listingItem ul { padding: 0; list-style: none; padding: 0; list-style: none; display: flex; justify-content: start; flex-wrap: wrap; }
.listingIndex .listingItem ul li { margin: 0 20px 20px 0; }
.listingIndex .listingItem ul li .deptUnitBlock { display: block; border-left: 3px solid #253a6f; background: #f2f2f2; }
.listingIndex .listingItem ul li .deptUnitBlock:hover { box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); }
.listingIndex .listingItem ul li a, .listingIndex .listingItem ul li .a { color: #253a6f; display: block; font-weight: 600; text-decoration: none; padding: 15px 20px; }
.fileSize { text-decoration: none; color: #707070; font-size: 0.9em; font-style: unset; font-weight: 400; }
.listingIndex .listingItem ul li a:hover { text-decoration: none; color: #2daaec; }
.listingIndex .listingItem ul li .deptUnitBlock .views-field-title { color: #fff; font-weight: normal; font-size: 1.063em; display: inline-block; }
.views-field.views-field-two a { font-weight: 400 !important; }
.views-field.views-field-two { position: relative }
.views-field.views-field-two::before { position: absolute; content: ""; top: 20px; left: -10px; width: 0.7vw; height: 0.7vw; border-bottom: 2px solid #253a6f; border-right: 2px solid #253a6f; transform: rotate(318deg); margin: 0; }

/* accordion css */
.mainAccordion .accordion-item:last-child{margin-bottom: 0px;}
.mainAccordion .accordion-item {margin-bottom: 10px;background: #fff !important;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius: 10px;}
.mainAccordion h2.accordion-header button{background: transparent;padding: 25px 30px;font-size: 22px; font-weight:600;color: var(--bg-color);}
.mainAccordion h2 a.noDet{border-radius: 0!important;background: transparent;padding: 25px 30px;font-size: 22px; font-weight:600;color: var(--bg-color); display:block; text-decoration:none;}
.mainAccordion h2.accordion-header {border-radius: 10px;background: #fff;font-size: 20px!important;box-shadow: 0px 5px 20px #44498b3d;}
.mainAccordion .accordion-button:not(.collapsed) {background-color: #253a6f;box-shadow: none;color: #fff;border-top-left-radius: 10px; border-top-right-radius: 10px;transition: all 0.3s linear;}
.mainAccordion .accordion-button:focus {box-shadow: none;outline: none;}
.mainAccordion .accordion-body {border-top: 1px solid #ccc !important;background-color: #fff;padding: 20px 25px !important;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.mainAccordion .accordion-body {overflow-x: auto;}
.mainAccordion .accordion-button {transition: background-color 0.3s ease, color 0.3s ease;}
.mainAccordion .accordion-button::after {filter: brightness(0) saturate(100%) invert(20%) sepia(11%) saturate(4194%) hue-rotate(189deg) brightness(97%) contrast(94%);}
.mainAccordion .accordion-button:not(.collapsed)::after {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(100%) contrast(103%);transition: all 0.3s linear;}

/* feedback css */

.feedback-form { padding: 50px 0; position: relative; }
.feedback-form input, .feedback-form textarea, .form-select { width: 100%; height: 56px; font-size: 16px; line-height: 46px; font-weight: 400; border-radius: 3px; background: #f7f6fa; outline: none; border: 1px solid transparent; padding: 0 30px; margin-bottom: 20px; transition: all .3s ease; color: #000; }
.feedback-form textarea { min-height: 130px; }
.feedback-form .form-text { margin-top: 0; }
.feedback-form #edit-captcha-response { margin-bottom: 3px; line-height: 60px; padding: 33px 30px; }
.feedback-form #edit-captcha-image-wrapper { position: absolute; right: 30px; top: 30px; }
.feedback-form .captcha-type-challenge--image .captcha__element { display: flex; flex-flow: row wrap; align-items: flex-start; gap: var(--gap-v) var(--gap-h); width: 50%; position: relative; }
.feedback-form .form-actions { position: absolute; right: 0; bottom: 0; top: auto; display: flex; }
.feedback-form .reload-captcha-wrapper { position: absolute; right: -20px; top: 16px; }
.feedback-form #edit-submit { margin-right: 25px; background: #3454bb; color: #fff; }
.feedback-form #edit-submit:hover { background: #1c2e60; }
.feedback-form #edit-reset { background: #444; color: #fff; }
.feedback-form #edit-reset:hover { background: #666; }
.feedback-form .error { color: red; margin-bottom: 25px; }



/* Login Page*/
.LoginSection .mainLogo {padding: 30px 0;gap: 15px;}
.loginLeft.common_heading {padding: 0;margin: 0;}
.loginLeft.common_heading h1.bannerFont {font-size: 59px;
  max-width: 480px;margin-top: 0;position: relative;z-index: 2;color: #2C3959;transform: unset;}
.loginLeft.common_heading  img.about-thumb3 {top: -60px;left: 0px;z-index: 1;}
.LoginSection {background: #F8FAFD;min-height: 100vh;}
.LoginSection .LoginForm {min-height: calc(100vh - 111px);display: flex;align-content: center;justify-content: center;flex-direction: column;}
.loginRight {background: #EAEFF7;border-radius: 20px;padding: 40px 32px;max-width: 525px;margin: 0 auto;}
.loginRight h3 {font-size: 28px;line-height: 34px;margin-bottom: 30px;font-family: var(--FontSecondary);font-weight: 400;color: #102B57;}
.loginRight .region {display: none;}
.loginRight form .row.mb-3{margin-bottom: 0!important;}
.loginRight form label {font-size: 14px;margin-bottom: 5px;color: #000;}
.loginRight form input {background: #F8FAFD;border: 1px solid #2958A34D;border-radius: 10px;padding: 16px 15px;font-size: 14px;line-height: 14px;width: 100%;;}
.loginRight form .form-item {margin-bottom: 20px;}
.loginRight form input.form-submit {background: #2958A3;border-radius: 6px;margin-right: calc(var(--bs-gutter-x) * .5);margin-left: calc(var(--bs-gutter-x) * .5);width: calc(100% - 24px);color: #fff;font-size: 20px;padding: 15px;line-height: 20px;transition: 0.3s all ease-in-out;border: 1px solid;}
.loginRight form input.form-submit:hover {background: transparent;color: #2958a3;}
.loginRight form input.form-submit:focus {outline: 1px solid;}
.LoginSection .captcha-type-challenge--image .captcha__element {flex-direction: row;flex-wrap: nowrap;align-items: center;gap: 0;margin-bottom: 20px; display:flex; width:100%;}
.LoginSection .captcha-type-challenge--image .captcha__element img {max-height: 52px;border: 1px solid #2958A34D;border-radius: 10px 0px 0px 10px;padding: 8px;background: #fff;border-right: 0;margin: 0;}
.LoginSection .captcha-type-challenge--image .captcha__element input {width: 100%;border-top-left-radius: 0;border-bottom-left-radius: 0;border-left: 0;margin-top: 0px;}
.LoginSection .reload-captcha-wrapper {background: #fff;height: 52px;display: flex;align-items: center;padding: 10px; border: 1px solid #2958A34D;border-radius: 0;}
.LoginSection .error:is([type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea):focus{outline: solid 1px #f00;}
:is([type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea):focus{outline: solid 1px var(--primaryColor)!important;}
.loginRight form .js-form-item-captcha-response label {
	display: none;
}

#edit-captcha-response--description {
	display: none;
}
.captcha-type-challenge--image .captcha__element > .form-item {
  display: flex !important;
  flex-wrap: wrap !important;
}
.captcha__image-wrapper {
	flex-wrap: wrap;
	display: flex;
	flex: none;
}
.form-item-captcha-response {
	margin: 0 !important;
}

   .section-padding { padding: 0 0 4rem 0; }
        .section-header { text-align: center; margin-bottom: 3rem; }
        .section-header p { font-size: 1.1rem; }
/* --- 3. Hero / Header --- */
        .hero-section {
            background-color: var(--primaryColor);
            color: white;
            padding: 4rem 0;
            text-align: center;
            margin-bottom: 2rem;
        }

        /* --- 4. Service Cards --- */
        .service-card {
            background: #fff;
            border: none;
            border-radius: 16px;
            padding: 2.5rem 1.5rem;
            text-align: center;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease; /* FIXED: Specific transitions only */
            height: 100%;
            position: relative;
            overflow: hidden;
        }

        .service-card::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: var(--primaryColor);
            transform: scaleX(0);
            transition: transform 0.3s ease;
        }

        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(52, 84, 187, 0.15);
        }

        .service-card:hover::after { transform: scaleX(1); }

        .icon-circle {
            width: 70px;
            height: 70px;
            background-color: var(--brand-blue-light);
            color: var(--primaryColor);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            margin: 0 auto 1.5rem auto;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .service-card:hover .icon-circle {
            background-color: var(--primaryColor);
            color: #fff;
        }

        /* --- 5. Process Flow --- */
        .process-wrapper { position: relative; padding-top: 20px; }

        .progress-line {
            position: absolute;
            top: 50px;
            left: 10%;
            width: 80%;
            height: 3px;
            background: #e9ecef;
            z-index: 0;
        }
        
        .progress-line::after {
            content: '';
            position: absolute;
            top: 0; left: 0; height: 100%; width: 100%;
            background: linear-gradient(90deg, var(--primaryColor) 0%, rgba(255,255,255,0) 100%);
            opacity: 0.5;
        }

        .process-step {
            position: relative;
            z-index: 1;
            text-align: center;
            padding: 1rem;
        }

        .step-icon-box {
            width: 100px;
            height: 100px;
            background: white;
            border: 3px solid var(--primaryColor);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.5rem auto;
            font-size: 2.5rem;
            color: var(--primaryColor);
            box-shadow: 0 0 0 8px #f8f9fa;
            transition: all 0.8s ease-in-out;
			transform: translateY(-15px) scale(1.1);
        }

        .process-step:hover .step-icon-box {
            background-color: var(--primaryColor);
            color: white;
            transform: translateY(-15px) scale(1.1);
            box-shadow: 0 10px 20px rgba(52, 84, 187, 0.3);
        }

        .step-badge {
            position: absolute;
            top: 0; right: 0;
            width: 32px; height: 32px;
            background: var(--secondaryColor);
            color: white;
            border-radius: 50%;
            font-size: 0.9rem;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 3px solid white;
        }

        /* --- 6. Documents Grid --- */
        .doc-card {
            background: white;
            padding: 1.5rem;
            border-radius: 12px;
            border-bottom: 3px solid var(--primaryColor);
            box-shadow: 0 4px 10px rgba(0,0,0,0.03);
            height: 100%;
        }
        .doc-card h5 { color: var(--primaryColor); font-weight: 600; margin-bottom: 1rem; }
        
        .list-check { list-style: none; padding: 0; margin: 0; }
        .list-check li {
            position: relative;
            padding-left: 1.8rem;
            margin-bottom: 0.8rem;
            color: #555;
        }
        .list-check li::before {
            content: '\F26B'; 
            font-family: 'bootstrap-icons';
            position: absolute;
            left: 0;
            color: var(--secondaryColor);
            font-weight: bold;
        }
		.servicesBox h2{
			color:var(--primaryColor);
			font-weight: 600;
  margin-bottom: 0.5rem;}
  .servicesBox .accordion-button {
	padding: 26px 15px;
}


/* News List page css */

.eventListWrap {
	list-style: none;
	padding: 0;
}

.eventListWrap li a {
	text-decoration: none;
	color:var(--textColor);
}
.date {
	font-weight:600;
	color: var(--primaryColor);
}

.eventListWrap li {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
}
.eventListWrap li:last-child {
	border: none;
}

/* Pagination css */
.pager__items.js-pager__items {
	display: flex;
	list-style: none;
	justify-content: center;
}

.pager__items.js-pager__items li {
	padding: 0 10px;
}

/* service main page css */
  .sidebar-card {
            background: #fff;
            border-radius: 4px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            padding: 0;
        }

        .custom-tab-item {
            /* 1. Reserve the space for the border initially so it doesn't jump */
            border: none;
            border-left: 5px solid transparent; 
            
            /* 2. Consistent Padding */
            padding: 16px 15px; 
            
            /* 3. Smooth Transition for color and background */
            transition: all 0.3s ease; 
            
            color: #6c757d;
            display: flex;
            align-items: center;
            font-size: 0.95rem;
            background-color: #fff;
            width: 100%;
            text-align: left;
            cursor: pointer;
            border-radius: 0 !important;
        }

        .custom-tab-item:last-child {
            border-bottom: none;
        }

        .custom-tab-item i {
            margin-right: 15px;
            font-size: 1.2rem;
            width: 24px;
            text-align: center;
            transition: transform 0.2s ease; /* Icon animation */
        }

        /* Hover State */
        .custom-tab-item:hover {
            background-color: #f8f9fa;
            color: #2c5aa0;
        }
        
        /* Slight movement on hover without affecting layout */
        .custom-tab-item:hover i {
            transform: translateX(3px); 
        }

        /* Active State */
        .custom-tab-item.active {
            /* 4. Only change the COLOR of the border, not the width */
            border-left-color: #2c5aa0; 
            
            background-color: #fff !important;
            color: #2c5aa0 !important;
            font-weight: 600;
        }


        /* --- Content & Button Styling --- */
        .content-card {
            background: #fff;
            border: none;
            border-radius: 4px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            margin-bottom: 20px;
        }

        .info-text {
            color: #555;
            font-size: 0.95rem;
            line-height: 1.6;
        }

        .service-list-header {
            padding: 20px 25px;
            border-bottom: 1px solid #eee;
            font-weight: 500;
            font-size: 1.05rem;
            color: #333;
        }

        .service-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px 25px;
            border-bottom: 1px solid #eee;
            transition: background-color 0.2s ease;
        }
        
        .service-row:hover {
            background-color: #fafafa; /* Subtle hover effect on rows */
        }
        
        .service-row:last-child {
            border-bottom: none;
        }

        .service-title {
            color: #444;
            font-weight: 400;
        }

        /* Smooth Buttons */
        .btn-outline-custom {
            border: 1px solid #6cae57;
            color: #6cae57;
            background-color: transparent;
            border-radius: 50px;
            padding: 5px 20px;
            font-size: 0.9rem;
            font-weight: 500;
            transition: all 0.3s ease; /* Smooth hover transition */
        }
        
        .btn-outline-custom:hover {
            background-color: #6cae57;
            color: #fff;
            transform: translateY(-1px); /* Micro interaction */
            box-shadow: 0 2px 5px rgba(108, 174, 87, 0.3);
        }

        .btn-solid-custom {
            background-color: #4a8a32;
            border: 1px solid #4a8a32;
            color: white;
            border-radius: 50px;
            padding: 5px 20px;
            font-size: 0.9rem;
            font-weight: 500;
            transition: all 0.3s ease;
        }

        .btn-solid-custom:hover {
            background-color: #3d7229;
            border-color: #3d7229;
            color: white;
            transform: translateY(-1px);
            box-shadow: 0 2px 5px rgba(74, 138, 50, 0.3);
        }

        .view-details-link {
            color: #2c5aa0;
            text-decoration: none;
            font-size: 0.9rem;
            margin-right: 15px;
            transition: color 0.2s;
        }
        .view-details-link:hover { 
            text-decoration: underline; 
            color: #1a3a70;
        }
        
        /* Fade animation for tab switching */
        .tab-pane {
            transition: opacity 0.3s ease-in-out;
        }
		.service-row p {
	margin-bottom: 0;
}




.servicesBoxTitle {
	background: #eef1fa;
	padding: 30px;
	text-align: left;
	position: relative;
}
.servicesBoxTitle button, .servicesBoxTitle span {
	position: absolute;
	right: 30px;
	top: 50px;
}

.servicesBoxTitle button a {
	color: #6cae57;
	text-decoration: none;
}

.servicesBoxTitle button a:hover{color:#fff;}

.servicesBoxTitle p {
	margin-bottom: 0;
}


.HeaderMenu h2 {
	background: #fff;
}
.footerSection p {
	margin-bottom: 0;
}

.marqueeItem .pdfIcone {
	height: 20px;
}