/* @font-face {
  font-family: "proxima_novaregular";
  src: url("font/proximanova_regular-webfont.woff2") format("woff2"),
    url("font/proximanova_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "proxima_novablack";
  src: url("font/proximanova_black-webfont.woff2") format("woff2"),
    url("font/proximanova_black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "proxima_novabold";
  src: url("font/proximanova_bold-webfont.woff2") format("woff2"),
    url("font/proximanova_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "proxima_novaextrabold";
  src: url("font/proximanova_extrabold-webfont.woff2") format("woff2"),
    url("font/proximanova_extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "proxima_novalight";
  src: url("font/proximanova_light-webfont.woff2") format("woff2"),
    url("font/proximanova_light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
} */
:root {
  --primary-color: #10569e;
  --secondary-color: #ffc12e;
  --white-color: #ffffff;
  --black-color: #000000;
  --clr-body-text: #6a6a6a;
  --clr-body-text2: #878787;
  --clr-bg-gray: #f9f9f9;
  --clr-bg-gray2: #efefef;
  --clr-border-1: #474747;
  --clr-border-2: #757575;
  --primary-font: "proxima-nova", sans-serif;
  --secondary-font: "Oswald", sans-serif;
  --box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
  --box-shadow-btn-hover: 0px 7px 18px 0px rgba(37, 17, 124, 0.16);
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: none;
  transition: ease all 0.1s;
}

*::after,
*::before {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  color: var(--black-color);
  font-size: 1.8rem;
  font-family: "proxima-nova", sans-serif !important;
  line-height: 1.5;
  font-weight: normal;
  overflow-x: hidden !important;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  word-wrap: break-word !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "proxima-nova", sans-serif !important;
  font-weight: 900;
  position: relative;
  letter-spacing: 0;
  line-height: 1.5;
  margin-bottom: 20px;
}

h1,
.h1 {
  font-size: 4.5rem;
  color: rgba(6, 79, 153, 1);
}

h2,
.h2 {
  font-size: 3.5rem;
  color: rgba(6, 79, 153, 1);
}

h3,
.h3 {
  font-size: 2.8rem;
}

h4,
.h4 {
  font-size: 2.2rem;
}

h5,
.h5 {
  font-size: 1.8rem;
}

h6,
.h6 {
  font-size: 1.6rem;
}

p {
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.5;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none !important;
  opacity: 1;
}

button:focus {
  border: none !important;
}

ul,
li,
ol {
  margin: 0px;
  padding: 0px;
  /*   list-style: none; */
}

a,
.btn {
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}

a {
  color: var(--primary-color);
  text-decoration: underline;
}

strong,
b {
  font-weight: 600;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.layout-pd {
  padding-top: 0px;
  padding-bottom: 80px;
}

.layout-t-pd {
  padding-top: 80px;
}

/*============================== Site Button Style ==============================*/

.btn {
  font-weight: 600;
  padding: 8px 15px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 0.5s ease-out 0s;
  min-width: 120px;
  font-size: 1.4rem;
}

.primary-btn {
  color: #ffc12e;
  background-color: rgb(14, 75, 137);
  border-radius: 7px;
}

.primary-btn:hover {
  color: #ffc12e;
  background: rgb(14 75 137 / 68%);
  text-decoration: none;
}

.primary-btn:focus {
  text-decoration: none;
}

.secondary-btn {
  background-color: var(--secondary-color);
  border: 2px solid var(--secondary-color);
  color: var(--white-color);
}

.secondary-btn:hover {
  background-color: var(--white-color);
  color: #000;
  text-decoration: none;
  box-shadow: var(--box-shadow-btn-hover);
  transform: scale(1.1);
}

.secondary-btn:focus {
  border: 2px solid var(--white-color);
  text-decoration: none;
}

.tertiary-btn {
  background-color: var(--white-color);
  border: 2px solid var(--primary-color);
  color: #000;
}

.tertiary-btn:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
  text-decoration: none;
  box-shadow: var(--box-shadow-btn-hover);
  transform: scale(1.1);
}

.tertiary-btn:focus {
  border: 2px solid var(--primary-color);
  text-decoration: none;
}

/* ============================== Site Header Style ============================ */
.utility {
  background: #2b2b2b;
  color: #fff;
  font-size: 13px;
}
.utility-right-content span {
  margin-left: 15px;
  font-size: 16px;
}
.utility-left-content span {
  font-size: 16px;
}
.utility a {
  color: #fff;
  text-decoration: none;
}
header {
  background: var(--primary-color);
  color: #fff;
  padding: 10px 0;
}

.top-bar {
  background-color: var(--primary-color);
  padding: 12px 0px;
  position: relative;
  z-index: 9999;
}

.top-bar p {
  margin-bottom: 0;
  color: var(--white-color);
}

.logo-text .city-name {
  color: #fff;
  font-size: 40px;
  font-weight: 900;
  line-height: 49px;
}
.logo-text .city-caption {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}
/* ============================== Site Menu Style =============================== */

/* ============================== Site Banner Style ============================= */

/* ================================ Site Body Style ============================= */
.hero {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0)),
    url("../images/banner-bg.png") center/cover;
  color: #fff;
  padding: 60px 0 0 0;
}

.hero h1 {
  font-weight: bold;
}
.search-section {
  margin-bottom: 80px;
}
.searchBar {
  width: 100%;
  position: relative;
}

#searchQueryInput {
  width: 100%;
  background: #f5f5f5;
  outline: none;
  border: none;
  padding: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
}

#searchQuerySubmit {
  position: absolute;
  right: 4px;
  top: 4px;
  background: none;
  border: none;
  outline: none;
}

