.container {
  padding: 0 !important;
}

.mainTopMenu {
  background: #0b4d2f;
  padding: 0;
}
.dcBackBtn {
  border: 1px solid var(--dc-blue);
  color: var(--dc-blue);
  padding: 6px 14px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s ease;
}
.dcBannerLeft{
  width: 100%;
}

.dcBackBtn:hover {
  background: var(--dc-blue);
  color: #fff;
}

.mainMenuUl .nav-link {
  color: #fff !important;
  font-size: 22px;
  font-weight: 700;
  padding: 22px 24px !important;
  transition: 0.25s ease;
}

.mainMenuUl .nav-link:hover {
  color: #ffc107 !important;
}

.mainDropdown {
  border-radius: 14px;
  border: none;
  padding: 10px;
  margin-top: 12px;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);
}

.mainDropdown .dropdown-item {
  font-weight: 600;
  font-size: 15px;
  padding: 10px 14px;
  border-radius: 10px;
}

.mainDropdown .dropdown-item:hover {
  background: rgba(11, 77, 47, 0.12);
}

.submenuIndent {
  padding-left: 12px;
  margin-top: 6px;
  border-left: 2px dashed rgba(0, 0, 0, 0.15);
}

/* ✅ Mobile menu */
@media (max-width: 991px) {
  .mainMenuUl .nav-link {
    font-size: 18px;
    padding: 12px 14px !important;
  }
}

/* Title */
.podcastSection {
  background-color: white;
}
/* Slider outer */
.podcastSliderOuter {
  width: 100%;
  overflow: hidden;
}

/* Track */
.podcastTrack {
  display: flex;
  gap: 24px;
  transition: transform 0.45s ease;
  will-change: transform;
}

/* Slide width -> 3 cards in desktop */
.podcastSlide {
  flex: 0 0 calc((100% - 48px) / 3);
}

/* Podcast card */
.podcastCardFlex {
  background: #f1f1f1;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 18px;
  position: relative;
  width: 100%;
  height: 140px;
}

/* Active (middle one) */
.podcastCardActive {
  background: #004226;
}

.podcastThumb {
  width: 110px;
  height: 80px;
  overflow: hidden;
  flex: 0 0 110px;
}
.podcastThumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* text */
.podcastHeading {
  font-size: 18px;
  font-weight: 700;
  color: #004226;
  margin-bottom: 0;
  line-height: 1.2;
}
.podcastMeta,
.podcastTime {
  font-size: 16px;
  color: #222;
}

/* active text */
.activeHeading {
  color: #f2c14e !important;
}
.activeText {
  color: #fff !important;
}

/* play button */
.podcastPlayBtn {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: none;
  background: #f2c14e;
  display: grid;
  place-items: center;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  right: 15px;
  top: 75%;
  transform: translateY(-50%);
}

/* nav buttons */
.podcastNavBtn {
  width: 54px;
  height: 54px;
  border-radius: 8px;
  border: 1px solid #dadada;
  background: #fff;
  font-size: 22px;
  color: #ff6b57;
}
button.podcastPlayBtn.podAudioBtn {
  margin-top: 25px;
}

/* responsive 2 cards */
@media (max-width: 991px) {
  .podcastSlide {
    flex: 0 0 calc((100% - 24px) / 2);
  }
}

/* responsive 1 card */
@media (max-width: 576px) {
  .podcastSlide {
    flex: 0 0 100%;
  }

  .podcastCardFlex {
    height: auto;
    padding-bottom: 22px;
  }
}

.podcastTitle {
  font-size: 25px;
  font-weight: 700;
  color: #16294b;
  margin: 0;
}

/* Small green + gold line (like figma) */
.podcastSmallLine {
  width: 120%;
  height: 5px;
  background: #004226;
  position: relative;
}
.podcastSmallLine::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -5px;
  float: right;
  width: 18px;
  height: 6.5px;
  background: #c89b41;
  transform: skewX(-30deg);
}

/* FULL grey line below (exact) */
.podcastFullLine {
  margin-top: 0px;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
}

/* arrow buttons */
.podcastNavBtn {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid #dadada;
  background: #fff;
  font-size: 22px;
  color: #ff6b57;
  display: grid;
  place-items: center;
}

/* Card - equal height flexible */
.podcastCardFlex {
  width: 100%;
  background: #f4f4f4;
  border: 1px solid #ededed;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 14px;

  /* equal box height */
  min-height: 125px;
  height: 100%;
}

