/* ----------------------------------------------------------------
	Mission CSS 
-----------------------------------------------------------------*/
/* Customized Colors */
:root {
	--team-primary-color: #2c3e50;
  --team-secondary-color: #3498db;
  --team-accent-color: #e74c3c;
  --team-light-bg: #f8f9fa;
  --team-card-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  --team-card-shadow-hover: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.menu-title div {font-weight: 700;}
.menu-link {font-weight: 600;}
.is-expanded-menu .sub-menu-container .menu-item > .menu-link {text-transform: capitalize; font-size:16px;}
.is-expanded-menu .menu-link {--cnvs-primary-menu-padding-x: 8px;/*margin: -8px;*/}
.is-expanded-menu .full-header #logo {padding-right: 20px;}
.top-lang {width: 86px !important;}
.header-misc {margin-left: 0;}
.dark::before {position: absolute; content:""; height:100px; 
              width:100%; top:0; left:0; Z-index:1; 
              background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));}
.footer-widgets-wrap {margin-bottom: -40px;}
.footer-widgets-wrap img.footer-logo {width: 80%;}
.ticker-wrap .ticker .ticker-item { font-size: 1rem;}
.content-wrap {margin-bottom: -2.5rem;}
#copyrights {padding: 25px 0;}
.copyright-links {margin-top: 0rem;}
#header {--cnvs-primary-menu-font-size: 0.9rem; --cnvs-primary-menu-ls: 0.5px;}

.button.button-border.button-light.current {
  background-color: #fff;
  color: var(--cnvs-btn-color-dark);
}
.menu-item.current > .menu-link {
  color: var(--cnvs-primary-menu-active-color);
}
@media screen and (min-width: 360px) and (max-width: 767px) {
  #top-search {display: none !important;}
}
@media (max-width: 991.98px) {
  /* Any slide that contains a video, with or without .dark */
  #slider .swiper-slide:has(.video-wrap) .video-wrap {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;      /* vertical centering */
    justify-content: center;
    background-color: #000;   /* hides letterboxing */
  }
  #slider .swiper-slide:has(.video-wrap) .video-container {
    width: 100%;
  }
  .menu-item.mega-menu-title .entry-image {margin-top:1.5rem;}
}
/* Force slider caption to bottom on mobile */
@media (max-width: 767px) {
  /* Reset the transform and positioning on mobile */
  .menu-item.mega-menu-title .entry-image {margin-top:1.5rem;}
  .slider-parallax .slider-caption {
      position: absolute !important;
      bottom: 20px !important;
      top: auto !important;
      left: 50% !important;
      right: auto !important;
      transform: translateX(-50%) !important;
      justify-content: flex-end !important;
      height: auto !important;
      min-height: auto !important;
      opacity: 1 !important;
      transition: none !important;
  }
  
  /* Style the caption content */
  .slider-caption {
      padding: 15px 20px;
      border-radius: 12px;
      width: 90%;
      max-width: 90% !important;
      text-align: center;
  }
  
  .slider-caption h2 {
      font-size: 1.25rem !important;
      margin-bottom: 5px !important;
      color: #fff !important;
  }
  
  .slider-caption p {
      font-size: 0.85rem !important;
      margin-bottom: 8px !important;
      color: #fff !important;
  }
  
  .slider-caption .button {
      font-size: 0.75rem !important;
      padding: 5px 12px !important;
      margin: 0 auto !important;
  }
  
  /* Override the inline styles that JavaScript applies */
  .slider-parallax .slider-inner, 
  .slider-parallax .slider-caption {
      will-change: auto;
      transition: none !important;
  }
  
  .ee-side-img {
    display: flow-root !important;
    width: 100% !important;
    margin: 0 0 1rem !important;
    float: none !important;
    clear: both !important;
    text-align: center;
  }
  .ee-side-img > div,
  .ee-side-img a {
    display: block;
    width: 100%;
  }
  .ee-side-img img {
    display: block;
    width: 100% !important;
    max-width: 300px;
    height: auto !important;
    margin: 0 auto;
    float: none !important;
  }
  .ee-side-img center {
    display: block;
  }
  .ee-side-img-txt {
    width: 100%;
    max-width: 300px;
    margin: 0.5rem auto 0 !important;
    float: none !important;
  }
  .ee-side-img + .ee-body-content {
    display: block;
    width: 100%;
    clear: both !important;
  }
  .ee-side-img + .ee-body-content::before {
    display: table;
    clear: both;
    content: "";
  }

}

/* iPads and tablets (portrait and landscape) */
@media (min-width: 768px) and (max-width: 1024px) {
  .slider-parallax .slider-caption {
      position: absolute !important;
      bottom: 30px !important;
      top: auto !important;
      left: 50% !important;
      right: auto !important;
      transform: translateX(-50%) !important;
      justify-content: flex-end !important;
      height: auto !important;
      opacity: 1 !important;
  }
  
  .slider-caption {
      padding: 20px 25px;
      border-radius: 12px;
      width: 85%;
      max-width: 85% !important;
      text-align: center;
  }
  
  .slider-caption h2 {
      font-size: 1.5rem !important;
      margin-bottom: 8px !important;
      color: #fff !important;
  }
  
  .slider-caption p {
      font-size: 1rem !important;
      margin-bottom: 10px !important;
      color: #fff !important;
  }
  
  .slider-caption .button {
      font-size: 0.85rem !important;
      padding: 8px 16px !important;
      margin: 0 auto !important;
  }
  .menu-item.mega-menu-title .entry-image {margin-top:1.5rem;}
}

/* Large iPads Pro (1024px - 1366px) - optional 
@media (min-width: 1025px) and (max-width: 1366px) {
  .slider-parallax .slider-caption {
      bottom: 40px !important;
      top: auto !important;
      transform: translateX(-50%) !important;
  }
}
*/
/* home page img-hover-wraps */
.img-hover-wrap {
	-webkit-transition: transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	-moz-transform-style: flat !important;
	-webkit-backface-visibility: hidden;
}

.img-hover-wrap:hover {
	-webkit-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
	z-index: 2;
}

.img-hover-card > a::after {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 0;
	-webkit-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.img-hover-wrap:hover .img-hover-card > a::after { background-color: rgba(0, 0, 0, 0.6); }
.img-hover-card {
	position: relative;
	display: block;
	will-change: transform;
	transition: all .3s ease;
	box-shadow: 0 10px 40px transparent;
}

.img-hover-card a {
	width: 100%;
	max-width: 100%;
	display: block;
	z-index: 99;
}

.img-hover-card.hover-in {
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}

.img-hover-card.hover-3d { z-index: 2; }
.img-hover-card.hover-out {
	transition: -webkit-transform .2s ease-in;
	transition: transform .2s ease-in;
	transition: transform .2s ease-in, -webkit-transform .2s ease-in;
}

.img-hover-wrap:hover .img-hover-card { box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); }
.img-hover-wrap .img-hover-detail {
	position: absolute;
	top: auto;
	left: 40px;
	bottom: 40px;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-webkit-transform: scale(1) translateY(40px) translateZ(50px);
	-ms-transform: scale(1) translateY(30px) translateZ(50px);
	-o-transform: scale(1) translateY(30px) translateZ(50px);
	transform: scale(1) translateY(30px) translateZ(50px);
	-webkit-transition: transform .2s ease;
	-o-transition: transform .2s ease;
	transition: transform .2s ease;
}