#searchQuerySubmit:hover {
  cursor: pointer;
}
#searchQuerySubmit i {
  font-size: 22px;
  color: rgba(6, 79, 153, 1) !important;
}
#searchQueryInput::placeholder {
  color: #000;
  font-style: italic;
  font-size: 18px;
  opacity: 1;
}
.city-departments #searchQuerySubmit i {
  font-size: 18px;
  color: #ffc12e !important;
}
.city-departments #searchQuerySubmit {
  top: 0 !important;
}
.popular-search-section {
  display: flex;
  align-items: center;
  /*   justify-content: center; */
  margin-top: 20px;
  flex-wrap: wrap;
}
.popular-search-section .search-heading {
  /*   margin-right: 20px; */
  font-size: 16px;
  font-weight: 700;
  color: #fff !important;
}
.popular-search-section .search-items span {
  color: #ffc12e;
  margin: 0 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

.popular-search-section .dropdown-item-btn {
  position: relative;
  text-align: center;
  width: 250px;
  margin: 0 auto;
}

.popular-search-section .dropdown-btn {
  color: #ffc12e;
  padding: 8px 12px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  background: transparent;
}

.popular-search-section .dropdown-content {
  display: none;
  position: absolute;
  background-color: #232323;
  min-width: 280px;
  box-shadow: 0 7px 8px 0 rgb(89 87 87);
  margin-top: 5px;
  z-index: 1;
  padding: 20px 20px 30px 20px;
}

.popular-search-section .dropdown-content a {
  color: #fff;
  padding: 10px 14px;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #595756;
}

.popular-search-section .dropdown-content a:hover {
  background-color: #ffc12e;
  color: #fff;
}

.popular-search-section .dropdown:hover .dropdown-content {
  display: block;
}

.dept-card {
  background: linear-gradient(
    180deg,
    rgba(245, 215, 76, 1) 0%,
    rgba(232, 174, 37, 1) 100%
  );
  padding: 25px 35px;
	max-height: 450px;
    overflow-y: scroll;
}
.dept-card h2 {
  color: #000;
  font-size: 30px;
  font-weight: 900;
  line-height: 36px;
  margin-bottom: 6px;
}

.dept-card a {
  color: #195ca0;
  font-size: 18px;
  font-weight: 900;
  font-family: "proxima-nova", sans-serif !important;
  text-decoration: none;
}
.dept-card li {
  border-bottom: 1px solid rgb(255 255 255 / 38%);
  padding: 10px;
  margin-bottom: 0;
}
.dept-card li a i {
  margin-right: 15px;
  width: 16px;
  text-align: center;
}

.whatsnew {
  background: var(--primary-color);
  color: #fff;
  padding: 50px 0 70px 0;
}

.whatsnew h2 {
  color: #fff !important;
  font-size: 35px;
  font-weight: 900;
  line-height: 35px;
  margin-bottom: 0;
}

.whatsnew .card {
  background: #0f2f74;
  color: #fff;
}
.whatsnew .view-more {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  color: #ffc12e;
  text-decoration: none;
}

.about {
  background: #eaeaea;
  padding: 70px 0;
}
.about h3 {
  color: rgba(6, 79, 153, 1);
  font-size: 35px;
  font-weight: 900;
  line-height: 42px;
  margin-bottom: 16px;
}
.about p {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 24px;
}
.about-media {
  margin: 0;
  position: relative;
  overflow: hidden;
  background: #ccc;
}
.about-media img {
  border: 13px solid rgba(0, 0, 0, 0.23);
}
.about-media figcaption {
  position: absolute;
  left: 13px;
  bottom: 12px;
  right: 0;
  padding: 20px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.91));
  color: #fff;
  width: 95%;
}
.about-box {
  background-color: #e2e2e2;
  padding: 10px;
  text-align: center;
}
.about-box p {
  font-style: italic;
}
.body-list-style {
  margin-left: 16px;
  margin-bottom: 20px;
}

.body-list-style li {
  margin-bottom: 8px;
  margin-top: 0px;
  position: relative;
  text-align: left;
  list-style-type: none;
}

.body-list-style li:after {
  content: "\f111";
  font: normal normal normal 8px / 1 FontAwesome;
  font-weight: 900;
  color: #285763;
  position: absolute;
  top: 9px;
  left: -16px;
}

.shadow-box {
  height: 100%;
  position: relative;
  border-radius: 10px;
  -ms-box-shadow: var(--box-shadow);
  -o-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
  transition: all 0.3s ease-out 0s;
}

.shadow-box:hover {
  transform: translateY(-10px) !important;
}

.shadow-box img {
  height: 200px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.content-area {
  padding: 1.5rem;
}

.shadow-box p {
  margin-bottom: 80px !important;
}

.shadow-box .btn {
  position: absolute;
  left: auto;
  bottom: 20px;
}

.useful-links {
  padding: 50px 0;
  background-color: #fff !important;
  border-top: 3px solid rgba(234, 234, 234, 1);
  margin-top: 30px;
}
.useful-links .card {
  position: relative;
  height: 100%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.useful-links .h5 {
  font-size: 22px;
  font-weight: 900;
  line-height: 26px;
  margin-bottom: 0;
  top: -16px;
  left: 15px;
  background: #fff;
  position: absolute;
  padding: 0 10px;
}
.useful-links .list-unstyled {
  margin-top: 20px;
  margin-left: 15px;
  columns: 2;
  column-gap: 10px;
}
.list-unstyled li {
  break-inside: avoid;
}
.useful-links .list-unstyled li a {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #195ca1 !important;
  font-family: "proxima-nova", sans-serif !important;
  text-decoration: none;
}
.useful-links .list-unstyled li a i {
  font-size: 10px;
  margin-right: 5px;
}
.useful-links .list-unstyled.no-column {
  columns: inherit;
}
.didyouknow .h5 {
  font-size: 22px;
  font-weight: 900;
  padding: 0;
  font-style: italic;
  position: initial;
  line-height: 22px;
  margin-bottom: 5px;
}
.didyouknow p {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.didyouknow a {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #195ca1 !important;
  text-decoration: none;
}
.didyouknow a i {
  font-size: 10px;
}
.didyouknow img {
  height: 100%;
  object-fit: cover;
}
/* slider section */
#mixedSlider {
  position: relative;
}

#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5%;
}

#mixedSlider .MS-content .item {
  display: inline-flex;
  width: 33.333%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  white-space: normal;
  padding: 0 10px;
  height: 290px;
}

.content-item {
  background-color: #00457e;
  padding: 20px;
  height: 100%;
}

#mixedSlider .MS-content .item .blogTitle {
  margin: 0;
  text-align: left;
  font-size: 20px;
  color: #ffc12e !important;
  width: 100%;
  bottom: 0;
  font-weight: 900 !important;
  line-height: 22px !important;
  margin-bottom: 20px;
}

#mixedSlider .MS-content .item p {
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 19px !important;
  margin-bottom: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

#mixedSlider .MS-content .item a {
  margin: 0 20px 0 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #ffc12e;
  transition: linear 0.1s;
  text-decoration: none;
}

#mixedSlider .MS-content .item a:hover {
  text-shadow: 0 0 1px grey;
}

#mixedSlider .MS-content .item a i {
  font-size: 10px;
}

#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 95px;
  color: #fff;
  transition: 0.15s linear;
}

#mixedSlider .MS-controls button:hover {
  color: #ffc12e;
}

@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}

@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 100%;
  }
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 20px;
  }
}

#mixedSlider .MS-controls .MS-left {
  left: 0px;
}

@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}

#mixedSlider .MS-controls .MS-right {
  right: 0px;
}

@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}
.mobile-show {
  display: none;
}
/* ================================ Inner page Style ============================= */
.official-card {
  background-color: rgba(234, 234, 234, 1);
  padding: 20px;
  border-radius: 6px;
}

