/* Conservation - Hero */
.conservation-hero-wrap { padding: 1rem 0; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 2; }
.conservation-hero-wrap:before { content: ""; width: 100%; height: 100%; position: absolute; inset: 0; z-index: 2; background-color: hsla(0, 0%, 0%, 40%); }
.conservation-hero-wrap .hero-video-wrap { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }
.conservation-hero-wrap .hero-video { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.conservation-hero-tagline { width: 100%; max-width: 56rem; padding: 0 0.9375rem; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; }
.conservation-hero-title { margin-bottom: 1.5rem; font-size: 3rem; }
.conservation-hero-subtitle { margin-bottom: 1.5rem; font-size: 1.25rem; }
.conservation-hero-desc { padding: 1.5rem; background-color: hsla(var(--white), 10%); border: 0.0625rem solid hsla(var(--white), 20%); border-radius: 1.5rem; backdrop-filter: blur(0.25rem); font-size: 1.125rem; }
@media (min-width: 1025px) {
  .conservation-hero-wrap { padding: 0; }
  .conservation-hero-wrap .hero-video-wrap { position: relative; height: max(25rem, 65.75vh); }
  .conservation-hero-wrap.seaturtle .hero-video-wrap { height: max(25rem, calc(100vh - var(--headerHeight))); }
  .conservation-hero-tagline { position: absolute; }
  .conservation-hero-title { font-size: 4.5rem; }
  .conservation-hero-subtitle { margin-bottom: 2rem; font-size: 1.5rem; }
}

/* Conservation - Header Sub Navigation */
.conservation-header-bar-sub { padding: 0.5rem; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.conservation-header-bar-sub.sticky { position: sticky; top: var(--headerHeight); z-index: 3; }
.conservation-header-bar-sub .i-header-bar-sub-navigation { margin: 0 auto; padding: 0; display: flex; flex-wrap: nowrap; align-items: center; }
.conservation-header-bar-sub .i-header-bar-sub-navigation-item { list-style: none; position: relative; }
.conservation-header-bar-sub .i-header-bar-sub-navigation-item:not(:last-child):after { content: ''; width: 0.0625rem; height: 1rem; background-color: hsla(var(--white), 50%); position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.conservation-header-bar-sub .i-header-bar-sub-navigation-btn { padding: 0.25rem 1rem; background: transparent; color: hsl(var(--white)); font-size: 0.875rem; }
.conservation-header-bar-sub .i-header-bar-sub-navigation-btn:hover { color: hsla(var(--white), 75%); }


/* Conservation - Content */
.conservation.i-content { padding: 0; }
.conservation .content-builder-wrap { margin: 0; }
.conservation section { padding: 4rem 0; }
.conservation .light-gray-bg { background-color: hsl(210, 20%, 98%); }
.conservation-icon { display: inline-block; width: 2rem; height: 2rem; }
.conservation-sm-icon { display: inline-block; width: 1.5rem; height: 1.5rem; }
.conservation-heading { gap: 1rem; }
.conservation-heading-icon { padding: 0.75rem; display: flex; border-radius: 1rem; transition: 0.4s ease-in-out;  }
.conservation-heading-icon:hover { transform: scale(1.1) rotate(5deg); }
.conservation-title { font-size: 2.25rem !important; }
.conservation-title.sm { font-size: 1.5rem !important; }
.conservation-subtitle { font-size: 1.25rem; font-weight: var(--wMedium); }
.conservation-grid { display: grid; gap: 3rem; }
.conservation-img-wrap { width: 100%; min-height: 16rem; border-radius: 2rem; box-shadow: var(--dropShadow); overflow: hidden; position: relative; transition: 0.4s ease-in-out; }
.conservation-img-wrap:hover { transform: scale(1.02); }
.conservation-img { width: 100%; height: 100% !important; -o-object-fit: cover; object-fit: cover; position: absolute; right: 0; top: 0; bottom: 0; left: 0; }
.conservation-card { height: 100%; padding: 2rem; border-radius: 2rem; box-shadow: var(--dropShadow); background-color: hsl(var(--white)); border: 0.125rem solid hsl(var(--gray90)); position: relative; transition: 0.4s ease-in-out; }
.conservation-card:hover { transform: scale(1.02); }
.conservation-card.gold { background-color: hsla(var(--siteColor1), 15%); border: 0.125rem solid hsla(var(--siteColor1), 50%); }
.conservation-card.gold:before { content: ""; display: block; width: 1.5rem; height: 1.5rem; animation: rotating 3s linear infinite; position: absolute; top: 1rem; right: 1rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="hsl(30.46, 27.2%, 46.86%, 25%)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"></path><path d="M5 3v4"></path><path d="M19 17v4"></path><path d="M3 5h4"></path><path d="M17 19h4"></path></svg>'); background-repeat: no-repeat; background-size: 100% 100%; }
.conservation-card h4.conservation-card-title { font-size: 1.25rem; font-weight: var(--wHeavy); }
.conservation-card-title .conservation-icon { animation: scaleInOut 1s infinite alternate;  }
.conservation-experience { position: relative; }
.conservation-experience:before { content: ""; opacity: 0.05; display: block; width: 100%; height: 100%; position: absolute; inset: 0; background: url('/images/layout/exclusive-vacations-icon-white-logo.png') no-repeat center center; background-size: 20%; }
.conservation-experience .container { max-width: 56rem; }
.conservation .content-builder-wrap .conservation-btn-wrap .site-color-5-bg-hover:hover { background-color: hsl(var(--siteColor5)) !important; } 
.conservation-partner .h6 { margin-bottom: 0.75rem; font-size: 1rem; font-weight: var(--wBold); }
.conservation-partner-icon { width: 4rem; height: 4rem; background-color: hsla(var(--siteColor1), 15%); border-radius: 100vw; }
.conservation-partner-icon.site-color-2 { background-color: hsla(var(--siteColor2), 15%); }
.conservation-partner-icon.black { background-color: hsla(var(--black), 15%); }
@media (min-width: 1025px) {
  .conservation .light-gray-bg .conservation-img-grid .conservation-grid-item:last-child { order: -1; }
  .conservation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .conservation-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .conservation-img-wrap { height: 100%; }
  .conservation-info { padding: 2rem 0; }
}

/* Conservation - Animations */
@keyframes scaleInOut {
  0% { transform: scale(0.9); }
  100% { transform: scale(1.1); }
}
@keyframes rotating {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}