/* ----------------------------------------------------------------
	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: 112px !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;}

@media screen and (min-width: 360px) and (max-width: 767px) {
  #top-search {display: none !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}

.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);}

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

.slider-caption h2 {margin-top: 3rem;}

.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;
}

@media (max-width: 991.98px) {
  /* center the video block within the tall slide */
  #slider .swiper-slide.dark .video-wrap {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;     /* vertical centering */
    justify-content: center;
    background-color: #000;  /* hides any letterboxing */
  }
  #slider .swiper-slide.dark .video-container {
    width: 100%;
  }
}

/*ee*/
/* EE Styles */
.content-wrap .ee-body-content p {margin-bottom: 10px;}
.content-wrap .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;}

.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 {margin-bottom:0;}
ul.hj_social_bookmarks li {display:inline; list-style: inline; font-size:18px; }
ul.hj_social_bookmarks li span { font-size: 16px; color:#fff !important; background-color: #333; padding:1px 5px; border-radius: 50%;}
ul.hj_social_bookmarks li .fa-facebook-f {background-color: #3b5998; padding-right:9px; padding-left:9px;}
ul.hj_social_bookmarks li .fa-linkedin {background-color: #1985bc;}
ul.hj_social_bookmarks li .fa-twitter {background-color: #1da1f2;}
ul.hj_social_bookmarks li .fa-whatsapp {background-color: #4FCE5D;}
ul.hj_social_bookmarks li .fa-pinterest {background-color: #bd081c;}
ul.hj_social_bookmarks li .fa-print {background-color: #027d02;}
ul.hj_social_bookmarks li .fa-envelope {background-color: #6F42C1;}

.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;
    }
}