.members-card img {
  width: 100%;
  background: #000;
  height: 200px;
  object-fit: cover;
  object-position: top;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.report-btn-section {
  background-color: rgba(234, 234, 234, 1);
  margin-top: 80px;
  padding: 50px 0;
}

/* ============================== Event Style ============================== */
.event-section h3 {
  color: rgba(6, 79, 153, 1);
  font-size: 35px;
  font-weight: 900;
  line-height: 42px;
  margin-bottom: 16px;
}
.event-section .heading-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.event-section .heading-section .news-innerbtn {
  margin-bottom: 0 !important;
}
.event-card {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(17, 24, 39, 0.1);
  background: #ffffff;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.event-image {
  position: relative;
  height: 220px;
  flex-shrink: 0;
}

.event-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event-date {
  position: absolute;
  bottom: -12px;
  left: 15px;
  background: #f4d000;
  padding: 8px 16px;
  border-radius: 6px;
  /*     font-weight: bold; */
  /*     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); */
}

.event-title {
  font-size: 22px;
  font-weight: 700;
  margin-top: 10px;
  color: #1a2732;
  text-decoration: none;
}

/*       .event-title:hover {
        color: #005983;
      } */

.event-desc {
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #000;
  margin-top: 10px;
  flex-grow: 1;
}
.shelter-image-slider button {
  min-width: 45px !important;
}
/* ============================== Site Footer Style ============================== */
footer {
  background: #2b2b2b;
  color: #fff;
  padding: 50px 0;
}

footer a {
  color: #fff;
  text-decoration: none;
  font-weight: 400 !important;
}
footer a:hover {
  color: #ffc12e;
}
footer .h6 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 900;
  line-height: 22px;
}
footer p {
  font-size: 18px;
  font-weight: 400 !important;
  line-height: 22px;
}
.footer-logo-section .img-box {
  background-color: #fff;
  text-align: center;
  height: 100%;
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.footer-logo-section .img-box span {
  font-size: 14px;
  font-weight: 900;
  line-height: 16px;
  color: #064f99;
  display: block;
  margin-top: 10px;
}
.copy-right {
  font-size: 14px;
  line-height: 17px;
}
.copy-right span {
  margin-right: 20px;
  font-weight: 400 !important;
}

/*===================Meeting Page ==================================*/
/*** Meetings page styles**/

.text-btn {
  color: #ffc12e !important;
}
.city-departments .searchBar {
  margin: 8px !important;
}

.page-titile {
  color: #064f99;
  font-size: 45px;
  font-weight: 900;
}
.page-header {
  margin-top: 32px;
}
/*** table design **/

.custom-table tbody tr:nth-of-type(2n) {
  background-color: #f5f5f5 !important;
}

/*** Meeting Accordian **/

/* .meeting-accordian  .accordion .card-header
  {
    background: transparent !important;
    color:#064F99;
  } */
.meetings-list {
  margin-bottom: 48px;
}

.meeting-accordian .accordion .collapsed {
  background: #ededed !important;
}
.meeting-accordian .accordion {
  background: #fff !important;
  color: #064f99 !important;
}
.meeting-accordian .accordion .accordian-header button {
  color: #064f99;
}
.meeting-accordian .accordion .accordian-header button::before {
  content: "\F282";
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 600 !important;
  color: #064f99;
  vertical-align: middle;
}

.meeting-accordian .accordion .accordian-header button.collapsed::before {
  content: "\f284";
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 600 !important;
  color: #064f99;
  vertical-align: middle;
}
.link-txt {
  font-weight: 600;
  color: #064f99 !important;
  text-decoration: none;
}
a.dropdown-item {
  text-decoration: none;
  padding: 8px 16px;
}
a.dropdown-item i {
  margin: 0 12px;
}
a.dropdown-item i svg {
  width: 20px;
}
a.dropdown-item i svg path {
  fill: #646464 !important;
}
.dropdown-menu {
  background: #2b2b2b;
  font-size: 18px;
  padding: 6px 14px 16px;
  min-width: 280px;
}
.dropdown-menu .dropdown-item {
  color: #ffc12e;
  font-size: 16px;
}
.dropdown-menu .dropdown-menu :hover {
  color: #fff;
  background-color: #646464;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #646464;
  color: #fff;
}
a.dropdown-item:hover i svg path {
  fill: #fff !important;
}
.dropdown-menu .text-btn {
  font-size: 18px !important;
}
.image-card {
  height: 100%;
}
.image-card .elementor-image-box-img img {
  max-width: 100% !important;
}

.banner {
  position: relative;
  /*   overflow: hidden; */
  padding: 60px 0 0 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.13) 0%,
    rgba(0, 0, 0, 0.48) 100%
  );
}

.banner #heroCarousel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1; /* keeps it in the background */
}

.banner #heroCarousel img {
  height: 600px;
  object-fit: cover;
}
/* -------------------------------------------- */
.search-section h1 {
  font-size: 44px !important;
  font-weight: 700;
  color: #ffffff;
  line-height: 52px;
  margin-bottom: 26px;
}

/* First 3 links */
/* .nav a:nth-child(-n+3) {
   
    color: rgba(255, 193, 46, 1) !important;
      font-size: 18px;
    font-weight: 900;
      line-height: 22px;
      text-transform: uppercase;
  } */
.nav a {
  color: rgba(255, 193, 46, 1) !important;
  font-size: 16px;
  font-weight: 900;
  line-height: 22px;
  text-transform: uppercase;
  text-decoration: none;
}
.secondry-menu a {
  text-transform: capitalize;
}

/* .nav a:nth-last-child(-n+3) {
   
    color: rgba(255, 193, 46, 1) !important;
      font-size: 18px;
    font-weight: 700;
      line-height: 19px;
  } */

.logo-badge img {
  width: 104px;
  margin-right: 10px;
}

.nav-menu .nav-link {
  text-decoration: none;
}
/*** Navigation dropdow ****/
.nav-menu .dropdown-menu {
  background-color: rgba(0, 69, 126, 1);
  border: 0 !important;
  border-radius: 0 !important;
  transform: translate3d(0px, 30px, 0px) !important;
}
.nav-menu.secondry-menu .dropdown-menu {
  transform: translate3d(-176px, 30px, 0px) !important;
}
.nav-menu .dropdown-menu .dropdown-item {
  color: #fff !important;
  text-transform: unset;
  font-weight: 700;
}
.nav-menu .dropdown-menu .dropdown-item:hover {
  background: transparent !important;
  color: rgba(255, 193, 46, 1) !important;
}
.contact-box {
  background-color: #292929 !important;
  padding: 24px;
}

.mobile-menu-header {
  display: none;
}
/* Side Menu (offcanvas style) */
.mobile-menu {
  position: fixed;
  top: 0;
  right: -300px; /* Hidden by default */
  width: 260px;
  background: #292929;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3);
  transition: right 0.3s ease-in-out;
  z-index: 1050;
  height: 100%;
}
.mobile-menu .scroll-content {
  overflow-y: auto;
  height: 100vh;
}

/* When menu is shown */
.mobile-menu.show {
  right: 0;
}
.mobile-menu-header .close-menu {
  color: rgba(255, 193, 46, 1) !important;
  background: #0e4b89;
  position: absolute;
  top: 50px;
  left: -50px;
  min-width: 50px;
}
.mobile-menu .nav-menu {
  /*   margin-left:12px; */
  background: #0e4b89;
}
.dropdown-toggle-m::before {
  content: "\f053";
  font-family: "FontAwesome";
}
.mobile-menu .list-group {
  border: 0px !important;
  margin-top: 20px !important;
}
.mobile-menu .list-group-item {
  background: transparent !important;
  border: 0px !important;
}

.mobile-menu .list-group-flush .list-group-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.mobile-menu .list-group-item i {
  margin-right: 8px;
}
.list-group-item .collapse.show {
  margin-top: 12px;
}