/* thumb */
.podcastThumb {
  width: 115px;
  height: 82px;
  flex: 0 0 115px;
  background: #fff;
  border: 1px solid #e1e1e1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.podcastThumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* content */
.podcastBody {
  flex: 1;
  min-width: 0;
}

/* ✅ FIXED: title height same for all cards */
.podcastHeading {
  font-size: 20px;
  font-weight: 700;
  color: #004226;
  line-height: 1.25;
  margin: 0 0 8px 0;

  /* ✅ important: keep heading area same height */
  min-height: 52px; /* allows 2 lines equal height */
  overflow: hidden;
}

/* meta time */
.podcastMeta,
.podcastTime {
  font-size: 16px;
  color: #1d1d1d;
  margin: 0;
}

/* play button */
.podcastPlayBtn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: none;
  background: #f2c14e;
  display: grid;
  place-items: center;
  font-size: 18px;
  font-weight: 700;
  color: #2d1d00;
  flex: 0 0 auto;
}

/* Active card */
.podcastCardActive {
  background: linear-gradient(90deg, #0b6b44 0%, #0b6b44 55%, #0a5d3c 100%);
  border: 1px solid #0b6b44;
}
.activeHeading {
  color: #f2b64f !important;
}
.activeText {
  color: #fff !important;
}

/* Responsive */
@media (max-width: 991px) {
  .podcastTitle {
    font-size: 34px;
  }
  .podcastSmallLine {
    width: 240px;
  }

  .podcastCardFlex {
    flex-direction: column;
    align-items: flex-start;
  }

  .podcastThumb {
    width: 100%;
    height: 180px;
    flex: auto;
  }

  .podcastHeading {
    min-height: auto;
  }

  .podcastPlayBtn {
    align-self: flex-end;
  }
}

section.aboutSection.py-4 {
  background: white;
}
.aboutTitle {
  font-size: 25px;
  font-weight: 700;
  color: #16294b;
  margin: 0;
}

.aboutSmallLine {
  width: 320px;
  height: 5px;
  background: #004226;
  position: relative;
}
.aboutSmallLine::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -5px;
  float: right;
  width: 18px;
  height: 6.5px;
  background: #c89b41;
  transform: skewX(-30deg);
}

.aboutFullLine {
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  margin-top: 0px;
}

.aboutTabsWrap {
  background: #f1f1f1;
  padding: 18px 0;
}

/* Keep same row and scroll if small */
.aboutTabs {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin: 5px;
}

/* BUTTON tab exactly like image */
.aboutTab {
  flex: 1;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  color: #111;
  background: transparent;
  border: none;
  padding: 12px 18px;
  white-space: nowrap;
}

.aboutTab.active {
  background: #004226;
  color: #c89b41;
  font-weight: 700;
}

/* Members */
.memberCard {
  text-align: center;
}

.memberImgBox {
  width: 100%;
  height: 360px; /* ✅ fixed height */
  overflow: hidden;
  display: flex;
  align-items: center; /* ✅ center image */
  justify-content: center;
}

.memberImgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ✅ zoom + crop */
  object-position: center top;
}
/* outer */
.podcastSliderOuter {
  width: 100%;
  overflow: hidden;
}

/* track */
.podcastTrack {
  display: flex;
  gap: 24px;
  transition: transform 0.45s ease;
  will-change: transform;
}

/* slides */
.podcastSlide {
  flex: 0 0 calc((100% - 48px) / 3);
}

/* card */
.podcastCardFlex {
  width: 100%;
  background: #f1f1f1;
  border: 1px solid #ededed;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 18px;
  height: auto;
  position: relative;
}

/* thumb */
.podcastThumb {
  width: 130px;
  height: 120px;
  overflow: hidden;
  flex: 0 0 130px;
  background: #fff;
  border: 1px solid #ddd;
}
.podcastThumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* body */
.podcastBody {
  flex: 1;
  min-width: 0;
}

/* heading */
.podcastHeading {
  font-size: 18px;
  font-weight: 700;
  color: #004226;
  line-height: 1.2;
  margin: 0;
  min-height: 50px;
  overflow: hidden;
}

/* meta */
.podcastMeta,
.podcastTime {
  font-size: 16px;
  color: #222;
  margin: 0;
}

/* play button */
.podcastPlayBtn {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: none;
  background: #f2c14e;
  font-size: 20px;
  font-weight: 700;
  display: grid;
  place-items: center;
  cursor: pointer;
}