.img-hover-wrap:hover .img-hover-detail {
	opacity: 1;
	-webkit-transform: scale(1.06) translateY(-5px) translateZ(50px);
	-ms-transform: scale(1.06) translateY(-5px) translateZ(50px);
	-o-transform: scale(1.06) translateY(-5px) translateZ(50px);
	transform: scale(1.06) translateY(-5px) translateZ(50px);
}

.img-hover-wrap .img-hover-title {
	margin: 0 0 6px 0;
	font-size: 17px;
	font-weight: 600;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	z-index: 9;
  color: #ffffff;
}

.img-hover-wrap .img-link {
	opacity: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #ffffff;
  color: #ffffff;
	border-radius: 50%;
	text-align: center;
	line-height: 18px;
	font-size: 11px;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.img-hover-wrap:hover .img-link {opacity: 1;}
.img-hover-detail a {color: #ffffff}

/* Homepage feature cards */
.homepage-card-grid {
  padding: 0;
}
.homepage-card-grid .img-hover-wrap,
.homepage-card-grid .img-hover-wrap:hover {
  transform: none;
}
.homepage-card-grid .img-hover-card {
  overflow: hidden;
  border-radius: 5px;
  background: #222;
  box-shadow: none;
}
.homepage-card-grid .img-hover-wrap:hover .img-hover-card {
  box-shadow: none;
}
.homepage-card-grid .img-hover-card > a {
  position: relative;
  z-index: 0;
}
.homepage-card-grid .img-hover-card > a::after {
  z-index: 1;
  background: linear-gradient(180deg, transparent 38%, rgba(0,0,0,0.88) 100%);
}
.homepage-card-grid .img-hover-wrap:hover .img-hover-card > a::after {
  background: linear-gradient(180deg, transparent 32%, rgba(0,0,0,0.9) 100%);
}
.homepage-card-grid .img-hover-card img {
  width: 100% !important;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.homepage-card-grid .img-hover-wrap:hover .img-hover-card img {
  transform: scale(1.05);
}
.homepage-card-grid .img-hover-detail,
.homepage-card-grid .img-hover-wrap:hover .img-hover-detail {
  z-index: 2;
  right: 28px;
  bottom: 26px;
  left: 28px;
  opacity: 1;
  transform: none;
}
.homepage-card-grid .img-hover-detail small {
  display: block;
  padding-right: 42px;
  color: #ddd !important;
  font-size: 11px;
  letter-spacing: 0.07em;
}
.homepage-card-grid .img-hover-title {
  max-width: calc(100% - 44px);
  margin: 2px 0 0;
  color: #fff;
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  line-height: inherit;
  text-shadow: none;
}
.homepage-card-grid .img-link {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 32px;
  height: 32px;
  border-color: rgba(255,255,255,0.65);
  opacity: 1;
  line-height: 29px;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.homepage-card-grid .img-hover-wrap:hover .img-link {
  background: #fff;
  color: #222;
}
.homepage-card-grid .news-card-stack .img-hover-detail {
  right: 20px;
  bottom: 16px;
  left: 20px;
}
.homepage-card-grid .news-card-stack .img-hover-title {
  display: -webkit-box;
  overflow: hidden;
  font-size: 18px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.homepage-card-grid .youtube-channel-card {
  overflow: hidden;
  border-radius: 5px;
  background: #071d39;
}
.homepage-card-grid .youtube-video-trigger {
  position: relative;
  display: block;
  width: 100%;
  height: 210px;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: #000;
  cursor: pointer;
}
.homepage-card-grid .youtube-video-trigger::after {
  position: absolute;
  inset: 0;
  background: rgba(4,25,55,0.28);
  content: "";
  transition: background-color .25s ease;
}
.homepage-card-grid .youtube-video-trigger:hover::after { background: rgba(4,25,55,0.12); }
.homepage-card-grid .youtube-video-trigger img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.homepage-card-grid .youtube-play-button {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  border-radius: 50%;
  background: #ff0033;
  color: #fff;
  font-size: 1.8rem;
  transform: translate(-50%, -50%);
  transition: transform .25s ease, background-color .25s ease;
}
.homepage-card-grid .youtube-video-trigger:hover .youtube-play-button {
  background: #e0002d;
  transform: translate(-50%, -50%) scale(1.08);
}
.homepage-card-grid .youtube-channel-card > .youtube-channel-link {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  gap: 9px;
  padding: 11px 14px;
  background: #071d39;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 600;
}
.homepage-card-grid .youtube-channel-card > .youtube-channel-link::after { display: none; }
.homepage-card-grid .youtube-channel-link .uil-youtube { color: #ff0033; font-size: 1.25rem; }
.homepage-card-grid .youtube-channel-link span { flex: 1; }
.homepage-card-grid .youtube-channel-link:hover { background: #0d315b; color: #fff; }
@media (max-width: 575.98px) {
	.homepage-card-grid .youtube-video-trigger { height: 190px; }
  .homepage-card-grid .img-hover-detail,
  .homepage-card-grid .img-hover-wrap:hover .img-hover-detail {
    right: 22px;
    bottom: 22px;
    left: 22px;
  }
}

.fbox-hm {
  position: relative;
  width: 100%;
  padding: 25px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #eeeeee;
  background-color: #f8faff;
  transition: all 0.4s;
  margin-bottom: 10px;
}
.fbox-hm:hover i,
.fbox-hm:hover h3,
.fbox-hm:hover p {color: #fff}
.fbox-hm:hover {background-color: var(--cnvs-themecolor);}

/* Diaspora page */
.diaspora-hero { position: relative; min-height: 410px; overflow: hidden; background: #061e35; }
.diaspora-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.diaspora-hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,24,43,.94) 0%, rgba(4,43,68,.78) 47%, rgba(4,43,68,.25) 100%); }
.diaspora-hero-content { position: relative; z-index: 1; max-width: 760px; padding-top: 70px; padding-bottom: 30px; color: #fff; }
.diaspora-kicker, .diaspora-overline { margin-bottom: 12px; color: #c7a64a; font-size: .76rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.diaspora-hero h1 { margin-bottom: 18px; color: #fff; font-size: clamp(2.8rem, 6vw, 5rem); line-height: .98; }
.diaspora-hero-content > p:not(.diaspora-kicker) { max-width: 680px; color: rgba(255,255,255,.86); font-size: 1.18rem; line-height: 1.65; }
.diaspora-hero-link, .diaspora-text-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.diaspora-hero-link { margin-top: 14px; padding-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,.5); color: #fff; }
.diaspora-hero-link:hover { color: #d9bc69; border-color: #d9bc69; }
.diaspora-intro { padding: 88px 0 74px; }
.diaspora-intro h2, .diaspora-section-heading h2, .diaspora-cta h2 { color: #092c49; }
.diaspora-side-text { color: #657582; line-height: 1.7; }
.diaspora-text-link { color: var(--cnvs-themecolor); }
.diaspora-side-image, .diaspora-feature-media { margin-top: 24px; overflow: hidden; border-radius: 8px; }
.diaspora-side-image img, .diaspora-feature-media img { width: 100%; }
.diaspora-lead { color: #173f5d; font-size: 1.2rem; line-height: 1.75; }
.diaspora-copy .ee-body-content { color: #3d4d59; font-size: 1rem; line-height: 1.8; }
.diaspora-copy .ee-body-content h2, .diaspora-copy .ee-body-content h3, .diaspora-copy .ee-body-content h4 { margin-top: 34px; color: #103b59; }
.diaspora-copy .ee-body-content a { color: var(--cnvs-themecolor); text-decoration: underline; text-underline-offset: 3px; }
.diaspora-copy .ee-body-content ul, .diaspora-copy .ee-body-content ol { padding-left: 1.3rem; }
.diaspora-copy .ee-body-content li { margin-bottom: 8px; }
.diaspora-social { margin-top: 35px; padding-top: 18px; border-top: 1px solid #e6eaed; }
.diaspora-resources { padding: 84px 0 94px; background: #f4f7f8; }
.diaspora-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 38px; }
.diaspora-section-heading h2 { margin-bottom: 0; }
.diaspora-section-heading > p { max-width: 510px; margin: 0; color: #6b7984; }
.diaspora-resource-card { position: relative; display: block; width: 100%; min-height: 330px; height: 100%; padding: 34px 36px; overflow: hidden; border: 1px solid #d9e2e6; border-radius: 12px; background: #fff; color: inherit; text-align: left; box-shadow: 0 8px 28px rgba(8,42,64,.04); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.diaspora-resource-button { appearance: none; cursor: pointer; font: inherit; }
.diaspora-resource-card:hover { border-color: rgba(18,112,102,.35); color: inherit; box-shadow: 0 16px 36px rgba(8,42,64,.12); transform: translateY(-5px); }
.diaspora-card-top { display: grid; grid-template-columns: 68px 1fr auto; align-items: center; gap: 24px; margin-bottom: 14px; }
.diaspora-card-icon { display: grid; width: 68px; height: 68px; place-items: center; border-radius: 50%; background: #e7f3f0; color: #00887b; font-size: 1.7rem; }
.diaspora-resource-card small, .diaspora-modal-heading small { color: #a47b0b; font-size: .74rem; font-weight: 700; letter-spacing: .12em; line-height: 1.9; text-transform: uppercase; }
.diaspora-resource-card h3 { margin: 0 0 10px 10px; color: #07385a; font-size: 1.28rem; line-height: 1.3; }
.diaspora-card-summary { margin-left: 10px; color: #667887; font-size: 0.92rem; line-height: 1.65; }
.diaspora-card-summary p { margin: 0; }
.diaspora-card-arrow { color: #8299a6; font-size: 1.35rem; }
.diaspora-resource-card:focus-visible { outline: 3px solid rgba(0,136,123,.25); outline-offset: 3px; }
.diaspora-details-modal .modal-content { overflow: hidden; border: 0; border-radius: 12px; box-shadow: 0 24px 70px rgba(6,35,54,.24); }
.diaspora-details-modal .modal-header { padding: 1.5rem 1.75rem; border-bottom: 1px solid #e8edf1; }
.diaspora-modal-heading { display: flex; align-items: center; gap: 1rem; }
.diaspora-modal-heading .diaspora-card-icon { flex: 0 0 58px; width: 58px; height: 58px; font-size: 1.5rem; }
.diaspora-modal-heading h3 { margin: .15rem 0 0; color: #07385a; font-size: 1.4rem; }
.diaspora-details-modal .modal-body { padding: 1.75rem; color: #526675; font-size: 1rem; line-height: 1.75; }
.diaspora-details-modal .modal-body p:last-child, .diaspora-details-modal .modal-body ul:last-child { margin-bottom: 0; }
.diaspora-details-modal .modal-body a { color: var(--cnvs-themecolor); text-decoration: underline; text-underline-offset: 3px; }
.diaspora-details-modal .modal-footer { padding: 1rem 1.75rem 1.5rem; border-top: 1px solid #e8edf1; }
.diaspora-cta { padding: 68px 0; background: #0a3c58; color: #fff; }
.diaspora-cta .container { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.diaspora-cta h2 { margin-bottom: 8px; color: #fff; }
.diaspora-cta p:not(.diaspora-overline) { max-width: 760px; margin: 0; color: rgba(255,255,255,.75); }
.diaspora-cta-button { flex: 0 0 auto; margin: 0; background: #c7a64a; color: #071f35; }
.diaspora-cta-button:hover { background: #fff; color: #071f35; }
@media (max-width: 991.98px) {
  .diaspora-hero { min-height: 440px; }
  .diaspora-hero-content { padding-top: 90px; padding-bottom: 80px; }
  .diaspora-section-heading, .diaspora-cta .container { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 575.98px) {
  .diaspora-hero { min-height: 420px; }
  .diaspora-hero-overlay { background: rgba(3,31,50,.82); }
  .diaspora-hero-content { padding-top: 72px; padding-bottom: 64px; }
  .diaspora-intro, .diaspora-resources { padding: 60px 0; }
  .diaspora-resource-card { min-height: 0; padding: 26px 24px; }
  .diaspora-card-top { grid-template-columns: 58px 1fr auto; gap: 16px; }
  .diaspora-card-icon { width: 58px; height: 58px; }
  .diaspora-resource-card h3, .diaspora-card-summary { margin-left: 0; }
}

.fb2 .fbox-icon i {
  color: #fff !important;
}

.slider-caption h2 {margin-top: 3rem; color: #fff;}
.slider-caption p {color: #fff;}

.si-sticky {width: 32px;left: 0;}
.si-sticky .social-icon {margin: 0;border-radius: 0;}
.top-links-item > a {font-size: 14px;}
.dark-1 {filter: brightness(50%)}
.dark-2 {background-color: rgba(40, 40, 40, .65);}
.list-unstyled {padding-left: 0; list-style: none;}

.video-container iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; /* Explicitly sets the width-to-height ratio */
}

/* Members Card */
.members_filter .filter-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
}

.members_filter .filter-btn {
  background-color: white;
  border: 1px solid #ddd;
  color: var(--team-primary-color);
  padding: 8px 20px;
  border-radius: 30px;
  transition: all 0.3s ease;
  font-weight: 500;
}

.members_filter .filter-btn:hover, .members_filter .filter-btn.active {
  background-color: var(--team-secondary-color);
  color: white;
  border-color: var(--team-secondary-color);
}

.members_section .team-card {
  background-color: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--team-card-shadow);
  transition: all 0.4s ease;
  height: 100%;
  position: relative;
}

.members_section .team-card:hover {
  transform: translateY(-10px);
  box-shadow: var(--team-card-shadow-hover);
}

.members_section .member-image {
  height: 280px;
  background-color: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.members_section .member-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.members_section .team-card:hover .member-image img {
  transform: scale(1.05);
}

.members_section .member-info {
  padding: 20px;
  text-align: center;
  position: relative;
  z-index: 2;
  background: white;
  transition: all 0.4s ease;
}

.members_section .team-card:hover .member-info {
  background: linear-gradient(to bottom, #f8f9fa, white);
  padding-bottom: 30px;
}

.members_section .member-name {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--team-primary-color);
  margin-bottom: 3px;
}
.members_section .member-position {
  color: var(--team-secondary-color);
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 1rem;
}

.members_section .view-profile {
  display: inline-block;
  color: var(--team-accent-color);
  font-weight: 600;
  text-decoration: none;
  padding: 10px 25px;
  border: 2px solid var(--team-accent-color);
  border-radius: 30px;
  transition: all 0.3s ease;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
}

.members_section .view-profile:hover {
  background-color: var(--team-accent-color);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3);
}

.members_section .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(44, 62, 80, 0.1), rgba(44, 62, 80, 0.8));
  display: flex;
  align-items: flex-end;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
  padding-bottom: 30px;
}

.members_section .team-card:hover .overlay {
  opacity: 1;
}

.members_section .social-links {
  display: flex;
  gap: 15px;
  transform: translateY(20px);
  transition: transform 0.4s ease;
}

.members_section .team-card:hover .social-links {
  transform: translateY(0);
}

.members_section .social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  color: var(--team-primary-color);
  transition: all 0.3s ease;
}

.members_section .social-links a:hover {
  background-color: var(--team-secondary-color);
  color: white;
  transform: translateY(-3px);
}

.members_section .department-badge {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: var(--team-secondary-color);
  color: white;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  z-index: 3;
}

@media (max-width: 768px) {
  .members_section .filter-buttons {
    justify-content: flex-start;
  }
  .members_section .member-image {
    height: 220px;
  }
}

.members_section .team-member {
  transition: all 0.3s ease;
}

.members_section .team-member.hidden {
  display: none;
}

/* Contact Us Grid */
.grid-filter.flex-column {
	border: 1px solid rgba(0,0,0,0.07);
	border-radius: 4px;
}

.grid-filter.flex-column,
.grid-filter.flex-column li {
	width: 100%;
}

.grid-filter.flex-column li a {
	padding: 14px 20px;
	font-size: 0.9375rem;
	text-align: left;
	border-left: 0;
	border-radius: 0;
	border-bottom: 1px solid rgba(0,0,0,0.07);
}

.grid-filter.flex-column li:first-child a {
	border-radius: 4px 4px 0 0;
}

.grid-filter.flex-column li:last-child a {
	border-bottom: 0;
	border-radius: 0 0 4px 4px;
}


/*ee*/
/* EE Styles */
.content-wrap .ee-body-content p, .ee-body-content p {margin-bottom: 10px;}
.content-wrap .ee-body-content blockquote, .ee-body-content blockquote {font-size: 16px; font-family:Georgia, Times, serif;}
.ee-body-content ul li, .ee-body-content ol li {list-style-position: inside; margin-left:10px; }
.ee-body-content th {border: 2px solid #69899F;padding:8px;}
.ee-body-content td {border: 1px dotted #c9c9c9;padding:8px;}
.ee-body-content tr:nth-child(even) {background-color: #f2f2f2;}
.ee-body-content img {max-width: 100%; height: auto;}
.entry-content.ee-entry-content p {margin-bottom: 10px;}

.ee-side-img {margin:10px 0px 4px 20px; clear:left; float:right;}
.ee-side-img img {float:right;}
.ee-side-img-txt {margin:5px; font-style:italic; font-family:Georgia, Times, serif; text-align:center; max-width:300px; color:#2e2e2e; float:left;}
.ee-caption-text {margin:5px; font-style:italic; font-family:Georgia, Times, serif; text-align:center; color:#2e2e2e; float:left;}

.ee-attachment li {list-style: none;}
.ee-attachment li img, .ee-post-gallery li img {width:auto;}
.ee-attachment, .ee-post-gallery {padding-left: 0; margin: 0; list-style-type: none;}

.ee-attached-files li {font-size:12px;}
.ee-attached-files li a {font-size:12px; color:#337ab7;}
.ee-attached-files li img {width:auto;}
.ee-attached-files {padding-left: 5px; margin-left: 0; list-style-type: none;}

.ee-empty {text-align: center; margin: 0% auto; font-size: 15px;}

/* Trade and investment page */
.investment-hero {
  position: relative;
  height: 355px;
  overflow: hidden;
  background: #071d39;
}
.investment-hero > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.investment-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4,25,55,0.92) 0%, rgba(4,25,55,0.58) 52%, rgba(4,25,55,0.18) 100%);
}
.investment-hero-content {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
}
.investment-kicker,
.investment-overline {
  margin: 0 0 0.75rem;
  color: var(--cnvs-themecolor);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.investment-hero .investment-kicker { color: #fcd116; }
.investment-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.6rem, 5vw, 4rem);
  font-weight: 700;
  letter-spacing: -0.03em;
}
.investment-hero-content > p:not(.investment-kicker) {
  max-width: 800px;
  margin: 0.75rem 0 0;
  color: rgba(255,255,255,0.82);
  font-size: 1.1rem;
}
.investment-intro { padding: 75px 0 20px; }
.investment-intro h2,
.investment-section-heading h2,
.investment-world h2 {
  margin: 0;
  color: #14263d;
  font-size: clamp(2.2rem, 4vw, 3.35rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.05;
}
.investment-text-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 1.75rem;
  color: var(--cnvs-themecolor);
  font-weight: 600;
}
.investment-copy { color: #536171; font-size: 1rem; line-height: 1.85; }
.investment-copy p { margin-bottom: 1.25rem; }
.investment-copy .investment-lead {
  color: #26384c;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.7;
}
.investment-contact-note,
.investment-copy blockquote {
  display: flex;
  gap: 14px;
  margin-top: 2rem;
  padding: 1.25rem 1.4rem;
  border-left: 3px solid var(--cnvs-themecolor);
  background: #f3f7fa;
}
.investment-copy blockquote {
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  quotes: none;
}
.investment-copy blockquote::before,
.investment-copy blockquote::after { content: none; }
.investment-contact-note i { color: var(--cnvs-themecolor); font-size: 1.5rem; }
.investment-contact-note p,
.investment-copy blockquote p { margin: 0; }
.investment-contact-note a { color: var(--cnvs-themecolor); font-weight: 600; }
.investment-resources { padding: 80px 0 90px; background: #f4f6f8; }
.investment-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 3rem;
  margin-bottom: 2.5rem;
}
.investment-section-heading > p { max-width: 480px; margin: 0; color: #667382; }
.investment-resource-card {
  display: block;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
  background: #fff;
  color: #4d5a68;
  box-shadow: 0 10px 30px rgba(21,42,67,0.07);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.investment-resource-card:hover {
  color: #4d5a68;
  transform: translateY(-6px);
  box-shadow: 0 18px 38px rgba(21,42,67,0.14);
}
.investment-resource-card > img {
  width: 100%;
  height: 190px;
  object-fit: cover;
}
.investment-resource-card > div { position: relative; min-height: 230px; padding: 1.5rem 1.5rem 3rem; }
.investment-resource-card span {
  color: var(--cnvs-themecolor);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.investment-resource-card h3 {
  margin: 0.55rem 0 0.7rem;
  color: #172b43;
  font-size: 1.2rem;
  line-height: 1.3;
}
.investment-resource-card p { margin: 0; font-size: 0.9rem; line-height: 1.65; }
.investment-resource-card i {
  position: absolute;
  right: 1.4rem;
  bottom: 1.25rem;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #d6dde4;
  border-radius: 50%;
  color: #172b43;
}
.investment-world { padding: 70px 0; background: #0a2341; color: rgba(255,255,255,0.72); }
.investment-world .container { display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
.investment-world h2 { color: #fff; }
.investment-world p:not(.investment-overline) { max-width: 720px; margin: 1rem 0 0; }
.investment-world .investment-overline { color: #fcd116; }
.investment-cta {
  flex: 0 0 auto;
  margin: 0;
  border: 1px solid rgba(255,255,255,0.45);
  background: transparent;
  color: #fff;
  text-transform: none;
}
.investment-cta:hover { background: #fff; color: #0a2341; }

@media (max-width: 991.98px) {
  .investment-section-heading,
  .investment-world .container { align-items: flex-start; flex-direction: column; }
  .investment-resource-card > div { min-height: 205px; }
}

@media (max-width: 767.98px) {
  .investment-hero { height: 310px; }
  .investment-hero-content { width: calc(100% - 40px); }
  .investment-hero-content > p:not(.investment-kicker) { font-size: 0.95rem; }
  .investment-intro,
  .investment-resources { padding: 55px 0; }
  .investment-section-heading { gap: 1.25rem; }
  .investment-world { padding: 55px 0; }
}

/* Previous High Commissioners */
.previous-hc-section {
  padding: 75px 0;
  background: #f5f8f9;
}

.previous-hc-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.previous-hc-heading h2 { margin-bottom: 0; }

.previous-hc-heading > p {
  max-width: 570px;
  margin: 0;
  color: #677783;
}

.previous-hc-card {
  display: block;
  height: 100%;
  overflow: hidden;
  border: 1px solid #dce4e7;
  border-radius: 14px;
  background: #fff;
  color: #103a55;
  box-shadow: 0 8px 24px rgba(11, 50, 75, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.previous-hc-card:hover {
  color: #103a55;
  transform: translateY(-5px);
  box-shadow: 0 15px 34px rgba(11, 50, 75, 0.13);
}

.previous-hc-photo {
  height: 300px;
  overflow: hidden;
  background: #e8edef;
}

.previous-hc-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.4s ease;
}

.previous-hc-card:hover .previous-hc-photo img { transform: scale(1.035); }

.previous-hc-details { padding: 1.3rem 1.35rem 1.4rem; }

.previous-hc-details span {
  display: block;
  margin-bottom: 0.55rem;
  color: #a47808;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.previous-hc-details h3 {
  margin-bottom: 0.35rem;
  font-size: 1.12rem;
  line-height: 1.35;
}

.previous-hc-details p { margin: 0; color: #6c7a84; font-size: 0.9rem; }

.previous-hc-source {
  margin: 2.25rem 0 0;
  color: #6c7a84;
  font-size: 0.88rem;
}

/* Contact entry displayed beside the enquiry form */
.contact-entry-copy {
  padding-right: 1.5rem;
  color: #596775;
  font-size: 0.96rem;
  line-height: 1.8;
}
.contact-entry-copy p { margin-bottom: 1.35rem; }
.contact-entry-copy span { color: inherit !important; font: inherit !important; }
.contact-entry-copy strong { color: #172b43; font-weight: 700; }
.contact-entry-copy a { color: var(--cnvs-themecolor); overflow-wrap: anywhere; }

@media (max-width: 991.98px) {
  .contact-entry-copy { margin-bottom: 2.5rem; padding-right: 0; }
}

@media (max-width: 767.98px) {
  .previous-hc-section { padding: 55px 0; }
  .previous-hc-heading { align-items: flex-start; flex-direction: column; }
  .previous-hc-photo { height: 330px; }
}

/* Travel and tourism page */
.tourism-hero {
  position: relative;
  height: 480px;
  overflow: hidden;
  background: #071d39;
}
.tourism-hero > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.tourism-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4,25,55,0.9) 0%, rgba(4,25,55,0.54) 55%, rgba(4,25,55,0.12) 100%);
}
.tourism-hero-content {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
}
.tourism-kicker,
.tourism-overline {
  margin: 0 0 0.7rem;
  color: var(--cnvs-themecolor);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.tourism-hero .tourism-kicker { color: #fcd116; }
.tourism-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.8rem, 5.5vw, 4.6rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.03;
}
.tourism-hero-content > p:not(.tourism-kicker) {
  max-width: 680px;
  margin: 1rem 0 0;
  color: rgba(255,255,255,0.82);
  font-size: 1.1rem;
}
.tourism-hero-link,
.investment-hero-link,
.service-hero-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 1.8rem;
  padding: 12px 20px;
  border: 1px solid rgba(255,255,255,0.48);
  border-radius: 999px;
  color: #fff;
  font-weight: 600;
}
.tourism-hero-link:hover,
.investment-hero-link:hover,
.service-hero-link:hover { background: #fff; color: #0a2341; }
.tourism-intro { padding: 50px 0 0px; }
.tourism-intro h2,
.tourism-section-heading h2,
.tourism-entry h2 {
  margin: 0;
  color: #14263d;
  font-size: clamp(2.2rem, 4vw, 3.35rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.05;
}
.tourism-text-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 1.75rem;
  color: var(--cnvs-themecolor);
  font-weight: 600;
}
.tourism-copy { color: #536171; font-size: 1rem; line-height: 1.85; }
.tourism-copy p { margin-bottom: 1.25rem; }
.tourism-copy .tourism-lead { color: #26384c; font-size: 1.2rem; font-weight: 500; line-height: 1.7; }
.tourism-copy blockquote {
  display: flex;
  gap: 14px;
  margin: 2rem 0 0;
  padding: 1.25rem 1.4rem;
  border-left: 3px solid var(--cnvs-themecolor);
  background: #f3f7fa;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  quotes: none;
}
.tourism-copy blockquote::before,
.tourism-copy blockquote::after { content: none; }
.tourism-copy blockquote p { margin: 0; }
.tourism-guides { padding: 80px 0 90px; background: #f4f6f8; }
.tourism-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 3rem;
  margin-bottom: 2.5rem;
}
.tourism-section-heading > p { max-width: 470px; margin: 0; color: #667382; }
.tourism-guide-card {
  display: block;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
  background: #fff;
  color: #52606d;
  box-shadow: 0 9px 28px rgba(21,42,67,0.07);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tourism-guide-card:hover {
  color: #52606d;
  transform: translateY(-6px);
  box-shadow: 0 18px 38px rgba(21,42,67,0.14);
}
.tourism-guide-card > img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  transition: transform 0.45s ease;
}
.tourism-guide-card:hover > img { transform: scale(1.04); }
.tourism-guide-card > div { position: relative; min-height: 215px; padding: 1.5rem 1.5rem 3.2rem; }
.tourism-guide-card span {
  color: var(--cnvs-themecolor);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.tourism-guide-card h3 { margin: 0.55rem 0 0.7rem; color: #172b43; font-size: 1.35rem; }
.tourism-guide-card p { margin: 0; font-size: 0.91rem; line-height: 1.65; }
.tourism-guide-card i {
  position: absolute;
  right: 1.4rem;
  bottom: 1.25rem;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #d6dde4;
  border-radius: 50%;
  color: #172b43;
}
.tourism-entry { padding: 70px 0; background: #0a2341; color: rgba(255,255,255,0.74); }
.tourism-entry .container { display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
.tourism-entry .tourism-overline { color: #fcd116; }
.tourism-entry h2 { color: #fff; }
.tourism-entry p:not(.tourism-overline) { max-width: 720px; margin: 1rem 0 0; }
.tourism-entry-button {
  flex: 0 0 auto;
  margin: 0;
  border: 1px solid rgba(255,255,255,0.45);
  background: transparent;
  color: #fff;
  text-transform: none;
}
.tourism-entry-button:hover { background: #fff; color: #0a2341; }

@media (max-width: 991.98px) {
  .tourism-section-heading,
  .tourism-entry .container { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 767.98px) {
  .tourism-hero { height: 410px; }
  .tourism-hero-content { width: calc(100% - 40px); }
  .tourism-hero-content > p:not(.tourism-kicker) { font-size: 0.95rem; }
  .tourism-intro,
  .tourism-guides { padding: 55px 0; }
  .tourism-section-heading { gap: 1.25rem; }
  .tourism-guide-card > img { height: 220px; }
  .tourism-guide-card > div { min-height: 195px; }
  .tourism-entry { padding: 55px 0; }
}

/* Consular services page */
.services-hero { position: relative; height: 355px; overflow: hidden; background: #071d39; }
.services-hero > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.services-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4,25,55,0.94) 0%, rgba(4,25,55,0.62) 55%, rgba(4,25,55,0.2) 100%);
}
.services-hero-content {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
}
.services-kicker,
.services-overline {
  margin: 0 0 0.7rem;
  color: var(--cnvs-themecolor);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.services-hero .services-kicker { color: #fcd116; }
.services-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.8rem, 5vw, 4.2rem);
  font-weight: 700;
  letter-spacing: -0.035em;
}
.services-hero-content > p:not(.services-kicker) {
  max-width: 750px;
  margin: 0.9rem 0 0;
  color: rgba(255,255,255,0.82);
  font-size: 1.1rem;
}
.services-intro { padding: 50px 0 0px; }
.services-intro h2,
.services-section-heading h2,
.services-help h2 {
  margin: 0;
  color: #14263d;
  font-size: clamp(2.2rem, 4vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.15;
}
.services-copy { color: #536171; font-size: 1rem; line-height: 1.85; }
.services-copy .services-lead { color: #26384c; font-size: 1.2rem; font-weight: 500; line-height: 1.7; }
.services-notice,
.services-copy blockquote {
  display: flex;
  gap: 14px;
  margin-top: 2rem;
  padding: 1.25rem 1.4rem;
  border-left: 3px solid var(--cnvs-themecolor);
  background: #f3f7fa;
}
.services-copy blockquote {
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  quotes: none;
}
.services-copy blockquote::before,
.services-copy blockquote::after { content: none; }
.services-notice i { color: var(--cnvs-themecolor); font-size: 1.5rem; }
.services-notice p,
.services-copy blockquote p { margin: 0; }
.services-portals { padding: 80px 0 90px; background: #f4f6f8; }
.services-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 3rem;
  margin-bottom: 2.5rem;
}
.services-section-heading > p { max-width: 500px; margin: 0; color: #667382; }
.service-portal-card {
  position: relative;
  display: flex;
  height: 100%;
  min-height: 320px;
  padding: 2rem 1.4rem 4.0rem 1.9rem;
  overflow: hidden;
  border: 1px solid #e3e8ed;
  border-radius: 7px;
  background: #fff;
  color: #52606d;
  flex-direction: column;
  box-shadow: 0 9px 28px rgba(21,42,67,0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.service-portal-card:hover {
  border-color: rgba(31,184,151,0.5);
  color: #52606d;
  transform: translateY(-6px);
  box-shadow: 0 18px 38px rgba(21,42,67,0.13);
}
.service-portal-button {
  width: 100%;
  border: 1px solid #e3e8ed;
  text-align: left;
  cursor: pointer;
}
.service-portal-icon {
  display: grid;
  width: 58px;
  height: 58px;
  margin-bottom: 1.5rem;
  place-items: center;
  border-radius: 50%;
  background: rgba(31,184,151,0.1);
  color: var(--cnvs-themecolor);
  font-size: 1.7rem;
}
.service-portal-card .diaspora-card-heading {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.service-portal-card .diaspora-card-heading .service-portal-icon {
  flex: 0 0 58px;
  margin-bottom: 0;
}
.service-portal-card .diaspora-card-heading .service-portal-icon,
.service-portal-card .diaspora-card-heading .service-portal-icon i,
.service-portal-card .diaspora-card-heading .service-portal-icon i::before {
  font-size: 1.75rem !important;
}
.service-portal-card .diaspora-card-heading > span:last-child {
  color: var(--cnvs-themecolor);
  font-size: 0.80rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.55;
  text-transform: uppercase;
}
.service-portal-card.diaspora-resource-card h3 { margin-top: 0; }
.service-portal-card.diaspora-resource-card .diaspora-card-summary { margin-left: 0; }
.service-portal-card > div > span {
  color: var(--cnvs-themecolor);
  font-size: 0.75rem;
  font-weight: 700;
  /*letter-spacing: 0.12em;*/
  text-transform: uppercase;
}
.service-portal-card h3 { margin: 0.45rem 0 0.7rem; color: #172b43; font-size: 1.28rem; }
.service-portal-card p { margin: 0; font-size: 0.92rem; line-height: 1.65; }
.service-portal-card > b {
  position: absolute;
  right: 2rem;
  bottom: 1.7rem;
  left: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  border-top: 1px solid #edf0f3;
  color: #172b43;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.service-details-modal .modal-content {
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 25px 70px rgba(5,25,50,0.25);
}
.service-details-modal .modal-header {
  padding: 1.5rem 1.75rem;
  border-bottom: 1px solid #e8edf1;
}
.service-modal-heading { display: flex; align-items: center; gap: 1rem; }
.service-modal-heading .service-portal-icon { flex: 0 0 auto; margin: 0; }
.service-modal-heading small {
  color: var(--cnvs-themecolor);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.service-modal-heading h3 { margin: 0.2rem 0 0; color: #172b43; font-size: 1.45rem; }
.service-details-modal .modal-body { padding: 1.75rem; color: #52606d; font-size: 1rem; line-height: 1.75; }
.service-details-modal .modal-body ul,
.service-details-modal .modal-body ol {
  margin: 0 0 1rem;
  padding-left: 0;
  list-style-position: inside;
}
.service-details-modal .modal-body li { margin-bottom: 0.45rem; }
.service-details-modal .modal-body p:last-child { margin-bottom: 0; }
.service-details-modal .modal-footer { padding: 1rem 1.75rem 1.5rem; border-top: 1px solid #e8edf1; }
.services-help { padding: 70px 0; background: #0a2341; color: rgba(255,255,255,0.74); }
.services-help .container { display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
.services-help .services-overline { color: #fcd116; }
.services-help h2 { color: #fff; }
.services-help p:not(.services-overline) { max-width: 720px; margin: 1rem 0 0; }
.services-help-button {
  flex: 0 0 auto;
  margin: 0;
  border: 1px solid rgba(255,255,255,0.45);
  background: transparent;
  color: #fff;
  text-transform: none;
}
.services-help-button:hover { background: #fff; color: #0a2341; }

@media (max-width: 991.98px) {
  .services-section-heading,
  .services-help .container { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 767.98px) {
  .services-hero { height: 310px; }
  .services-hero-content { width: calc(100% - 40px); }
  .services-hero-content > p:not(.services-kicker) { font-size: 0.95rem; }
  .services-intro,
  .services-portals { padding: 55px 0; }
  .services-section-heading { gap: 1.25rem; }
  .service-portal-card { min-height: 310px; }
  .services-help { padding: 55px 0; }
}

/* Home hero slideshow */
.mission-hero,
.mission-hero .slider-inner,
.mission-hero .swiper,
.mission-hero .swiper-wrapper,
.mission-hero .swiper-slide {
  height: 660px;
}
.mission-hero {
  overflow: hidden;
  background: #061b3d;
}
.mission-hero .swiper-slide-bg {
  background-position: center !important;
  background-size: cover;
}
.mission-hero-overlay {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, rgba(4, 25, 55, 0.78) 0%, rgba(4, 25, 55, 0.48) 43%, rgba(4, 25, 55, 0.06) 100%);
  pointer-events: none;
}
.mission-hero .container {
  z-index: 2;
  height: 100%;
}
.mission-hero-caption {
  top: 57% !important;
  bottom: auto !important;
  left: 12px !important;
  width: min(700px, calc(100% - 24px));
  max-width: 700px !important;
  padding: 0;
  text-align: left !important;
  transform: translateY(-50%) !important;
}
.mission-hero-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 1.5rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.mission-hero-kicker span {
  display: inline-block;
  width: 40px;
  height: 2px;
  background: #fcd116;
}
.mission-hero .mission-hero-caption h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(3rem, 6vw, 4.75rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.03em;
  text-transform: none;
}
.mission-hero .mission-hero-caption p {
  max-width: 650px;
  margin: 1.5rem 0 0;
  color: rgba(255,255,255,0.82);
  font-size: 1.125rem;
  line-height: 1.75;
}
.mission-hero .mission-hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  margin: 2rem auto 0 0 !important;
  padding: 14px 26px;
  border: 1px solid rgba(255,255,255,0.45);
  border-radius: 999px;
  background: rgba(255,255,255,0.1);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: none;
  backdrop-filter: blur(5px);
}
.mission-hero .mission-hero-button:hover {
  border-color: #fff;
  background: #fff;
  color: #061b3d;
}
.mission-hero .slider-arrow-left,
.mission-hero .slider-arrow-right,
.mission-hero .slide-number {
  display: none !important;
}
.mission-hero .swiper-pagination {
  z-index: 4;
  bottom: 30px !important;
  left: max(24px, calc((100% - 1320px) / 2 + 12px)) !important;
  width: auto !important;
  text-align: left;
}
.mission-hero .swiper-pagination span {
  width: 8px;
  height: 8px;
  margin: 0 4px !important;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,0.55);
  opacity: 1;
  transition: width 0.25s ease, background-color 0.25s ease;
}
.mission-hero .swiper-pagination span.swiper-pagination-bullet-active {
  width: 32px;
  background: #fcd116;
}

@media (max-width: 767px) {
  .mission-hero,
  .mission-hero .slider-inner,
  .mission-hero .swiper,
  .mission-hero .swiper-wrapper,
  .mission-hero .swiper-slide {
    height: 560px;
  }
  .mission-hero-overlay {
    background: linear-gradient(90deg, rgba(4, 25, 55, 0.80) 0%, rgba(4, 25, 55, 0.52) 75%, rgba(4, 25, 55, 0.18) 100%);
  }
  .mission-hero-caption {
    top: 55% !important;
    bottom: auto !important;
    left: 20px !important;
    width: calc(100% - 40px);
    max-width: calc(100% - 40px) !important;
    padding: 0;
    text-align: left;
  }
  .mission-hero-kicker {
    margin-bottom: 1rem;
    font-size: 0.65rem;
    letter-spacing: 0.16em;
  }
  .mission-hero .mission-hero-caption h2 {
    font-size: clamp(2.5rem, 12vw, 3.5rem) !important;
  }
  .mission-hero .mission-hero-caption p {
    margin-top: 1rem !important;
    font-size: 0.95rem !important;
    line-height: 1.6;
  }
  .mission-hero .mission-hero-button {
    margin: 1.5rem auto 0 0 !important;
    padding: 11px 20px !important;
  }
  .mission-hero .swiper-pagination {
    bottom: 22px !important;
    left: 20px !important;
  }
}

.ee-searchlist {width:100%; margin-left:20px;}
.ee-searchlist ol {}
.ee-searchlist ol li {}
.ee-searchlist ol li p {padding:8px; font-style:normal; color:#333333; border-left: 1px solid #999;}
.ee-searchlist ol li a {text-decoration:none; font-size:15px;}
.ee-searchlist ol li p em {display:block;}

ul.hj_social_bookmarks {display:flex; gap:3px; margin:0; padding:0; list-style:none;}
ul.hj_social_bookmarks li {display:block; margin:0; list-style:none;}
ul.hj_social_bookmarks li a {
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:50%;
  background:#333;
  color:#fff;
  text-decoration:none;
  transition:transform .2s ease, opacity .2s ease;
}
ul.hj_social_bookmarks li a:hover {color:#fff; opacity:.86; transform:translateY(-2px);}
ul.hj_social_bookmarks li i {font-size:18px; line-height:1;}
ul.hj_social_bookmarks li.facebook a {background-color:#3b5998;}
ul.hj_social_bookmarks li.linkedin a {background-color:#1985bc;}
ul.hj_social_bookmarks li.twitter a {background-color:#1da1f2;}
ul.hj_social_bookmarks li.whatsapp a {background-color:#4fce5d;}
ul.hj_social_bookmarks li.pinterest a {background-color:#bd081c;}
ul.hj_social_bookmarks li.print a {background-color:#027d02;}
ul.hj_social_bookmarks li.mail a {background-color:#6f42c1;}

/* About pages */
.about-hero { position: relative; height: 355px; overflow: hidden; background: #071d39; }
.about-hero > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.about-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4,25,55,0.93) 0%, rgba(4,25,55,0.6) 54%, rgba(4,25,55,0.18) 100%);
}
.about-hero-content {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
}
.about-kicker,
.about-overline {
  margin: 0 0 0.7rem;
  color: var(--cnvs-themecolor);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.about-hero .about-kicker { color: #fcd116; }
.about-hero h1 {
  max-width: 900px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.65rem, 5vw, 4.1rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.05;
}
.about-hero-content > p:not(.about-kicker) {
  max-width: 800px;
  margin: 0.9rem 0 0;
  color: rgba(255,255,255,0.82);
  font-size: 1.05rem;
}
.about-intro { padding: 75px 0 80px; }
.about-intro h2,
.about-section-heading h2 {
  margin: 0;
  color: #14263d;
  font-size: clamp(2.15rem, 4vw, 2.6rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.20;
}
.about-side-image { margin-top: 1.75rem; }
.about-side-image img { width: 100%; height: auto; border-radius: 6px; }
.about-side-image p { margin: 0.55rem 0 0; color: #718090; font-size: 0.82rem; font-style: italic; }
.about-copy { color: #536171; font-size: 1rem; line-height: 1.85; }
.about-copy > p { margin-bottom: 1.25rem; }
.about-copy .about-lead { color: #26384c; font-size: 1.2rem; font-weight: 500; line-height: 1.7; }
.about-copy blockquote {
  display: flex;
  gap: 14px;
  margin: 2rem 0;
  padding: 1.25rem 1.4rem;
  border-left: 3px solid var(--cnvs-themecolor);
  background: #f3f7fa;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  quotes: none;
}
.about-copy blockquote::before,
.about-copy blockquote::after { content: none; }
.about-copy blockquote p { margin: 0; }
.about-feature-media { overflow: hidden; margin-bottom: 2rem; border-radius: 6px; }
.about-feature-media img { width: 100%; height: auto; }
.about-feature-media .ee-caption-text { display: block; float: none; margin: 0; padding: 0.65rem 0; }
.about-gallery { margin-top: 2rem; }
.about-gallery li { margin-bottom: 1.5rem; }
.about-gallery .ee-caption-text { display: block; float: none; }
.about-downloads { margin-top: 2rem; }
.about-source { margin-top: 1.5rem; }
.about-source a { color: var(--cnvs-themecolor); font-weight: 600; }
.about-social { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid #e2e7eb; }
.about-navigation { padding: 80px 0 90px; background: #f4f6f8; }
.about-navigation-scroll {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 1.25rem;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scrollbar-color: rgba(15, 105, 111, 0.55) rgba(15, 105, 111, 0.1);
  scrollbar-width: thin;
}
.about-navigation-scroll > [class*="col-"] {
  flex: 0 0 calc((100% - 4.5rem) / 4);
  width: calc((100% - 4.5rem) / 4);
  min-width: 275px;
  scroll-snap-align: start;
}
.about-navigation-scroll::-webkit-scrollbar { height: 7px; }
.about-navigation-scroll::-webkit-scrollbar-track { border-radius: 20px; background: rgba(15, 105, 111, 0.1); }
.about-navigation-scroll::-webkit-scrollbar-thumb { border-radius: 20px; background: rgba(15, 105, 111, 0.55); }
.about-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 3rem;
  margin-bottom: 2.5rem;
}
.about-section-heading > p { max-width: 490px; margin: 0; color: #667382; }
.about-navigation-card {
  display: block;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
  background: #fff;
  color: #52606d;
  box-shadow: 0 9px 28px rgba(21,42,67,0.07);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.about-navigation-card:hover {
  color: #52606d;
  transform: translateY(-6px);
  box-shadow: 0 18px 38px rgba(21,42,67,0.14);
}
.about-navigation-card > img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.45s ease;
}
.about-navigation-card:hover > img { transform: scale(1.04); }
.about-navigation-card > div { position: relative; min-height: 215px; padding: 1.5rem 1.5rem 3.2rem; }
.about-navigation-card span {
  color: var(--cnvs-themecolor);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.about-navigation-card h3 { margin: 0.5rem 0 0.7rem; color: #172b43; font-size: 1.25rem; }
.about-navigation-card p { margin: 0; font-size: 0.9rem; line-height: 1.65; }
.about-navigation-card i {
  position: absolute;
  right: 1.4rem;
  bottom: 1.25rem;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #d6dde4;
  border-radius: 50%;
  color: #172b43;
}

@media (max-width: 991.98px) {
  .about-section-heading { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 767.98px) {
  .about-hero { height: 310px; }
  .about-hero-content { width: calc(100% - 40px); }
  .about-hero-content > p:not(.about-kicker) { font-size: 0.95rem; }
  .about-intro,
  .about-navigation { padding: 55px 0; }
  .about-section-heading { gap: 1.25rem; }
  .about-navigation-card > img { height: 220px; }
  .about-navigation-card > div { min-height: 195px; }
  .about-navigation-scroll > [class*="col-"] {
    flex-basis: 82%;
    width: 82%;
    min-width: 260px;
  }
}

.mb-10 {margin-bottom:10px}
.mb-20 {margin-bottom:20px}
.mb-30 {margin-bottom:30px}
.mb-40 {margin-bottom:40px}
.mb-50 {margin-bottom:50px}
.mt-10 {margin-top:10px}
.mt-20 {margin-top:20px}
.mt-30 {margin-top:30px}
.mt-40 {margin-top:40px}
.mt-50 {margin-top:50px}

.gtranslate_wrapper select {
  background-color: transparent;
  border: 1px #0e104b solid;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
}

.gtranslate_wrapper select > option {
  background-color: #0e104b;
  border: none;
}
.widget.videos .owl-carousel .owl-nav {
    width: 15px;
    height: 100px;
    position: absolute;
    bottom: 5%;
    right: 10px;
    display: block !important;
    border:0px solid black;
}
.marker { background-color: #ff0; }
mark { background: orange; color: black; }
.map_container .fluid-width-video-wrapper iframe {}

.yottie-widget-feed-section-search-form {display: none !important;}
/* [data-bs-toggle="collapse"][aria-expanded="true"] { display: none; } */


/* Force hide mobile menu trigger on desktop for Opera */
/* Reduce header height for Opera browser only */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: 0.001dpcm) {
    :root {
        --cnvs-header-height: 90px !important;
        --cnvs-header-height-shrink: 55px !important;
        --cnvs-sticky-header-height: 90px !important;
    }
    
    /* Also adjust logo height if needed */
    #header-wrap #logo img {
        height: 90px !important;
    }
    
    /* Adjust sticky header height */
    .sticky-header #header-wrap #logo img {
        height: 55px !important;
    }
}
/* Distinguish links that open an external website in footer link widgets. */
.widget_links a[target="_blank"]::after {
	content: "\2197";
	display: inline-block;
	margin-left: 0.4rem;
	font-size: 0.8em;
	font-weight: 600;
	line-height: 1;
	transform: translateY(-0.08em);
}

/* Mark external destinations in the primary navigation submenus. */
.primary-menu .sub-menu-container .menu-link[target="_blank"] > div::after {
	content: "\2197";
	display: inline-block;
	margin-left: 0.4rem;
	font-size: 0.72em;
	font-weight: 600;
	line-height: 1;
	transform: translateY(-0.12em);
}

.mission-social-feed {
	padding: 4.5rem 0 5.5rem;
	background: #f5f8f8;
}

.mission-social-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 2rem;
}

.mission-social-overline {
	margin-bottom: 0.35rem;
	color: var(--cnvs-themecolor);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.mission-social-heading h2 {
	margin: 0;
}

.mission-social-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
}

.mission-social-links a {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.55rem 0.8rem;
	border: 1px solid rgba(0, 61, 92, 0.16);
	border-radius: 999px;
	background: #fff;
	color: #003d5c;
	font-size: 0.82rem;
	font-weight: 600;
}

.mission-social-links a::after {
	content: "\2197";
	font-size: 0.75em;
}

.mission-social-links a:hover {
	border-color: var(--cnvs-themecolor);
	color: var(--cnvs-themecolor);
}

.mission-instagram-gallery {
	height: 100%;
	min-height: 520px;
	overflow: hidden;
	border: 1px solid rgba(0, 61, 92, .12);
	border-radius: 1.25rem;
	background: #fff;
	box-shadow: 0 .6rem 1.8rem rgba(10, 45, 61, .06);
}

.mission-instagram-gallery-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid rgba(0, 61, 92, .1);
	font-size: .84rem;
	font-weight: 700;
}

.mission-instagram-gallery-head > span { color: #b32679; }
.mission-instagram-gallery-head i { margin-right: .4rem; font-size: 1rem; }
.mission-instagram-gallery-head a { color: var(--cnvs-themecolor); font-size: .78rem; }

.mission-instagram-tiles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 3px;
	padding: 3px;
}

.mission-instagram-tile {
	position: relative;
	display: block;
	aspect-ratio: 1;
	overflow: hidden;
	background: #e9efef;
}

.mission-instagram-tile > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 350ms ease;
}

.mission-instagram-tile:hover > img { transform: scale(1.045); }

.mission-instagram-placeholder {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	background: linear-gradient(145deg, #5428a9, #c62f81 55%, #f36a39);
	color: #fff;
	font-size: 2rem;
}

.mission-instagram-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: .75rem;
	padding: .8rem;
	background: linear-gradient(to top, rgba(4, 15, 22, .82), transparent 62%);
	color: #fff;
	opacity: 0;
	transition: opacity 200ms ease;
}

.mission-instagram-overlay span {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: .73rem;
	font-weight: 600;
	line-height: 1.35;
}

.mission-instagram-tile:hover .mission-instagram-overlay,
.mission-instagram-tile:focus-visible .mission-instagram-overlay { opacity: 1; }

.mission-x-panel {
	height: 100%;
	min-height: 520px;
	overflow: hidden;
	border: 1px solid rgba(0, 61, 92, 0.12);
	border-radius: 1.25rem;
	background: #fff;
	box-shadow: 0 .6rem 1.8rem rgba(10, 45, 61, .06);
}

.mission-x-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid rgba(0, 61, 92, .1);
	font-size: .84rem;
	font-weight: 700;
}

.mission-x-heading span { color: #111; }
.mission-x-heading i { margin-right: .35rem; }
.mission-x-heading a { color: var(--cnvs-themecolor); font-size: .78rem; }
.mission-x-timeline { min-height: 455px; padding: 0 .75rem; }

@media (max-width: 767.98px) {
	.mission-social-feed {
		padding: 3.5rem 0 4rem;
	}

	.mission-social-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 1.25rem;
	}

	.mission-social-links span {
		display: none;
	}

	.mission-instagram-gallery,
	.mission-x-panel {
		min-height: 440px;
	}

	.mission-instagram-overlay { opacity: 1; }
}