.list-group-item .collapse.show .list-group-flush a {
  color: #fff !important;
}
.mobile-menu .list-group-item a.collapse:not(.show) {
  color: #fff !important;
}
.bg-blue-icon {
  background: rgba(0, 0, 0, 0.13);
  color: rgba(255, 193, 46, 1) !important;
  padding: 10px;
  /* text-align: center; */
  align-items: center;
  display: flex;
  border-radius: 4px;
  justify-content: center;
}
.mobile-menu-header .phone {
  position: absolute;
  left: 0;
}
.mobile-menu-header .humburger-icon {
  position: absolute;
  right: 0;
}
.nav-menu .nav-link[aria-expanded="true"] {
  color: #fff !important;
}
.nav-menu .list-group-item a[aria-expanded="true"] {
  color: #fff !important;
}
.list-group-flush li a {
  font-size: 14px !important;
  text-transform: capitalize;
  font-weight: 700;
}

.dropdown-menu .dropdown-item {
  position: relative;
  padding: 10px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/*   .dropdown-menu .dropdown-item::after {
      content: "";
      position: absolute;
      left: 2px;
      right: 2px;
      bottom: 0;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.3) !important;
      width: 95%;
  
    } */
.dropdown-menu .dropdown-item:last-child::after {
  display: none;
}
.sub-menu-toggle {
  display: none !important;
}
.dept-card .list-unstyled a:hover {
  color: #232323;
}
.contact-card {
  border-left: 2px solid rgba(255, 193, 46, 1);
  padding: 0 16px;
}
.contact-heading {
  color: rgba(0, 0, 0, 1);
  font-size: 19px;
  font-weight: 900;
}
.card-heading {
  color: rgba(0, 0, 0, 1);
}
strong {
  font-weight: 900;
}
.members-card.card {
  border: none !important;
}
.members-card .card-body {
  padding: 12px 0;
}
.text-white {
  color: #fff;
}

.mobile-menu-header .nav-menu .dropdown-menu {
  transform: translate3d(0px, 55px, 0px) !important;
}
.mobile-menu-header .nav-menu li:last-child .dropdown-menu {
  transform: translate3d(-92px, 68px, 0px) !important;
}
.nav-menu.primary-menu .dropdown-menu:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgb(0, 69, 126);
  border-bottom-color: rgb(0, 69, 126);
  position: absolute;
  top: -7px;
  left: 9px;
}
.nav-menu.secondry-menu .dropdown-menu:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgb(0, 69, 126);
  border-bottom-color: rgb(0, 69, 126);
  position: absolute;
  top: -7px;
  right: 9px;
}
.mobile-menu-header .nav-menu .dropdown-menu:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgb(0, 69, 126);
  border-bottom-color: rgb(0, 69, 126);
  position: absolute;
  top: -7px;
  left: 9px;
}

/*** Meetings page styles**/
.city-departments {
  background-color: #2b2b2b;
  margin-bottom: 30px;
}
.text-btn {
  color: #ffc12e !important;
}
.city-departments .searchBar {
  margin: 8px !important;
}

.city-departments #searchQueryInput {
  background-color: #616161;
  padding: 14px 22px;
  color: #ffc12e;
}
.city-departments #searchQueryInput::placeholder {
  color: #f5f5f5;
}
.page-titile {
  color: #064f99;
}
.page-header {
  margin-top: 32px;
}
/*** table design **/

.custom-table thead {
  background: #2b2b2b;
  color: #fff;
}
.custom-table tbody tr:nth-of-type(2n) {
  background-color: #f5f5f5;
}

/*** Meeting Accordian **/

/* .meeting-accordian  .accordion .card-header
  {
    background: transparent !important;
    color:#064F99;
  } */
.meetings-list {
  margin-bottom: 48px;
}

.meeting-accordion .accordion .accordion-header button {
  color: #064f99 !important;
}
.meeting-accordion .accordion .accordion-header button::before {
  content: "\F282";
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 600 !important;
  color: #064f99;
  vertical-align: top;
}
.meeting-accordion .accordion .accordion-header button.collapsed::before {
  content: "\f284";
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 600 !important;
  color: #064f99;
  vertical-align: top;
}
/* .meeting-accordion .accordion .collapsed
  {
     
     background: #EDEDED !important;
  }
  .meeting-accordion .accordion 
  {
    background: #fff !important;
    color:#064F99 !important;
  }
  .meeting-accordion .accordion .accordian-header button
  {
    color:#064F99 !important;
  }
  .meeting-accordion .accordion .accordian-header button::before
  {
   content: "\F282";
     font-family: bootstrap-icons !important;
      font-style: normal;
      font-weight: 600 !important;
      color:#064F99;
      vertical-align: middle;
  }
  
  .meeting-accordion .accordion .accordian-header button.collapsed::before
  {
     content: "\f284";
     font-family: bootstrap-icons !important;
      font-style: normal;
      font-weight: 600 !important;
      color:#064F99;
      vertical-align: middle;
  } */

a.dropdown-item {
  text-decoration: none;
  padding: 8px 16px;
}
a.dropdown-item i {
  margin: 0 12px;
}
a.dropdown-item i svg {
  width: 20px;
}
a.dropdown-item i svg path {
  fill: #646464 !important;
}
.dropdown-menu {
  background: #2b2b2b;
  font-size: 18px;
}
.dropdown-menu .dropdown-item {
  color: #ffc12e;
  font-size: 16px;
}
.dropdown-menu .dropdown-menu :hover {
  color: #fff;
  background-color: #646464;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #646464;
  color: #fff;
}
a.dropdown-item:hover i svg path {
  fill: #fff !important;
}
.dropdown-menu .text-btn {
  font-size: 18px !important;
}

.chevron-icon {
  transition: transform 0.3s ease;
}

/* When the link is expanded */
a[aria-expanded="true"] .chevron-icon {
  transform: rotate(-90deg); /* rotate left arrow downward */
}

/*--------- Accordian Starts Here ----------*/

.elementor-accordion
  .elementor-accordion-item
  .elementor-tab-title
  .elementor-accordion-title {
  font-size: 30px !important;
  font-weight: 900;
  line-height: 1.2;
  color: #064f99;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title {
  display: flex;
  align-items: center;
  background-color: rgba(237, 237, 237, 1);
}

