.navbar-dark .nav-link {
    /* color: #559774; */
}
a {
    color: #559774;
    text-decoration-line: none;
}
a:hover {
    color: #358b5d;
}

@layer utilities {
    .before\:bg-\[rgba\(30\,34\,40\,\.4\)\] {
        &::before {
            content: var(--tw-content);
            background-color: #7cb798;
        }
    }
}

.swiper-container.nav-color .swiper-button:hover {
    background-color: #69a184 !important;
}

.swiper-container.nav-color .swiper-button {
    background-color: #7cb798 !important;
    color: var(--color-white);
}
.swiper-container.nav-color .swiper-button.swiper-button-disabled,
.swiper-container.nav-color
    .swiper-slide
    figure
    .item-link.swiper-button-disabled {
    background-color: #c3ddd0 !important;
}

.project figure {
    position: relative;
    width: 100%; /* Full width of the container */
    height: 50vh; /* Set the height based on viewport height (60% of the viewport) */
    overflow: hidden; /* Hide overflow */
}

.project figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50vh;
    object-fit: cover; /* Ensures the image covers the container without stretching */
}
/* figure img {
    height: 50vh !important;
    width: 100%;
    max-width: 100%;
} */

.nav-link {
    color: #7cb798;
}
.nav-link {
    &:focus {
        color: #7cb798;
    }
}
.language-select .nav-link {
    color: #7cb798 !important;
}

/* .nav-link.hover\:\!text-\[\#7cb798\].\!text-\[\.85rem\].\!tracking-\[normal\] {
    color: #e3e6e1;
} */
.navbar.navbar-bg-light {
    background-color: rgb(39, 98, 61);
}
/* .nav-link.hover\:\!text-\[\#7cb798\].\!text-\[\.85rem\].\!tracking-\[normal\] {
    color: #96c1a8;
} */

@media (min-width: 992px) {
    .navbar-expand-lg[class*="navbar-bg-"]:not(.fancy):not(.extended):not(
            .fixed
        )
        .navbar-collapse
        .nav-link {
        padding-block: 1.1rem;
    }
}

.video-wrapper.bg-overlay.bg-overlay-gradient {
    &::after {
        content: var(--tw-content);
        background-image: linear-gradient(120deg, #1b3731  50%, #278724 100%);
    }
}

.navbar.navbar-light.fixed .logo-dark {
    display: inline-block;
    height: 40px;
    margin-right: 20px;
}

.navbar.navbar-dark .logo-dark {
    display: inline-block;
    height: 40px;
    margin-right: 20px;
}

.logo-dark {
    display: inline-block;
    height: 34px;
    margin-right: 20px;
}
.navbar.navbar-bg-light {
    background-color: rgb(239, 240, 239);
}

figure img.fixed-height {
    height: 400px !important;
    object-fit: cover;
}

.navbar.navbar-expand-lg.classic.transparent.position-absolute.navbar-dark {
  background: rgba(0, 0, 0, 0.2);
}

@media (min-width: 992px) {
  .navbar-expand-lg.transparent:not(.fixed) {
    padding-top: 0rem;
  }
}

.offcanvas {
  visibility: hidden;
  position: fixed;
  bottom: calc(var(--spacing) * 0);
  z-index: 1045;
  display: flex;
  max-width: 100%;
  flex-direction: column;
  background-color: #234226;
  background-clip: padding-box;
  color: #ffffff;
  --tw-shadow: none;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  outline-style: var(--tw-outline-style);
  outline-width: 0px;
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  transition-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}