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


.servcie-title-new{
    color:white !important;
}

.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;
}
.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; }
  }
  
  
  .hero4-section-area .hero4-images-area .bg-area .hero-bg2
{
filter: brightness(0) saturate(100%) invert(92%) sepia(15%) saturate(350%) hue-rotate(130deg) brightness(103%) contrast(87%);
}

.footer-description-area img 
{
        filter: brightness(0) invert(1);
}


.vl-btn4
{
        box-shadow: 0px 4px 15px 0px rgb(195 255 249 / 20%);
}



/* Owl Carousel item'larını flex container yap */
.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-item {
  display: flex;
}

.service4-boxarea {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.service4-boxarea .content-area {
  flex: 1;
  
}

.service-inner-area.sp8 
{
    margin-bottom:100px;
}
.service4-section-area .service4-slider-area .service4-boxarea .content-area p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.service-benefites-section-area .benefites-box .star img
{
    max-height: 90px !important;
    max-width: 90px !important;
}

.testimonial4-section-area .heading4 h2.vl-section-title.text-anime-style-3,
.testimonial4-section-area .heading4 h5.vl-section-subtitle
{
  color: white;
}


.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%;
  }
  .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);
  }
  .staff-card__media {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: color-mix(in srgb, var(--mx-primary) 8%, #f4f6fb);
  }
  .staff-card__media img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center top;   /* görseli üst-ortadan al — kafa kesilmez */
    transition: transform .4s;
    display: block;
  }
  .staff-card:hover .staff-card__media img { transform: scale(1.06); }
  .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;
  }
  .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;
  }
  .staff-card:hover .staff-card__hover,
  .staff-card:focus-visible .staff-card__hover { opacity: 1; }
  .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;
  }
  .staff-card__body { padding: 20px; }
  .staff-card__name {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: var(--mx-primary-dark);
  }
  .staff-card__bio {
    margin-top: 8px;
    font-size: 13.5px;
    line-height: 1.55;
    color: #475569;
  }
  
  
  .works4-section-area .cs_case_study.cs_style_1
{
    background:rgba(0, 124, 112, .07) !important;
}
.works4-section-area .cs_case_study_1_list .box2
{
    background:rgba(0, 124, 112, .15) !important;
}
.works4-section-area .cs_case_study_1_list .box3
{
    background:rgba(0, 124, 112, .20) !important;
}
.works4-section-area .cs_case_study_1_list .box4
{
    background:rgba(0, 124, 112, .25) !important;
}
.team-all-details-area { background: linear-gradient(180deg, #fafbff 0%, #f4f6fb 100%); }

  .doctor-hero { border-radius: 20px; }

  /* Fotoğraf: kart yüksekliği kadar uzar, üst-ortadan kırpar */
  .doctor-hero__media {
    height: 100%; min-height: 360px;
    background: color-mix(in srgb, var(--mx-primary) 8%, #f4f6fb);
  }
  .doctor-hero__media img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
  }

  .doctor-hero__body { display: flex; flex-direction: column; gap: 16px; }

  .doctor-hero__badge {
    display: inline-block;
    align-self: flex-start;
    background: color-mix(in srgb, var(--mx-primary) 12%, #fff);
    color: var(--mx-primary);
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
  }
  .doctor-hero__name {
    font-size: clamp(24px, 4vw, 32px);
    font-weight: 700;
    margin: 0;
    color: var(--mx-primary-dark);
    line-height: 1.2;
  }

  /* Biyografi */
  .doctor-hero__bio {
    color: #475569;
    font-size: 15px;
    line-height: 1.75;
  }
  .doctor-hero__bio p:last-child { margin-bottom: 0; }

  /* İletişim satırları */
  .doctor-hero__contact {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px 24px;
    padding: 16px 0;
    border-top: 1px solid #eef0f6;
    border-bottom: 1px solid #eef0f6;
  }
  .doctor-hero__contact-row {
    display: flex; align-items: center; gap: 12px;
    text-decoration: none;
    color: inherit;
  }
  .doctor-hero__contact-row:hover .doctor-hero__contact-value { color: var(--mx-primary); }
  .doctor-hero__icon {
    flex: 0 0 38px; width: 38px; height: 38px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--mx-primary) 10%, #fff);
    color: var(--mx-primary);
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 15px;
  }
  .doctor-hero__contact-label { font-size: 12px; color: #64748b; text-transform: uppercase; letter-spacing: .04em; }
  .doctor-hero__contact-value { color: #1f2230; font-weight: 500; margin-top: 2px; transition: color .2s; }

  /* CTA */
  .doctor-hero__cta { display: flex; flex-wrap: wrap; gap: 8px; }
  .doctor-hero__cta .vl-btn4 { display: inline-flex; align-items: center; }
  .doctor-hero__cta .btn { display: inline-flex; align-items: center; padding: 10px 18px; border-radius: 999px; font-weight: 500; }

  /* Sosyal medya */
  .doctor-hero__social { list-style: none; padding: 0; margin: 4px 0 0; display: flex; gap: 8px; }
  .doctor-hero__social a {
    display: inline-flex; align-items: center; justify-content: center;
    width: 38px; height: 38px;
    border-radius: 50%;
    background: #f4f6fb;
    color: var(--mx-primary);
    text-decoration: none;
    transition: all .2s;
  }
  .doctor-hero__social a:hover { background: var(--mx-primary); color: #fff; }