.elementor-accordion
  .elementor-accordion-item
  .elementor-tab-title.elementor-active {
  background-color: unset !important;
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
  fill: rgba(6, 79, 153, 1);
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon {
  margin-right: 8px;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-content,
.elementor-accordion .elementor-accordion-item {
  border: none !important;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-content {
  padding: 15px 20px 15px 64px !important;
}

.elementor-accordion .elementor-accordion-item:has(.elementor-active) {
  border: 2px solid rgba(255, 193, 46, 1) !important;
}

.elementor-accordion .elementor-accordion-item {
  margin-bottom: 26px;
}

/*--------- Accordian Ends Here ----------*/

/*--------- Img + Text Starts Here ----------*/

.img-text img {
  width: 100% !important;
  height: 200px !important;
}

.img-text .elementor-widget-text-editor a {
  font-weight: 700 !important;
}

.img-text .elementor-widget-text-editor a:hover {
  color: #9bbfe4 !important;
}

/*--------- Img + Text Ends Here ----------*/

/*--------- Image Box Starts Here ----------*/

.elementor-widget-image-box {
  padding: 4px 4px 16px 4px;
  background-color: #fff;
}

.elementor-widget-image-box
  .elementor-image-box-wrapper
  .elementor-image-box-img
  img {
  max-width: 100% !important;
  height: 184px !important;
}

.elementor-widget-image-box
  .elementor-image-box-wrapper
  .elementor-image-box-img {
  width: 100% !important;
}

.elementor-widget-image-box
  .elementor-image-box-wrapper
  .elementor-image-box-title {
  margin-bottom: 4px !important;
  font-weight: 700 !important;
  color: #010101 !important;
  line-height: 25px !important;
}

.elementor-widget-image-box
  .elementor-image-box-wrapper
  .elementor-image-box-description {
  color: #010101 !important;
  line-height: 22px !important;
}

/*--------- Image Box Ends Here ----------*/

/*--------- Buttons Box Starts Here ----------*/

.elementor-top-section .elementor-container .buttons-box-p {
  padding: 36px 50px !important;
  background-color: rgba(234, 234, 234, 1);
  margin-top: 24px;
  margin-bottom: 24px;
}
/*--------- Buttons Box Ends Here ----------*/

.elementor-container {
  max-width: 1290px !important;
}

ul {
  list-style-position: outside; /* keeps bullets aligned properly */
  padding-left: 20px; /* space for bullets */
}

ul li {
  margin-bottom: 8px; /* spacing between list items */
  line-height: 1.375; /* better readability */
}
.document_List ul li {
  background: #f5f5f5;
  margin: 6px !important;
  padding: 8px !important;
  border-radius: 7px;
  color: #064f99;
}

.card-title-heading {
  margin-bottom: 6px;
}
.nav-menu .sub-menu li a {
  color: #fff !important;
  font-size: 16px !important;
  text-transform: capitalize !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.nav-menu .sub-menu li a:hover {
  color: #ffc12e !important;
}
.gform_wrapper {
  padding: 0px 0 30px 0;
}
.gform_wrapper .gfield_label {
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.gform_wrapper input[type="text"] {
  border: 1px solid #767676 !important;
  border-radius: 6px !important;
}
.gform_wrapper .gform_button {
  border-radius: 7px !important;
  background-color: rgba(14, 75, 137, 1) !important;
  color: rgba(255, 193, 46, 1) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  padding: 15px 20px !important;
}
.gform_wrapper .gform_button:hover {
  background-color: rgb(14 75 137 / 69%) !important;
}
.gform_wrapper ol,
.gform_wrapper ul {
  margin-left: 20px;
}

.cob-accordian-withdocuments ul li {
  list-style: none !important;
}

.cob-accordian-withdocuments ul li {
  background: #f5f5f5;
  margin: 6px !important;
  padding: 8px !important;
  border-radius: 7px;
  color: #064f99;
}
.cob-accordian-withdocuments ul li ul li {
  margin: 6px 0 !important;
  padding: 8px !important;
}

/* -------- News Template Styles ------------ */

.news h1 {
  font-size: 45px;
  font-weight: 900;
  line-height: 54px;
  color: var(--primary-color);
}

.news-card {
  margin-bottom: 30px;
}

.news-card img {
  width: 100%;
  height: auto;
}

.news-card h2 a {
  font-size: 35px;
  font-weight: 900;
  line-height: 42px;
  color: var(--primary-color);
  margin-top: 10px;
}

.news-card a {
  text-decoration: none !important;
  word-break: break-word;
}

.news-card p {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #010101;
}

.news-card .read_more {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: var(--primary-color);
  text-transform: capitalize;
  text-decoration: none;
}

.sidebar {
  border-left: 2px solid #ffc12e;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .sidebar {
    border-top: 2px solid #ffc12e !important;
    padding-top: 12px;
    border-left: none !important;
    padding-left: 0 !important;
    margin-top: 12px;
  }
}

.sidebar h5,
.sidebar .h5 .sidebar .contact-heading .elementor-heading-title {
  font-size: 19px;
  font-weight: 900;
  line-height: 23px;
  color: var(--black-color);
}

.sidebar a {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: var(--primary-color);
  display: block;
  margin-bottom: 20px;
  text-decoration: none;
}

.sidebar a:hover {
  text-decoration: underline;
}

.news-innerimg img {
  width: 100%;
  height: 400px !important;
  object-fit: cover !important;
  margin-bottom: 20px;
}

.news-innerbtn {
  margin-bottom: 20px !important;
}

.news-innerbtn,
button {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: var(--secondary-color);
  background-color: var(--primary-color);
  border-radius: 7px;
  padding: 16px 20px;
}

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

/* ---- Button Style------- */
.news-innerbtn,
.elementor-button {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  color: var(--secondary-color) !important;
  background-color: var(--primary-color) !important;
  border-radius: 7px !important;
  padding: 16px 20px !important;
}

.news-innerbtn:hover,
.elementor-button:hover {
  background-color: #537fab !important;
}
/* ------------------------ */

.navbar-toggler-icon {
  height: auto !important;
}

/* -------- Officials 4 column cards -------------- */

.custom-image .elementor-container .elementor-column img {
  width: 100% !important;
  max-width: 100% !important;
  height: 270px !important;
  object-fit: cover;
}

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

/* -------- Officials 4 column cards -------------- */

.elected-officials {
  background-color: #eaeaea !important;
  padding: 30px;
}

.elected-officials .elementor-section img {
  height: 270px !important;
  width: 100% !important;
  max-width: 100% !important;
  object-fit: cover;
}

.elected-officials .cand-title p {
  font-size: 22px !important;
  line-height: 1.2 !important;
}

/* -------------- Officials 2 column cards -------------------- */

.two-officials .elementor-container .elementor-column img {
  height: 270px !important;
  width: 100% !important;
  max-width: 100% !important;
  object-fit: cover;
}

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

.sr-title {
  font-size: 34px !important;
}

/* .sr-wrap {
	width: 1290px !important;
}
 */
.sr-list .sr-item h2 a {
  font-size: 35px !important;
  font-weight: bold !important;
}

.sr-pagination .current {
  background-color: rgba(6, 79, 153, 1) !important;
  border: none !important;
  color: rgba(255, 193, 46, 1) !important;
}

/* -------------------------------------- */
.elementor-element a:hover,
.list-unstyled li a:hover,
.didyouknow a:hover {
  text-decoration: underline;
  text-decoration-color: rgba(6, 79, 153, 1) !important;
}

.footer-logo-section a:hover {
  text-decoration: none !important;
}

.table thead th {
  vertical-align: middle !important;
}
.department-menu .dropdown-menu {
  transform: translate3d(0px, 30px, 0px) !important;
}
.address-box {
  background: #eaeaea !important;
  border-radius: 4px;
  margin-top: 32px;
}

.Department-list ul li {
  background: #0e4b89;
  margin: 6px 4px 6px 0 !important;
  padding: 8px !important;
  border-radius: 7px;
  color: #ffc12e !important;
}
.Department-list {
  margin: 12px 0;
}
.Department-list ul li a {
  color: #ffc12e !important;
  margin-bottom: 0 !important;
}

.elementor-widget-image img {
  height: 100% !important;
}
/*-------Jobs page styles-------*/
.job-list {
  border: 1px solid #0e4b89;
  padding: 18px;
  border-radius: 8px;
  margin: 16px 0;
}
.list-style1 {
  list-style: none;
  padding-left: 0 !important;
  /* margin-left: -52px; */
}
.list-style1 li {
  display: inline-block;
}
.list-style1 li span {
  font-weight: bold;
  margin: 8px;
}
.outline-btn {
  border: 1px solid #0e4b89;
  padding: 6px 18px;
  border-radius: 8px;
  margin: 16px 0;
  text-decoration: none !important;
  background: #0e4b89;
  color: #ffc12e;
  font-size: 14px;
  line-height: normal;
}
.outline-btn:hover {
  color: #ffc12e;
}
.form-control {
  height: 36px;
  font-size: 1.4rem;
}

/* Pagination styling (rounded boxes like your original) */
.sr-pagination {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  /* change to center if you prefer */
  align-items: center;
  margin: 24px 0 8px;
}

.sr-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  padding: 8px 14px;
  border: 1px solid #e1e5ea;
  border-radius: 12px;
  text-decoration: none;
  line-height: 1;
  transition: all 0.15s ease-in-out;
  background: #fff;
}

.sr-pagination a.page-numbers:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.sr-pagination .current {
  background: #0b5ea8;
  /* brand blue */
  color: #ffc12e;
  border-color: #0b5ea8;
  font-weight: 600;
}

/* make «Prev/Next» boxes match */
.sr-pagination .prev,
.sr-pagination .next {
  padding: 8px 14px;
}

/* .mobile-menu-header .nav-menu .nav-link  {
    text-decoration: none;
    max-width: 120px;
    text-align: center;
	}
	.mobile-menu-header .nav-menu .sub-menu li a {
    text-align: left;
    color: #fff !important;
    font-size: 16px !important;
    text-transform: capitalize !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    max-width: 100%;
} */

@media screen and (max-width: 767px) {
  .mobile-menu-header .nav-menu .dropdown-menu,
  .mobile-menu-header .nav-menu li:last-child .dropdown-menu {
    transform: translate3d(0px, 36px, 0px) !important;
  }
  .useful-links .container {
    width: 100%;
  }
}

@media screen and (max-width: 550px) {
  .mobile-menu-header .nav-menu li:last-child .dropdown-menu {
    transform: translate3d(0px, 36px, 0px) !important;
  }

  .mobile-menu-header .nav-menu li:last-child .dropdown-menu:before {
    left: 260px !important;
  }
}

.nav-menu.secondry-menu .menu-item-has-children .dropdown-menu {
  transform: translate3d(-183px, 30px, 0px) !important;
}

@media (min-width: 768px) and (max-width: 1476px) {
  .nav-menu.secondry-menu .menu-item-has-children .dropdown-menu {
    transform: translate3d(2px, 30px, 0px) !important;
  }
}

@media (min-width: 1281px) and (max-width: 1319px) {
  .nav-menu.secondry-menu .menu-item-has-children .dropdown-menu {
    transform: translate3d(-168px, 30px, 0px) !important;
  }
}

@media (min-width: 768px) and (max-width: 1280px) {
  .nav-menu.secondry-menu .menu-item-has-children .dropdown-menu {
    transform: translate3d(-12px, 30px, 0px) !important;
  }
}
.list-items-inline li {
  display: inline;
  margin-left: 12px;
}
.bg-orange-dept {
  background: #fff3bd;
  padding: 5px 10px;
  justify-content: space-between;
  align-items: center;
}
.list-items-inline li a {
  color: #010101;
  text-decoration: none !important;
}

.elementor-widget-text-editor ol,
.elementor-widget-text-editor ul {
  margin-left: 20px;
  margin-bottom: 20px;
}
.heading-txt {
  font-size: 2.4rem;
}
.jobs-card h2 {
  font-size: 1.4rem;
}
.jobs-card .actions-btn {
  margin-right: 12px;
}
.jobs-card .list-style1,
.jobs-card .pl-40 {
  margin-left: 42px;
}
.jobs-card .btn.focus,
.jobs-card .btn:focus {
  box-shadow: none !important;
}
.values-section {
  background: #10569e !important;
  color: #fff !important;
  padding: 24px 0;
  border-radius: 16px;
}
.values-box-white {
  background: #fff !important;
  color: #10569e !important;
  padding: 12px;
  border-radius: 16px;
}
.values-box-white h4 {
  text-align: center;
}
.btn-select {
  width: 100%;
  min-width: 197px;
  height: 47px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ccc !important;
  padding: 0px 10px;
}
/*
The background and overlay need to be absolutely positioned
*/
.perks .image-box__background,
.perks .image-box__overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

/* 
The background image div sizes and positions the background itself.
It's also at the bottom-most position in our "div stack" (z-index 1)

We set the image url via a CSS custom property, that's set via the style attribute in our HTML
*/
.perks .image-box__background {
  background: var(--image-url) center center no-repeat;
  background-size: cover;

  z-index: 1;
}

/* 
The overlay div is just a colored element with some opacity.
It's above the background image in our stack, so it appears to 
darken the image 
*/
.perks .image-box__overlay {
  background: rgba(0, 0, 0, 0.8);

  z-index: 2;
}

/* 
The content div is at the top of our stack. 
We'd probably add some padding or flexbox properties here as well, 
to place the content appropriately
*/
.perks .image-box__content {
  position: relative;

  z-index: 3;

  /* Finally, style and place the content */
  color: white;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.perks .list-items-ordered li:before {
  color: #fff !important;
}
.mlr-5 {
  padding-left: 16px;
  padding-right: 16px;
}
.bg-dark-bento {
  background: #132f4c !important;
}
#videoCarousel .card {
  background: transparent !important;
  border: transparent !important;
}
#event-results .event-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Let card-body expand and manage layout */
#event-results .event-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Let title and description stack normally */
#event-results .event-title {
  margin-bottom: 0.5rem;
}

#event-results .event-description {
  flex: 1 1 auto; /* allows it to grow and push footer */
  margin-bottom: 1.5rem; /* optional */
}
#event-results .event-tags {
  margin-bottom: 1.5rem; /* optional */
}
/* Always push footer to the bottom */
#event-results .event-footer {
  margin-top: auto;
}
.calandar-accordian ul {
  margin-left: 16px !important;
}
.timely-agenda-events-date {
  background: #10569e;
  color: #fff;
  padding: 24px;
  display: flex;
  width: 250px;
}
.timely-month {
  margin-right: 4px;
}
.timely-day {
  margin-right: 4px;
}