/* ✅ ACTIVE ONLY WHEN PLAY */
.podcastCardActive {
  background: linear-gradient(90deg, #0b6b44 0%, #0b6b44 60%, #0a5d3c 100%);
  border: 1px solid #0b6b44;
}
.podcastCardActive .podcastHeading {
  color: #f2b64f !important;
}
.podcastCardActive .podcastMeta,
.podcastCardActive .podcastTime {
  color: #fff !important;
}

/* nav buttons */
.podcastNavBtn {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid #dadada;
  background: #fff;
  font-size: 22px;
  color: #ff6b57;
  display: grid;
  place-items: center;
}

/* responsive */
@media (max-width: 991px) {
  .podcastSlide {
    flex: 0 0 calc((100% - 24px) / 2);
  }
}
@media (max-width: 576px) {
  .podcastSlide {
    flex: 0 0 100%;
  }
}
h4.podcastHeading.activeHeading {
  color: #004226 !important;
}
p.podcastMeta.mb-1.activeText {
  color: black !important;
}
p.podcastTime.mb-0.activeText {
  color: black !important;
}

.memberName {
  font-size: 20px;
  font-weight: 700;
  margin-top: 18px;
  margin-bottom: 8px;
  color: #111;
}

.memberRole {
  font-size: 18px;
  font-weight: 400;
  color: #222;
  line-height: 1.4;
}

/* responsive */
@media (max-width: 991px) {
  .aboutTitle {
    font-size: 36px;
  }
  .aboutSmallLine {
    width: 240px;
  }
  .aboutTab {
    font-size: 22px;
  }
  .memberImgBox {
    height: 320px;
  }
}
@media (max-width: 576px) {
  .aboutTab {
    font-size: 20px;
  }
  .memberName {
    font-size: 22px;
  }
  .memberRole {
    font-size: 18px;
  }
  .memberImgBox {
    height: 300px;
  }
}
section.verticalsSection.py-4 {
  background: white;
}
.verticalTitle {
  font-size: 25px;
  font-weight: 700;
  color: #000;
  margin: 0;
}

/* same green line + small yellow cut */
.verticalSmallLine {
  width: 320px;
  height: 5px;
  background: #004226;
  position: relative;
}
.verticalSmallLine::after {
  content: "";
  position: absolute;
  left: 55px;
  top: 0;
  width: 18px;
  height: 5px;
  background: #c89b41;
  transform: skewX(-30deg);
}

/* full grey line */
.verticalFullLine {
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  margin-top: 0px;
}
.eventSmallImg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.55) 0%,
    rgba(0, 0, 0, 0.25) 45%,
    rgba(0, 0, 0, 0.55) 100%
  );
  z-index: 1;
}

/* Explore Button */
.exploreBtn {
  border: 1px solid #cfcfcf;
  padding: 2px 10px;
  border-radius: 6px;
  font-size: 16px;

  color: #0d2b55;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: 0.2s ease;
}
.exploreBtn:hover {
  border-color: #0d2b55;
  transform: translateY(-2px);
}
.exploreArrow {
  font-size: 22px;
  font-weight: 700;
}

/* Cards */
.verticalCard {
  position: relative;
  width: 100%;
  height: 140px;
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.verticalCard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* dark overlay */
.verticalOverlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}

/* center title */
.verticalText {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;

  font-size: 30px;
  font-weight: 700;
  margin: 0;
  text-align: center;
}

/* responsive */
@media (max-width: 991px) {
  .verticalTitle {
    font-size: 36px;
  }
  .verticalSmallLine {
    width: 240px;
  }
  .verticalText {
    font-size: 28px;
  }
}
@media (max-width: 576px) {
  .verticalCard {
    height: 160px;
  }
  .verticalText {
    font-size: 30px;
  }
}
.eventGallerySection {
  background: #044b2d; /* dark green background */
  padding-bottom: 40px;
}

/* Title */
.eventTitle {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

/* small white line + gold cut */
.eventSmallLine {
  width: 360px;
  height: 5px;
  background: #ffffff;
  position: relative;
}
.eventSmallLine::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 18px;
  height: 5px;
  background: #c89b41;
  transform: skewX(-30deg);
}

/* full line */
.eventFullLine {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.45);
}
.container-fluid.newsBar0ut {
  padding: 0;
}
.regionSection_wtd {
  width: 100% !important;
}
input.newsInput3 {
  background: white;
  padding: 27px 15px;
  font-size: 18px;
  font-family: system-ui;
}
.dcFooter {
  background: #044b2d;
  padding: 40px 0 0px 0;
}

/* Explore button */
.eventExploreBtn {
  border: 1px solid #ffffff;
  padding: 4px 18px;
  border-radius: 8px;
  font-size: 16px;
  color: #c89b41;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: 0.2s ease;
  background: transparent;
}
.eventExploreBtn:hover {
  transform: translateY(-2px);
  color: #c89b4185;
}
.eventArrow {
  font-size: 22px;
  font-weight: 700;
}

/* LEFT BIG CARD */
.eventBigCard {
  height: 100%;
  border-right: 2px solid rgba(255, 255, 255, 0.25);
  padding-right: 25px;
}

.eventImgWrap {
  position: relative;
  display: block;
  width: 100%;
  height: 420px;
  overflow: hidden;
}
.eventImgWrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #c89b41;
}
.alert.alert-info.mb-0 {
  background: #c89b41;
  color: white;
  font-size: 14px;
}

/* Play Icon */
.eventPlayIcon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  display: none;
  place-items: center;
  font-size: 26px;
  color: #fff;
}

