:root {
    --mx-primary: #007C70;       /* marka rengin */
    --mx-primary-dark: #004b43;  /* koyu metin tonu */
  }

.vl-blog-4-area .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a,
.heading4 h5,
.testimonial4-section-area .testimonial4-slider-area .owl-dots button.active,
.testimonial4-section-area .testimonial4-slider-area .testimonial4-boxarea .icons,
.vl-blog-4-area .vl-blog-1-item,
.vl-blog-4-area-inner .vl-blog-1-item .vl-blog-1-content .vl-blog-meta ul li a,
.vl-blog-4-area-inner .vl-blog-1-item,
.contact-inner-section-area .contact-single-boxarea2 .single-box,
.contact-inner-section-area .contact-boxarea
{
    background: rgba(0,124,112,0.1);
}
.team4-section-area .team4-slider-area .team4-boxarea .img1 .elements13
{
        filter: hue-rotate(310deg) sepia(.02);
}

.vl-footer4-section-area .footer-widget-area .social-links li a
{
    background: rgba(255, 255, 255, 0.15);
    box-shadow: none;
    color: rgb(0,124,112);
}
.vl-footer4-section-area .footer-widget-area ul li a svg
{
    filter:brightness(1);
}

.service-benefites-section-area .benefites-box .benefites-widget-boxarea .icons img
{
    filter: brightness(0) saturate(100%) invert(35%) sepia(85%) saturate(718%) hue-rotate(127deg) brightness(91%) contrast(101%);
}

.service-benefites-section-area .benefites-box .benefites-widget-boxarea
{
    background:rgb(0,124,112,.05);
}

.service-main-siderbar-area .search-area,
.service-main-siderbar-area .open-hours-box,
.service-main-siderbar-area .categories-area
{
    background:rgb(0,124,112,.1);
}

.slider4-section-area .marquee-wrap
{
    background:#007C70 !important;
}


.lang-switcher {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
  }
  .lang-switcher__toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: transparent;
    border: 1px solid rgba(128, 128, 128, 0.25);
    border-radius: 999px;
    color: inherit;
    font: inherit;
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
    white-space: nowrap;
  }
  .lang-switcher__toggle:hover { background: rgba(128, 128, 128, 0.08); }
  .lang-switcher--open .lang-switcher__toggle { background: rgba(128, 128, 128, 0.1); }

  img.lang-switcher__flag {
    width: 1.4em;
    height: 1em;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
    flex-shrink: 0;
    display: block;
  }
  .lang-switcher__caret { opacity: .6; transition: transform .15s; }
  .lang-switcher--open .lang-switcher__caret { transform: rotate(180deg); }

  .lang-switcher__menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: auto;
    min-width: 180px;
    max-width: calc(100vw - 24px);
    max-height: 60vh;
    overflow-y: auto;
    padding: 6px;
    margin: 0;
    list-style: none;
    background: #fff;
    color: #111;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    z-index: 1500;
  }
  .lang-switcher__item { border-radius: 7px; transition: background-color .1s; }
  .lang-switcher__item > a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    color: inherit;
    text-decoration: none;
    border-radius: 7px;
  }
  .lang-switcher__item:hover { background: rgba(0, 0, 0, 0.06); }
  .lang-switcher__item--active {
    background: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
    font-weight: 600;
  }
  .lang-switcher__name { flex: 1; }
  .lang-switcher__check { opacity: .9; }
  
  
  .home-staff-grid .staff-card {
    display: block;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--mx-primary) 10%, transparent);
    border-radius: 18px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: transform .25s, box-shadow .25s, border-color .25s;
    height: 100%;
  }
  .home-staff-grid .staff-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px color-mix(in srgb, var(--mx-primary) 18%, transparent);
    border-color: var(--mx-primary);
  }
  .home-staff-grid .staff-card__media {
    position: relative;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    background: color-mix(in srgb, var(--mx-primary) 8%, #f4f6fb);
  }
.home-staff-grid .staff-card__media img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center top;   /* ← eklenen satır: yatayda orta, dikeyde üst */
    transition: transform .4s;
    display: block;
  }
  .home-staff-grid .staff-card:hover .staff-card__media img { transform: scale(1.06); }
  .home-staff-grid .staff-card__badge {
    position: absolute;
    top: 12px; left: 12px;
    background: rgba(255,255,255,.92);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    color: var(--mx-primary-dark);
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 999px;
    letter-spacing: .02em;
  }
  .home-staff-grid .staff-card__hover {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 16px;
    background: linear-gradient(180deg, transparent 50%, color-mix(in srgb, var(--mx-primary) 75%, black) 100%);
    opacity: 0;
    transition: opacity .25s;
  }
  .home-staff-grid .staff-card:hover .staff-card__hover,
  .home-staff-grid .staff-card:focus-visible .staff-card__hover { opacity: 1; }
  .home-staff-grid .staff-card__cta {
    display: inline-flex; align-items: center; gap: 6px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 16px;
    background: rgba(255,255,255,.15);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 999px;
  }
  .home-staff-grid .staff-card__body { padding: 20px; text-align: left; }
  .home-staff-grid .staff-card__name {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: var(--mx-primary-dark);
  }

  /* Owl: hover'daki kalkış + gölge stage-outer kırpmasına takılmasın */
  .home-staff-grid .owl-stage-outer {
    overflow: visible;
    padding: 16px 0 32px;
  }
  .home-staff-grid .owl-item { padding: 0 12px; }
  .home-staff-grid .staff-card-slot { height: 100%; }

  @media (prefers-reduced-motion: reduce) {
    .home-staff-grid .staff-card,
    .home-staff-grid .staff-card__media img,
    .home-staff-grid .staff-card__hover { transition: none; }
    .home-staff-grid .staff-card:hover { transform: none; }
    .home-staff-grid .staff-card:hover .staff-card__media img { transform: none; }
  }