#agenda_view_content .collapsible {
  width: 100% !important;
  text-align: left;
}
.cal-title {
  width: 100%;
  margin-right: 16px !important;
  color: #10569e !important;
}
.cal-title p {
  margin-left: 20px !important;
}
.cal-title h4 {
  /* 	text-align:right;  */
  margin-top: 12px;
  margin-left: 12px;
}
select {
  border: 1px solid #ddd;
  margin-bottom: 8px !important;
  margin-left: 2px !important;
  height: 32px;
}
/* .btn-select
{
	display:none !important;
} */
#agenda_view_content .content {
  height: auto !important;
}
#agenda_view_content .collapsible {
  background: #ebf0f1;
  margin-bottom: 4px !important;
}
#agenda_view_content .content {
  background: #ebf0f1;
  margin-bottom: 10px;
  border-top: 1px solid #ddd;
}
.vodiapicker {
  display: none;
  position: relative;
}
.lang-select {
  margin-left: 50px;
  position: relative;
  z-index: 99;
}
.btn-select {
  width: 100%;
  min-width: 197px;
  height: 47px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ccc !important;
  padding: 0px 10px;
  color: #000;
}
.btn-select:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  color: #3d3e3e;
  font-weight: bold;
  position: absolute;
  right: 13px;
  font-size: 15px;
  top: 16px;
}
.btn-select li {
  list-style: none;
  float: left;
  padding-bottom: 0px;
}
.btn-select:after {
  content: "\F282";
  font-family: bootstrap-icons !important;
  color: #3d3e3e;
  font-weight: bold;
  position: absolute;
  right: 13px;
  font-size: 15px;
  top: 16px;
}
.b {
  display: none;
  width: 100%;
  max-width: 350px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  background: #fff;
}
#a {
  padding-left: 10px;
}
#a li:hover {
  background-color: #f4f3f3;
}
#a li {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.calendar-table th {
  color: #fff !important;
  background: #10569e !important;
}
.popover {
  border: 1px soild #376882;
  padding: 12px;
  font-size: 14px;
}
#tribe-events-pg-template {
  max-width: 100% !important;
  padding: 0 !important;
}
.custom-list-1 {
  list-style: none !important;
}
.popover {
  position: absolute;
  top: 25px;
  left: 40px;
  z-index: 99;
  display: none;
  min-width: 276px;
  padding: 5px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
  box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
  padding: 10px;
  margin-top: 30px;
  border-radius: 8px;
  color: #0c0c0c;
  border: 2px solid #898b87;
  box-shadow: 1px 11px 20px 5px rgb(14 30 84 / 39%);
  box-shadow: rgb(14 30 84 / 21%) 2px 2px 10px 0px;
}
.popover-heading {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
.event.all-day.end {
  border-right: 1px solid #9acfea;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #10569e;
  color: #fff;
}
.event.all-day.begin {
  border-left: 1px solid #9acfea;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #10569e;
  color: #fff;
}
.event.all-day {
  border-top: 1px solid #9acfea;
  border-bottom: 1px solid #9acfea;
  background: #10569e;
  color: #fff;
  /*    background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%); 
    background-repeat: repeat-x;
    color: #31708f; */
  border-width: 1px;
}
.event.end {
  border-right: 1px solid #b2dba1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.event.begin {
  border-left: 1px solid #b2dba1;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.event {
  border-top: 1px solid #b2dba1;
  border-bottom: 1px solid #b2dba1;
  /*     background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%); */
  background-repeat: repeat-x;
  color: #3c763d;
  border-width: 1px;
  font-size: 0.75em;
  padding: 0 0.75em;
  line-height: 2em;
  white-space: nowrap;
  /*overflow: hidden;*/
  text-overflow: ellipsis;
  margin-bottom: 1px;
}
.calendar-day {
  width: 100px;
  /*     min-width: 100px; */
  max-width: 100px;
  height: 80px;
}
.calendar-day {
  position: relative;
}
.calendar-modal .calendar-heading {
  margin-top: 10px !important;
  opacity: 0.5;
}
.calendar-modal p {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-size: 12px;
  font-weight: 700;
}
.calendar-modal a {
  cursor: pointer;
  color: #0059cc;
  outline: none;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.btn-link {
  font-size: 1.8rem !important;
}
event.category-region-4-events,
.event.category-region-4-events.all-day,
.event.category-region-4-events.begin,
.event.category-region-4-events.end {
  background-color: #4285f4 !important;
  color: black;
}
.news-innerbtn {
  text-decoration: none !important;
}
.btn-cal {
  width: 50px !important;
  min-width: 50px;
}
.useful-links .list-unstyled li a i {
  margin-left: -12px;
}

/** Ato z index **/
.top-search-section label {
  /* color: #fff; */
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.searchInputWrapper {
  position: relative;
  /* background: #fff; */
  padding: 3px 10px 3px 20px;
  width: 100%;
  display: flex;
  border: 1px solid #10569e;
  border-radius: 4px;
}
.searchInput {
  width: 100%;
  border: none;
  margin-left: 5px;
  padding: 10px;
}
.search-btn {
  background-color: transparent;
}
.alphabet-line {
  display: flex;
  align-items: center;
}
.all-link {
  margin-right: 20px;
}
.atoz .alphabet-line .all-link a {
  font-weight: 500;
  color: #000 !important;
  border-bottom: 2px solid #fff;
  text-decoration: none !important;
}
.atoz .alphabetNav {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-flow: wrap row;
  padding: 0.5rem;
}

.atoz .alphabetNav a {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
  text-decoration: none;

  /* border-right: 1px solid rgba(var(--primary-color), 0.25); */
  position: relative;
  width: 28px;
}

.alphabetNav a:hover {
  background: #537fab;
}
.alphabetNav a::after {
  content: " ";
  position: absolute;
  right: -8px;
  top: 0px;
  color: rgba(var(--primary-color), 0.25);
  width: 1px;
  height: 25px;
  background-color: rgba(var(--primary-color), 0.25);
}
.alphabetNav a:last-child:after {
  display: none;
}
.alphabetNav .active {
  background: var(--white-color);
}
.alphabetNav span {
  color: rgba(var(--primary-color), 0.25);
}
.list-pages-section .h3 {
  margin-top: 20px;
  font-size: 32px;
  color: #333;
  margin-bottom: 5px;
}

.list-pages-section ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}

.list-pages-section li {
  padding: 2px 0;
  list-style: disc;
  margin-left: 20px;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

.list-pages-section .letter-section {
  border-bottom: 2px solid #e7e1ec;
  padding-bottom: 30px;
}

.list-pages-section li a {
  /* font-family: "Whitney"; */
  color: rgba(var(--primary-color));
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
}

.list-pages-section li a:hover {
  text-decoration: underline;
}
.atoz .search-btn {
  padding: 0 10px;
}
.alphabetNav a {
  background: #10569e;
  color: #ffc12e;
  margin: 4px;
  padding: 8px;
  border-radius: 4px;
}

/** shelter***/

/***metting accordian ***/

.meeting-accordion .card {
  margin-bottom: 10px;
  border: 1px solid #ddd !important;
}
.meeting-accordion .card .accordion-header .collapsed {
  background: #ededed !important;
}

.meeting-accordion .card .accordion-header h2 {
  line-height: 0 !important;
}
#myCategoryBtn {
  color: #ffc12e;
  background-color: rgb(14, 75, 137);
  border-radius: 7px;
  font-size: 23px;
  font-weight: bold;
  min-width: initial;
  padding: 0 18px !important;
}
.submit-link h3 a {
	    font-weight: 700;
}
/* ============================== Media Query =============================== */
@media (min-width: 1320px) {
  .nav a {
    font-size: 16px !important;
  }

  .popular-search-section .search-heading {
    margin-right: 4px;
  }
  h1,
  .h1 {
    font-size: 4.5rem;
    color: rgba(6, 79, 153, 1);
  }

  h2,
  .h2 {
    font-size: 3.5rem;
    color: rgba(6, 79, 153, 1);
  }

  h3,
  .h3 {
    font-size: 2.8rem;
  }

  h4,
  .h4 {
    font-size: 2.2rem;
  }

  h5,
  .h5 {
    font-size: 1.8rem;
  }

  h6,
  .h6 {
    font-size: 1.6rem;
  }
  .utility-left-content span {
    font-size: 14px;
  }
  .nav a {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1290px;
  }
}
@media (max-width: 1280px) {
  .nav a {
    font-size: 14px !important;
  }
  .logo-text .city-name {
    font-size: 28px;
  }
  .logo-text .city-caption {
    font-size: 20px;
  }
  .search-section {
    margin-left: 12px;
  }
  .search-section h1 {
    font-size: 36px !important;
  }
  .popular-search-section .search-heading {
    font-size: 14px;
  }
  .about {
    padding: 70px 12px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .desktop-menu-header {
    display: none;
  }
  .mobile-menu-header {
    display: block;
  }
  .links-box {
    max-width: 100% !important;
    flex: 0 0 100%;
    margin-bottom: 18px;
  }
  .didyouknow {
    max-width: 100% !important;
    flex: 0 0 100%;
    margin-bottom: 12px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 576px) and (max-width: 767px) {
}
@media (max-width: 991px) {
.members-card img {
		height: auto;
	}
}
	
@media (max-width: 768px) {
	h2,
  .h2 {
    font-size: 3rem;
    color: rgba(6, 79, 153, 1);
  }
  .page-titile {
    font-size: 25px;
  }
  .contact-heading {
    font-size: 16px;
  }
	.members-card img {
		height: auto;
	}
}

@media (max-width: 767px) {
  .document_List ul li a {
    word-break: break-all;
  }
  .Department-list ul li a {
    word-break: break-all;
  }
  h1,
  .h1 {
    font-size: 2.5rem;
    color: rgba(6, 79, 153, 1);
  }

  h2,
  .h2 {
    font-size: 2.5rem;
    color: rgba(6, 79, 153, 1);
  }

  h3,
  .h3 {
    font-size: 2rem;
  }

  h4,
  .h4 {
    font-size: 1.8rem;
  }

  h5,
  .h5 {
    font-size: 1.6rem;
  }

  h6,
  .h6 {
    font-size: 1.6rem;
  }

  .desktop-menu-header {
    display: none !important;
  }

  .mobile-menu-header {
    display: block !important;
  }
  .department-menu {
    flex-direction: column-reverse;
  }
  .m-card {
    flex-direction: column-reverse;
  }
  .m-card .elementor-container {
    display: flex;
    flex-direction: column-reverse;
  }
  .desktop-show {
    display: none;
  }
  .mobile-show {
    display: block;
  }
  .hero-section h2 {
    font-size: 2.8rem;
  }
  .utility {
    height: 50px;
  }
  .utility .utility-left-content,
  .utility .utility-right-content {
    display: none;
  }
  /* header .main-content,
    header .main-content .logo-section {
      display: block !important;
      text-align: center;
    } */
  header .main-content .logo-section {
    margin-top: -44px;
  }
  .search-section {
    margin-bottom: 30px;
  }
  .hero {
    padding: 200px 0 0 0;
    background-size: initial;
  }
  .hero h1 {
    font-size: 20px;
    text-align: center;
  }
  .dept-card {
    padding: 30px 20px;
  }
  .dept-card a {
    font-size: 16px;
  }
  .about-box {
    margin-bottom: 20px;
  }
  .useful-links .links-box {
    margin-bottom: 30px;
  }
  .useful-links .list-unstyled {
    columns: initial;
  }
  .didyouknow .text-left {
    text-align: center !important;
  }
  .didyouknow h5 {
    margin-top: 20px;
  }
  footer {
    text-align: center;
  }
  .footer-logo-section .col-md-4 {
    margin-bottom: 20px;
  }
  .copy-right span {
    display: block;
  }
  .footer-logo-section .img-box {
    width: 70%;
    margin: 0 auto;
  }
  footer .col-md-6 {
    margin-bottom: 30px;
  }
  .logo-text .city-name {
    font-size: 28px;
  }
  .logo-text .city-caption {
    font-size: 20px;
  }

  #accordionMeeting h2.d-flex {
    display: block !important;
  }
  #accordionMeeting h2 .justify-content-end {
    justify-content: flex-start !important;
    margin-left: 20px;
  }
  .layout-t-pd {
    padding-top: 20px;
  }
  .event-section .heading-section {
    display: block;
  }
  .event-section .heading-section .news-innerbtn {
    display: inline-block;
    margin-top: 20px;
  }
	.members-card img {
		height: auto;
	}
}

@media (max-width: 575px) {
  /* Hide table header */
  .responsive-table thead {
    display: none;
  }

  .responsive-table,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display: block;
    width: 100%;
  }

  .responsive-table tr {
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0.75rem;
    background: #fff;
  }

  .responsive-table td {
    display: flex;
    justify-content: flex-start;
    padding: 6px 0;
  }

  /* Show labels from data-label attr */
  .responsive-table td::before {
    /* content: attr(data-label) ": "; */
    font-weight: bold;
    width: 120px; /* adjust as needed */
    flex-shrink: 0;
  }

  .responsive-table td a {
    margin-right: 10px;
  }
  .responsive-table td,
  .responsive-table .table th {
    border: 0 !important;
  }
}
@media (max-width: 380px) {
  .logo-text .city-name {
    font-size: 26px;
  }
  .nav-menu a {
    font-size: 12px !important;
  }
}
@media print {
  a {
    text-decoration: none !important;
  }

  a[href]:after {
    content: none !important;
  }
}

.modal-header .close {
  font-size: 40px;
}



.dept-card::-webkit-scrollbar {
  width: 12px; 
  height: 12px;
}
.dept-card::-webkit-scrollbar-thumb { 
  background: #a97e0b;
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: padding-box;
}
.dept-card::-webkit-scrollbar-track { 
  background: transparent;
}
.contact-section.fbox {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
	height: 100%;
    box-shadow: 0 4px 12px 0 rgba(5, 5, 5, .08);
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.contact-section.fbox:hover {
-o-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
	}
.contact-section.fbox img {
    height: 150px;
    object-fit: cover;
    margin-bottom: 10px;
}