/* date strip */
.eventDateStrip {
  display: inline-block;
  background: #c89b41;
  color: #000;
  padding: 2px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 5px;
}

/* title */
.eventBigTitle {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  margin-top: 10px;
}
.eventBigTitle_1 {
  color: white;
  font-weight: 200;
  font-size: 20px;
}
/* ✅ Remove SweetAlert2 default labels completely */
.swal2-popup label[for="swal2-input"],
.swal2-popup label[for="swal2-select"],
.swal2-popup label[for="swal2-textarea"] {
  display: none !important;
}

/* ✅ Also hide any swal2 auto-generated label class */
.swal2-popup .swal2-input-label,
.swal2-popup .swal2-select-label,
.swal2-popup .swal2-textarea-label {
  display: none !important;
}

/* ✅ SweetAlert Professional Theme */
.swal2-popup {
  border-radius: 14px !important;
  padding: 26px !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18) !important;
  font-family: "Poppins", sans-serif !important;
}

.swal2-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  color: #16294b !important; /* your heading blue */
}
button.swal2-confirm.swal2-styled {
  text-transform: uppercase;
}

.swal2-html-container {
  font-size: 17.5px !important;
  color: #222 !important;
  line-height: 1.6 !important;
  padding-top: 4px;
}

.swal2-icon {
  margin-top: 4px !important;
  margin-bottom: 12px !important;
}

.swal2-confirm {
  border-radius: 10px !important;
  padding: 10px 28px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* ✅ remove unwanted labels if any css issue */
.swal2-input-label,
.swal2-select-label,
.swal2-textarea-label {
  display: none !important;
}

.eventBigDesc {
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  line-height: 1.7;
}

/* RIGHT SIDE */
.eventRightList {
  height: 100%;
  padding-left: 15px;
}

/* small cards */
.eventSmallCard {
  display: flex;
  gap: 18px;
  margin: 33px 0px;
  align-items: flex-start;
}

.eventSmallImg {
  position: relative;
  width: 200px;
  height: 140px;
  overflow: hidden;
  flex: 0 0 200px;
  display: block;
}
.eventSmallImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* play icon small */
.eventPlayIconSm {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  display: grid;
  place-items: center;
  font-size: 20px;
  color: #fff;
}

.eventSmallContent {
  flex: 1;
}

.eventSmallTitle {
  font-size: 20px;
  color: #fff;
  margin-top: 10px;
  line-height: 1.3;
}

/* Responsive */
@media (max-width: 991px) {
  .eventBigCard {
    border-right: none;
    padding-right: 0;
  }

  .eventRightList {
    padding-left: 0;
  }

  .eventImgWrap {
    height: 280px;
  }

  .eventSmallCard {
    flex-direction: column;
  }

  .eventSmallImg {
    width: 100%;
    height: 200px;
    flex: auto;
  }

  .eventTitle {
    font-size: 34px;
  }

  .eventSmallLine {
    width: 240px;
  }

  .eventBigTitle {
    font-size: 28px;
  }

  .eventSmallTitle {
    font-size: 22px;
  }
}
.regionTitle {
  font-size: 25px;
  font-weight: 700;
  color: #16294b;
  margin: 0;
}

.regionSmallLine {
  width: 360px;
  height: 5px;
  background: #004226;
  position: relative;
}
.regionSmallLine::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 18px;
  height: 5px;
  background: #c89b41;
  transform: skewX(-30deg);
}

.regionFullLine {
  width: 100%;
  height: 1px;
  background: #e6e6e6;
}

/* arrows */
.regionNavBtn {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid #dadada;
  background: #fff;
  font-size: 22px;
  color: #ff6b57;
  display: grid;
  place-items: center;
  transition: 0.2s ease;
}
.regionNavBtn:hover {
  border-color: #ff6b57;
  transform: translateY(-2px);
}

/* slider */
.regionSliderOuter {
  width: 100%;
  overflow: hidden;
}

.regionSliderTrack {
  display: flex;
  gap: 22px;
  transition: transform 0.5s ease;
  will-change: transform;
  flex-wrap: wrap;
}

/* Desktop: 4 visible */
.regionSlide {
  flex: 0 0 calc((100% - 66px) / 4);
}

/* Card */
.regionCard {
  position: relative;
  width: 100%;
  height: 135px;
  display: block;
  overflow: hidden;
  text-decoration: none;
  border-radius: 3px;
}

.regionCard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
}

.regionOverlay {
  position: absolute;
  inset: 0;
}

/* ✅ 8 DIFFERENT SUITABLE OVERLAY COLORS (Govt look) */
.ov1 {
  background: rgba(10, 70, 45, 0.58);
} /* deep green */
.ov2 {
  background: rgba(12, 58, 110, 0.55);
} /* navy blue */
.ov3 {
  background: rgba(4, 94, 92, 0.55);
} /* teal */
.ov4 {
  background: rgba(70, 60, 20, 0.52);
} /* olive brown */
.ov5 {
  background: rgba(96, 25, 40, 0.5);
} /* maroon */
.ov6 {
  background: rgba(190, 120, 40, 0.55);
} /* orange sand */
.ov7 {
  background: rgba(78, 42, 120, 0.5);
} /* violet */
.ov8 {
  background: rgba(140, 75, 10, 0.55);
} /* brown */

/* label pill */
.regionLabel {
  position: absolute;
  left: 45px;
  top: 50%;
  transform: translateY(-50%);
  background: #f2c14e;
  color: #0b3b25;

  font-size: 18px;
  font-weight: 700;
  padding: 10px 26px;
  border-radius: 30px;
  text-align: center;
  line-height: 1.2;
  text-transform: uppercase;
}

/* arrow ↗ */
.regionArrow {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.9);
  font-size: 34px;
  font-weight: 700;
}

/* Tablet: 2 visible */
@media (max-width: 991px) {
  .regionTitle {
    font-size: 36px;
  }
  .regionSmallLine {
    width: 240px;
  }

  .regionSlide {
    flex: 0 0 calc((100% - 22px) / 2);
  }
  .regionCard {
    height: 160px;
  }
  .regionLabel {
    left: 25px;
    font-size: 16px;
    padding: 10px 20px;
  }
}

/* Mobile: 1 visible */
@media (max-width: 576px) {
  .regionSlide {
    flex: 0 0 100%;
  }
  .regionCard {
    height: 180px;
  }
  .regionLabel {
    left: 18px;
    font-size: 16px;
  }
}

section.regionSection.py-4 {
  background: white;
}
.newsBar3 {
  background: #8a4b06;
  padding: 22px 0;
  margin-bottom: 20px;
}

.newsRow3 {
  display: flex;
  align-items: center; /* ✅ same line */
  justify-content: space-between;
  gap: 35px;
}

/* ✅ 25px heading */
.newsTitle3 {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

/* center form */
.newsCenter3 {
  flex: 1;
}
.newsForm3 {
  display: flex;
  align-items: center; /* ✅ same line */
  gap: 20px;
  width: 100%;
}

/* ✅ input font 20px */
.newsInput3 {
  width: 100%;
  height: 55px;
  border-radius: 6px;
  border: none;
  padding: 0 18px;
  font-size: 20px;
  outline: none;
}

/* ✅ button font 20px */
.newsBtn3 {
  height: 55px;
  width: 220px;
  border-radius: 8px;
  border: none;
  background: #f2c14e;
  color: #fff;
  font-size: 18px;
  font-family: system-ui;
  cursor: pointer;
}

/* right */
.newsRight3 {
  display: flex;
  align-items: center; /* ✅ same line */
  gap: 15px;
  white-space: nowrap; /* ✅ no break */
}

/* ✅ follow text 16px */
.newsFollow3 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  font-family: system-ui;
}

/* icons */
.newsIcons3 {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
}

.newsIcon3 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2c14e;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 16px; /* ✅ icon size 16 */
  text-decoration: none;
}

/* ✅ Responsive */
@media (max-width: 991px) {
  .newsRow3 {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
  }
  .newsRight3 {
    justify-content: flex-start;
  }
}

@media (max-width: 576px) {
  .newsForm3 {
    flex-direction: column;
    align-items: stretch;
  }
  .newsBtn3 {
    width: 100%;
  }
}
.newsRow {
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}

.newsCol {
  padding: 20px;
  min-height: 100%;
}

.newsColBorder {
  border-right: 2px solid #ddd;
}

.newsBox {
  height: 100%;
}

/* LEFT BIG */
.newsImgWrap {
  position: relative;
  width: 100%;
  height: 321px;
  overflow: hidden;
}
.newsImgWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newsPhotoCredit {
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgba(190, 190, 190, 0.85);
  padding: 6px 10px;
  font-size: 14px;
}

.newsMainTitle {
  font-size: 31px;
  font-weight: 700;
  margin-top: 20px;
}
.newsDesc {
  font-size: 18px;
  color: #333;
  line-height: 1.6;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 5px;
  max-height: calc(1.6em * 3);
}

/* audio bar */
.audioBar {
  margin-top: 22px;
  background: #eaf2ff;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.audioLeft {
  font-size: 18px;
}
.audioPlay {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ccc;
  display: grid;
  place-items: center;
}
.audioWave {
  flex: 1;
  height: 8px;
  background: repeating-linear-gradient(
    to right,
    #6aa4ff,
    #6aa4ff 3px,
    transparent 3px,
    transparent 7px
  );
}
.audioTime {
  font-size: 18px;
  font-weight: 700;
}
.audioIcons {
  display: flex;
  gap: 10px;
  margin-left: 10px;
  font-size: 20px;
  color: #7a4a00;
}

/* MIDDLE + RIGHT TITLE BAR */
.topGreenTitle {
  background: #004226;
  color: #fff;

  font-size: 20px;
  font-weight: 700;
  text-align: center;
  padding: 12px;
  margin-bottom: 15px;
}

/* middle img */
.smallNewsImg {
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.smallNewsImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fdf8ee;
}

.dateStrip {
  background: #e5c78a;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  margin-top: 10px;
}

.midTitle {
  font-size: 19px;
  font-weight: 700;
  margin-top: 14px;
  line-height: 1.3;
}
.midHr {
  margin: 10px 0;
}
.midMiniNews {
  flex: 0 0 auto;
  margin-top: 8px;
}
.miniText {
  font-size: 13px;
  line-height: 1.3;
}
.miniImg {
  width: 335px;
  height: 80px;
  overflow: hidden;
}
.miniImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.downloadBtnWrap {
  margin-top: 20px;
  text-align: center;
}
.downloadBtn {
  background: #7a4a00;
  color: #fff;
  padding: 6px 18px;
  display: inline-block;
  text-decoration: none;
  font-size: 15px;
}
a.downloadBtn.rounded-1:hover {
  color: #c5c5c5;
}

/* RIGHT */
.rightImgWrap {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.rightImgWrap img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.redTag {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: red;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
}
.rightTitle {
  font-size: 19px;
  font-weight: 700;
  margin-top: 18px;
}

/* ✅ Responsive */
@media (max-width: 991px) {
  .newsColBorder {
    border-right: none;
    border-bottom: 2px solid #ddd;
  }
  .newsMainTitle {
    font-size: 32px;
  }
  .topGreenTitle {
    font-size: 22px;
  }
}
section.newsHome.py-4 {
  background: white;
}
.newsBox.h-100 {
  padding: 10px;
}
/* wrapper gives left-right white cut space */
.dailyTitleWrap {
  width: 100%;
  padding: 0; /* ✅ left + right white gap */
  margin-bottom: 12px;
}
.col-12.col-lg-3.newsCol.newsColBorder {
  border: none;
  padding: 0;
  border-right: 1px solid lightgray;
}
.col-12.col-lg-6.newsCol.newsColBorder {
  border: none;
  padding: 0;
  border-right: 1px solid lightgray;
}
.col-12.col-lg-3.newsCol {
  border: none;
  padding: 0;
}
.row.g-0.newsRow {
  border: none;
}
/* main title bar */
.dailyTitleBar {
  width: 100%;
  text-align: center;
  border-radius: 3px 3px 0px 0px;
  font-size: 21px;
  font-weight: 500;
  color: #fff;
  background: #004226; /* ✅ solid dark green */
  padding: 10px 10px;

  /* ✅ exact border look */
  border: 1px solid rgba(255, 255, 255, 0.2);

  /* ✅ top highlight + bottom darker line */
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.25),
    /* top shine */ inset 0 -3px 0 rgba(0, 0, 0, 0.22),
    /* bottom depth */ 0 1px 0 rgba(0, 0, 0, 0.15); /* outer shadow */
}

/* ✅ logo box */
.dcFooterLogoBox {
  background: #fff;
  display: inline-block;
  padding: 14px 16px;
}

.dcFooterLogo {
  max-width: 210px;
  height: auto;
  display: block;
}

.dcFooterLogoText {
  font-family: Georgia, serif;
  font-size: 14px;
  margin-top: 6px;
  color: #000;
}

/* ✅ footer headings */
.dcFooterHead {
  font-family: Georgia, serif;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

/* yellow underline */
.dcFooterLine {
  width: 45px;
  height: 6px;
  background: #c89b41;
  margin-bottom: 18px;
}

/* links */
.dcFooterList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.dcFooterList li {
  margin-bottom: 16px;
}
.bluePhotoBg {
  background: linear-gradient(to bottom, #183354 0%, #f6fbff 45%, #cfe3f2 100%);
  border-radius: 4px;
}

.dcFooterList li a {
  font-family: Georgia, serif;
  font-size: 19px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  transition: 0.2s ease;
}

.dcFooterList li a:hover {
  color: #fff;
  text-decoration: underline;
}

/* ✅ responsive */
@media (max-width: 991px) {
  .dcFooter {
    padding: 40px 0;
  }

  .dcFooterHead {
    font-size: 22px;
  }

  .dcFooterList li a {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .dcFooter {
    padding: 30px 0;
  }

  .dcFooterLogoBox {
    width: 100%;
  }

  .dcFooterLogo {
    max-width: 170px;
  }
}
.audioPopupBox,
.videoPopupBox {
  background: #0b5b2c;
  color: #fff;
  border-radius: 14px;
  padding: 10px;
}

.audioPopupTitle,
.videoPopupTitle {
  font-size: 22px;
  font-weight: 700;
}
.audioPopupBox,
.videoPopupBox {
  background: #0b5b2c;
  color: #fff;
  border-radius: 14px;
}

/* ✅ make close icon visible always */
.audioModalClose {
  opacity: 1 !important;
  filter: none !important;
}

/* ✅ header spacing */
.modal-header {
  padding: 14px 16px 0 16px;
}

/* ✅ move close to right top neatly */
.modal-header .btn-close {
  margin: 0;
}
/* ✅ Steering Committee Profile UI */
.steeringProfileSection {
  background: #fff;
}

.steeringPhotoCard {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}

.steeringPhotoBox {
  width: 100%;
  height: 360px;
  background: linear-gradient(180deg, #32507d 0%, #f1f6ff 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}

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

.steeringMiniInfo {
  padding: 16px 18px;
  text-align: center;
}

.steeringName {
  font-size: 20px;
  font-weight: 800;
  color: #16294b;
}

.steeringRole {
  font-size: 16px;
  color: #0b5b2c;
  font-weight: 700;
}
h4.steeringSubHead {
  font-weight: 600;
  color: black;
  font-size: 21px;
}
.mapNewsRow {
  background: #16294b;
  border-radius: 16px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 18px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

/* ✅ map box */
.newsImgWrap1 {
  width: 120px;
  background: #fff;
  border: 1px solid #e2c9b6;
  border-radius: 8px;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.newsImgWrap1 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ✅ right side content */
.mapNewsContent {
  flex: 1;
}

.mapNewsTitle {
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.35;
  margin: 0 0 12px 0;
}

/* ✅ Read More right aligned */
.mapReadMore {
  display: flex;
  justify-content: flex-end;
}

.readMoreBtn {
  color: #0d6efd;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
}

.readMoreBtn:hover {
  text-decoration: underline;
}

/* ✅ Mobile responsive */
@media (max-width: 991px) {
  .mapNewsRow {
    flex-direction: column;
    align-items: flex-start;
  }

  .newsImgWrap1 {
    width: 100%;
    max-width: 230px;
    height: 160px;
  }

  .mapReadMore {
    justify-content: flex-start; /* ✅ mobile read more left */
  }
}

a {
  text-decoration: none !important;
}

/* ✅ Right Content Card */
.steeringContentCard {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}

.steeringHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.steeringTitle {
  font-size: 25px;
  font-weight: 900;
  color: #16294b;
  margin: 0;
}

.steeringSubLine {
  width: 140px;
  height: 6px;
  background: #0b5b2c;
  position: relative;
  border-radius: 2px;
  margin-top: 10px;
}

.steeringSubLine::after {
  content: "";
  position: absolute;
  top: 0;
  right: -16px;
  width: 22px;
  height: 6px;
  background: #c89b41;
  transform: skewX(-30deg);
  border-radius: 2px;
}

.steeringBadge {
  background: #0b5b2c;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  white-space: nowrap;
}

/* ✅ Bio */
.steeringBio p {
  font-size: 16px;
  line-height: 1.85;
  color: #222;
  margin-bottom: 14px;
}

/* ✅ Responsive */
@media (max-width: 991px) {
  .steeringPhotoBox {
    height: 280px;
  }
  .steeringContentCard {
    padding: 18px;
  }
}
.committeeSection {
  background: #fff;
}

/* Card */
.committeeCard {
  border: 1px solid #e9ecef;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
}

/* Image box */
.committeeImgBox {
  width: 100%;
  height: 360px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

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

/* gradient background */
.bluePhotoBg {
  background: linear-gradient(to bottom, #183b63 0%, #7f9db8 55%, #eaf4ff 100%);
}

/* content */
.committeeBody {
  padding: 22px;
}

/* top section */
.committeeTop {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.committeeName {
  font-size: 25px;
  font-weight: 900;
  color: #16294b;
  margin: 0;
}

.committeeDesig {
  font-size: 16px;
  font-weight: 600;
  color: #0b5b2c;
}

/* green + gold line */
.committeeLine {
  width: 140px;
  height: 6px;
  background: #0b5b2c;
  position: relative;
  border-radius: 2px;
  margin-top: 10px;
}
.committeeLine::after {
  content: "";
  position: absolute;
  top: 0;
  right: -16px;
  width: 22px;
  height: 6px;
  background: #c89b41;
  transform: skewX(-30deg);
  border-radius: 2px;
}

.committeeBadge {
  background: #0b5b2c;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 999px;
  white-space: nowrap;
}

/* Bio text */
.committeeText p {
  font-size: 16px;
  line-height: 1.85;
  color: #222;
  margin-bottom: 14px;
}

/* Responsive */
@media (max-width: 991px) {
  .committeeImgBox {
    height: 280px;
  }
  .committeeBody {
    padding: 16px;
  }
}
/* MAIN WRAP */
.missionProWrap {
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  border: 1px solid #ececec;
  border-radius: 18px;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.08);
  padding: 18px;
  overflow: hidden;
}

/* HEADER */
.missionProHeader {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  background: linear-gradient(
    90deg,
    rgba(11, 91, 44, 0.08) 0%,
    rgba(200, 155, 65, 0.08) 100%
  );
  border: 1px solid rgba(11, 91, 44, 0.12);
  margin-bottom: 14px;
}

.missionProIcon {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: #7a4a00;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 18px;
  font-weight: 800;
  box-shadow: 0 10px 20px rgba(11, 91, 44, 0.25);
}

.missionProTitle {
  font-size: 24px;
  font-weight: 800;
  color: #16294b;
  margin: 0;
}

.missionProSub {
  margin: 0;
  font-size: 15px;
  color: #525252;
  line-height: 1.4;
}

/* SCROLL BOX */
.missionProScroll {
  height: 504px;
  overflow-y: auto;
  padding: 14px 12px 14px 12px;
  scroll-behavior: smooth;
}

/* SECTION */
.missionProSection {
  margin-bottom: 18px;
}

/* STICKY HEADING */
.missionProHeading {
  font-size: 20px;
  font-weight: 800;
  color: #16294b;
  margin: 0 0 12px 0;
  top: 0;
  background: #fbfbfc;
  padding: 10px 10px;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
}

/* PARAGRAPH */
.missionProScroll p {
  font-size: 16px;
  color: #1c1c1c;
  line-height: 1.9;
  margin-bottom: 12px;
  text-align: justify;
}

/* HIGHLIGHT BOX */
.missionProHighlight {
  background: #7a4a00;
  color: #fff;
  border-radius: 16px;
  padding: 16px;
  margin: 12px 0 18px 0;
  box-shadow: 0 18px 40px rgba(11, 91, 44, 0.22);
}

.missionProHighlight h5 {
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 8px 0;
  color: #f2c14e;
}
section.steeringProfileSection.py-4 {
  background: #7d3e02;
}
ul.steeringList {
  color: black;
}
.missionProHighlight p {
  margin: 0;
  font-size: 15px;
  color: #ffffff;
  line-height: 1.7;
  text-align: left;
}

/* CARDS */
.missionProCards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 10px 0 18px 0;
}

.missionProCard {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #ededed;
  padding: 14px;
  text-align: center;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.06);
  transition: 0.25s ease;
}

.missionProCard:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.1);
  border-color: rgba(11, 91, 44, 0.25);
}
.missionProList li {
  list-style: unset;
}

.missionProBadge {
  display: inline-block;
  background: rgba(200, 155, 65, 0.18);
  color: #0b5b2c;
  font-weight: 800;
  font-size: 18px;
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 10px;
}

.missionProCard p {
  margin: 0;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  text-align: center;
}

/* LIST */
.missionProList {
  padding-left: 18px;
  margin: 10px 0 0 0;
}
.missionProList li {
  font-size: 16px;
  color: #1c1c1c;
  margin-bottom: 8px;
  line-height: 1.7;
}

/* SCROLLBAR NICE */
.missionProScroll::-webkit-scrollbar {
  width: 10px;
}
.missionProScroll::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 40px;
}
.missionProScroll::-webkit-scrollbar-thumb {
  background: #16294b;
  border-radius: 40px;
}
.missionProScroll::-webkit-scrollbar-thumb:hover {
  background: #0b5b2c;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .missionProCards {
    grid-template-columns: 1fr;
  }
  .missionProTitle {
    font-size: 20px;
  }
  .missionProScroll {
    height: auto;
    max-height: 504px;
  }
}

/* ✅ Responsive */
@media (max-width: 991px) {
  .podcastCardFlex.rounded-1 {
    display: flex;
    flex-direction: row;
  }
}
/* ✅ Make all columns same height */
.newsCol {
  display: flex;
}

.newsBoxFlex {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

/* ✅ Image fixed ratio (responsive, equal height) */
.smallNewsImg img,
.rightImgWrap img {
  width: 100%;
  border-radius: 6px;
}

/* ✅ Content area takes remaining height */
.newsMidContent,
.newsRightContent {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* ✅ Mini News block same height in both cards */
.midMiniNews {
  flex: 1;
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
}

/* ✅ Clamp text with "..." */
.miniTextClamp {
  font-size: 15px;
  line-height: 1.6;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; /* ✅ 4 lines only */
  max-height: calc(1.6em * 4);
}

/* ✅ Title also clamp (optional for clean design) */
.midTitle,
.rightTitle {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* ✅ max 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991px) {
  .smallNewsImg img,
  .rightImgWrap img {
    height: 220px;
  }

  .miniTextClamp {
    -webkit-line-clamp: 5;
    max-height: calc(1.6em * 5);
  }
}