:root {
    --ds-font: "Roboto", sans-serif;
    --ds-primary: #383E42;
    --ds-secondary: #A0A7AC;
    --ds-dark: #2A2F32;
    /* Koyu Turkuaz yerine Antrasit */
    --ds-white: #ffffff;
    --ds-gray: #636C72;
}

body {
    font-family: var(--ds-font);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

/* --- Container Genişlik Revizyonu --- */
@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1400px !important;
    }
}

.container {
    width: 100%;
}

i {
    font-style: normal;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    transition: 0.3s;
}

/* --- DS BUTTON (Modern Elite Revizyon) --- */
.ds-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    overflow: hidden;
    border: none;
    letter-spacing: 0.3px;
}

.ds-btn i {
    transition: transform 0.4s ease;
}

/* Birincil Buton (Primary) */
.ds-btn-primary {
    background: linear-gradient(135deg, var(--ds-primary) 0%, var(--ds-dark) 100%);
    color: var(--ds-white) !important;
    box-shadow: 0 10px 25px rgba(42, 47, 50, 0.2);
}

.ds-btn-primary:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(42, 47, 50, 0.3);
    color: var(--ds-white) !important;
}

.ds-btn-primary:hover i {
    transform: translateX(8px);
}

/* Parlama Efekti */
.ds-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: 0.6s;
    z-index: -1;
}

.ds-btn:hover::before {
    left: 100%;
}

/* Slider Özel Buton Uyumu (Sağlık Sektörü Mavisi) */
.slider-btns .ds-btn:first-child {
    background: linear-gradient(135deg, #0088CC 0%, #005580 100%);
    color: var(--ds-white);
    box-shadow: 0 10px 20px rgba(0, 136, 204, 0.3);
}

/* Döngüdeki 2. Buton: Şeffaf (Outline) */
.slider-btns .ds-btn:nth-child(2) {
    background-color: transparent;
    color: var(--ds-white);
    border: 2px solid var(--ds-white);
    margin-left: 15px;
}

.slider-btns .ds-btn:nth-child(2):hover {
    background-color: var(--ds-white);
    color: #0088CC !important;
}

/* Buton İkon Animasyonu */
.ds-btn i {
    display: inline-block;
    transition: transform 0.3s ease;
}

.ds-btn:hover i {
    transform: translateX(4px);
}

/* --- DS HERO SLIDER --- */
.ds-hero-slider {
    position: relative;
    display: block;
    background-color: var(--ds-dark);
    z-index: 2;
    overflow: hidden;
}

.ds-hero-slider .item {
    position: relative;
    min-height: 850px;
    display: flex;
    align-items: center;
    background-color: transparent;
    overflow: hidden;
}

/* Arka Plan Görseli (Yüksek Çözünürlük ve Küçük Resim Sigortası) */
.slider-bg {
    position: absolute;
    top: 0;
    left: -5vw;
    width: 110vw;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
    transform: scale(1);
    /* Renk karıstırma efekti kaldırılarak gorsellerin netlesmesi saglandı */
    opacity: 1;
}

.owl-item.active .slider-bg {
    transform: scale(1);
    /* Scale kaldırıldı */
}

/* Lokal Overlay (Resimle Senkronize Genişlik) */
.slider-overlay {
    position: absolute;
    top: 0;
    left: -5vw;
    width: 110vw;
    height: 100%;
    /* Üst %0 tam şeffaf, Alt %85 yoğun geçişli - Resimlerin netleşmesi için optimize edildi */
    background: linear-gradient(180deg, rgba(56, 62, 66, 0) 0%, rgba(56, 62, 66, 0.85) 100%);
    z-index: 1;
    pointer-events: none;
}

.slider-content {
    position: relative;
    color: var(--ds-white);
    z-index: 10;
    max-width: 900px;
    transform: translateY(-5%);
}

.slider-subtitle {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0px;
    margin-bottom: 25px;
    color: var(--ds-white);
    opacity: 0;
    transform: translateY(20px);
    transition: 0.8s all ease;
    padding-left: 70px;
    position: relative;
    display: inline-block;
}

.slider-subtitle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 2px;
    background-color: #0088CC;
}

.slider-content h2 {
    font-size: clamp(40px, 10vw, 80px);
    font-weight: 300;
    /* İnce olan kısım */
    line-height: 1;
    margin-bottom: 25px;
    opacity: 0;
    transform: translateY(30px);
    transition: 1s all ease;
}

.slider-content h2 em {
    display: block;
    /* br etiketi yerine alt satıra geçişi sağlar */
    font-weight: 800;
    font-style: normal;
}

.slider-text {
    margin-bottom: 35px;
    font-size: clamp(17px, 3vw, 20px);
    line-height: 1.6;
    opacity: 0;
    transform: translateY(40px);
    transition: 1.2s all ease;
}

/* --- SLIDER FEATURES (Global Sabit Bar) --- */
.slider-features-wrapper {
    position: absolute;
    bottom: 70px;
    /* Orijinal tasarım dengesi için yukarı çekildi */
    left: 0;
    width: 100%;
    z-index: 50;
    pointer-events: none;
}

.slider-features {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
    /* Daha berrak bir cam etkisi */
    padding: 25px 50px;
    border-radius: 100px;
    border: none !important;
    pointer-events: all;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    flex: 1;
}

.feature-item .icon-box {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ds-secondary);
    font-size: 20px;
    transition: 0.3s;
}

.feature-item:hover .icon-box {
    background: var(--ds-primary);
    color: var(--ds-white);
    transform: translateY(-5px);
}

.feature-item .text-box h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--ds-white);
}

.feature-item .text-box p {
    margin: 0;
    font-size: 12px;
    color: var(--ds-secondary);
    opacity: 0.8;
}

/* Aralardaki çizgiler kaldırıldı (Daha temiz görünüm) */

.slider-btns {
    opacity: 0;
    transform: translateY(50px);
    transition: 1.5s all ease;
}

.owl-item.active .slider-subtitle,
.owl-item.active .slider-content h2,
.owl-item.active .slider-text,
.owl-item.active .slider-btns {
    opacity: 1;
    transform: translateY(0);
}

/* --- OWL DOTS (Minimalist & Zarif Tasarım) --- */
.owl-theme .owl-dots {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 !important;
    z-index: 100;
}

.owl-theme .owl-dots .owl-dot {
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
    padding: 0;
    margin: 15px 0 !important;
    background: transparent !important;
    border: 1px solid var(--ds-white) !important;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.owl-theme .owl-dots .owl-dot::after {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 1px solid var(--ds-white);
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s ease;
}

.owl-theme .owl-dots .owl-dot.active::after,
.owl-theme .owl-dots .owl-dot:hover::after {
    transform: scale(1);
}

.owl-theme .owl-dots .owl-dot span {
    display: none !important;
}

/* --- DS TOPBAR --- */
.ds-topbar {
    background-color: var(--ds-primary);
    padding: 10px 0;
    color: var(--ds-white);
}

.ds-topbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.ds-contact-info {
    display: flex;
    gap: 40px;
    margin: 0;
}

.ds-contact-item {
    display: flex;
    align-items: center;
    position: relative;
}

.ds-contact-item:not(:last-child):after {
    content: "";
    position: absolute;
    right: -20px;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
}

.ds-contact-item i {
    margin-right: 8px;
    font-size: 15px;
}

.ds-contact-item a {
    color: var(--ds-white);
}

.ds-contact-info p {
    margin: 0;
    font-size: 14px;
}

.ds-topbar-right {
    display: flex;
    align-items: center;
    gap: 30px;
}

.ds-language-switcher {
    position: relative;
}

.ds-lang-btn {
    background: transparent;
    border: none;
    color: var(--ds-white);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 0;
    transition: 0.3s;
    /* text-transform: uppercase kaldırıldı */
}

.ds-lang-btn i:first-child {
    font-size: 16px;
    margin-right: 5px;
}

.ds-lang-btn img {
    width: 20px;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ds-lang-btn:hover {
    color: var(--ds-secondary);
}

.ds-lang-btn i:last-child {
    font-size: 10px;
    opacity: 0.7;
}

.ds-lang-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--ds-white);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    padding: 10px 0;
    min-width: 150px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 1100;
}

.ds-language-switcher:hover .ds-lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(5px);
}

.ds-lang-dropdown li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    color: var(--ds-dark);
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
}

.ds-lang-dropdown li a img {
    width: 20px;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.ds-lang-dropdown li a:hover,
.ds-lang-dropdown li a.active {
    background: rgba(56, 62, 66, 0.08);
    color: var(--ds-primary);
}

.ds-social-links ul {
    display: flex;
    gap: 15px;
}

.ds-social-links ul li a {
    color: var(--ds-white);
    transition: 0.3s;
}

.ds-social-links ul li a:hover {
    color: var(--ds-secondary);
}

/* --- DS MAIN MENU --- */
.ds-navbar {
    background: var(--ds-white);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 1000;
}

/* --- SMART STICKY HEADER --- */
.ds-sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--ds-white);
    z-index: 9999;
    padding: 8px 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transform: translateY(-110%);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
    visibility: hidden;
}

.ds-sticky-header.sticky-active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.ds-sticky-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Sticky İçindeki Elemanları Optimize Et */
.ds-sticky-header .ds-logo-wrapper {
    padding: 5px 0;
}

.ds-sticky-header .ds-nav-item {
    padding: 15px 15px;
}

.ds-sticky-header .ds-logo-box {
    width: 150px;
    height: 40px;
    font-size: 10px;
}

.ds-sticky-header .ds-hotline {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    padding-left: 15px;
}

.ds-sticky-header .ds-hotline-icon {
    width: 35px;
    height: 35px;
    font-size: 14px;
}

.ds-sticky-header .ds-hotline-text p {
    display: none;
}

/* Sticky'de alt metni gizle */
.ds-sticky-header .ds-hotline-text h5 {
    font-size: 15px;
    margin: 0;
}

.ds-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ds-logo-wrapper {
    padding: 15px 0;
}

.ds-logo-wrapper h1,
.ds-logo-wrapper span,
.ds-logo-wrapper p {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
}

.ds-logo-box {
    width: 180px;
    height: 50px;
    background: #f8f9fa;
    border: 1px dashed #dee2e6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #adb5bd;
    font-size: 11px;
}

.ds-nav-list {
    display: flex;
    align-items: center;
}

.ds-nav-item {
    position: relative;
    padding: 30px 15px;
}

.ds-nav-item>a {
    color: var(--ds-dark);
    font-weight: 600;
    font-size: 15px;
    position: relative;
}

.ds-nav-item>a::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    width: 7px;
    height: 7px;
    background-color: var(--ds-primary);
    border-radius: 50%;
    transform: translateX(-50%) scale(0);
    transition: 0.3s;
}

.ds-nav-item:hover>a::after,
.ds-nav-item.active>a::after {
    transform: translateX(-50%) scale(1);
}

.ds-nav-item:hover>a {
    color: var(--ds-primary);
}

.ds-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 340px;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(15px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    padding: 15px 0;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-top: 4px solid var(--ds-primary);
    opacity: 0;
    visibility: hidden;
    transform: perspective(1000px) rotateX(-15deg) translateY(10px);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.ds-nav-item:hover .ds-submenu {
    opacity: 1;
    visibility: visible;
    transform: perspective(1000px) rotateX(0deg) translateY(0);
}

.ds-submenu li a {
    position: relative;
    display: block;
    font-size: 15px;
    padding: 8px 25px;
    color: var(--ds-dark);
    transition: 0.3s;
}

.ds-submenu li a::before {
    content: "";
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    width: 5px;
    height: 5px;
    background-color: var(--ds-primary);
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.ds-submenu li a:hover {
    padding-left: 35px;
    background: rgba(56, 62, 66, 0.08);
    color: var(--ds-primary);
}

.ds-submenu li a:hover::before {
    transform: translateY(-50%) scale(1);
}

.ds-hotline {
    display: flex;
    align-items: center;
    gap: 15px;
    border-left: 1px solid #eee;
    padding-left: 25px;
}

.ds-hotline-icon {
    width: 45px;
    height: 45px;
    background: var(--ds-secondary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ds-primary);
    position: relative;
    z-index: 1;
}

.ds-hotline-icon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--ds-secondary);
    border-radius: 50%;
    z-index: -1;
    animation: ds-icon-pulse 2s infinite ease-out;
}

@keyframes ds-icon-pulse {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.ds-hotline-text p {
    margin: 0;
    font-size: 13px;
    color: var(--ds-gray);
}

/* --- DS SERVICES (Tedavilerimiz) --- */
.ds-services {
    background-color: #F8FBFB;
    /* Çok hafif klinik turkuaz tonlu beyaz */
}

/* --- DS SECTION TITLE (Dinamik Uyumlu) --- */
.ds-section-title {
    margin-bottom: 40px;
}

.ds-section-title h6,
.ds-section-title .ds-subtitle {
    font-size: 16px;
    font-weight: 700;
    color: var(--ds-primary);
    letter-spacing: 2px;
    margin-bottom: 10px;
    display: block;
    text-transform: none;
    /* Uppercase tamamen kaldırıldı */
}

.ds-section-title h3,
.ds-section-title h2,
.ds-section-title .ds-title {
    font-size: 40px;
    font-weight: 800;
    color: var(--ds-dark);
    margin-bottom: 0;
    line-height: 1.2;
}

/* --- REVEAL ENGINE (Çok Yönlü Animasyon Sistemi) --- */
.ds-reveal {
    opacity: 0;
    transition: opacity 1.2s cubic-bezier(0.2, 0.8, 0.2, 1), transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    transition-delay: var(--delay, 0s) !important;
    pointer-events: none;
}

/* Yönler */
.ds-reveal.ds-up {
    transform: translateY(50px);
}

.ds-reveal.ds-down {
    transform: translateY(-50px);
}

.ds-reveal.ds-left {
    transform: translateX(-50px);
}

.ds-reveal.ds-right {
    transform: translateX(50px);
}

/* Aktif Durum (Tetiklendiğinde) */
.ds-reveal.ds-active {
    opacity: 1 !important;
    transform: translate(0, 0);
    pointer-events: all;
}

/* Hover anında gecikmeyi sıfırla (Etkileşim anlık olmalı) */
.ds-reveal.ds-active:hover {
    transition-delay: 0s !important;
}

/* --- DS SERVICES (Hizmet Kartları - Dinamik Uyumlu) --- */
.ds-service-card {
    background: var(--ds-white);
    padding: 40px 35px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, 0.02);
}

.ds-service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(56, 62, 66, 0.12);
    border-color: rgba(56, 62, 66, 0.1);
}

/* İlk İkon (Otomatik Yuva) */
.ds-service-card>i:first-of-type {
    width: 65px;
    height: 65px;
    background: rgba(56, 62, 66, 0.08);
    color: var(--ds-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 20px;
    transition: 0.4s;
}

.ds-service-card:hover>i:first-of-type {
    background: var(--ds-primary);
    color: var(--ds-white);
    transform: rotateY(180deg);
}

/* Hizmet Başlığı */
.ds-service-card h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.ds-service-card h3 a {
    color: var(--ds-dark);
}

.ds-service-card h3 a:hover {
    color: var(--ds-primary);
}

/* Hizmet Metni */
.ds-service-card p {
    font-size: 15px;
    line-height: 1.6;
    color: var(--ds-gray);
    margin-bottom: 20px;
}

/* Detaylı Bilgi Linki (En sondaki a etiketi) */
.ds-service-card>a:last-of-type {
    margin-top: auto;
    font-size: 14px;
    font-weight: 700;
    color: var(--ds-primary);
    display: flex;
    align-items: center;
    gap: 8px;
}

.ds-service-card>a:last-of-type i {
    transition: 0.3s;
}

.ds-service-card:hover>a:last-of-type i {
    transform: translateX(5px);
}

/* Büyük Randevu Kartı (Get A Quote - Kompakt Revizyon) */
.ds-service-quote {
    position: relative;
    background: linear-gradient(135deg, var(--ds-primary) 0%, var(--ds-dark) 100%);
    padding: 40px 50px;
    /* Hizmet kartlarıyla uyumlu padding */
    border-radius: 15px;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: var(--ds-white);
    box-shadow: 0 15px 45px rgba(56, 62, 66, 0.15);
    border: none !important;
}

.ds-service-quote::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    z-index: 1;
    pointer-events: none;
}

.ds-quote-content {
    position: relative;
    z-index: 10;
    width: 100%;
    /* İçeriği yayması için */
}

.ds-quote-tag {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--ds-secondary);
    margin-bottom: 8px;
}

.ds-quote-title {
    font-size: 28px;
    /* Daha kompakt başlık */
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
}

/* Güven Rozetleri (Glassmorphism Badges) */
.ds-quote-badges {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.badge-item {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 8px 15px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 500;
    color: var(--ds-white);
}

.badge-item i {
    color: var(--ds-secondary);
    font-size: 14px;
}

/* Aksiyon Butonu (Beyaz ve Sade Revizyon) */
.ds-btn-white {
    background-color: var(--ds-white);
    color: var(--ds-primary) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    /* Belirli belirsiz gölge */
    border: none;
}

.ds-btn-white:hover {
    background-color: #f8fbfb;
    color: var(--ds-dark) !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* --- DS ABOUT (Hakkımızda) --- */
.ds-about {
    background-color: var(--ds-white);
    position: relative;
    overflow: hidden;
}

/* --- ABOUT SECTION (INDEX4 STYLE) --- */
.about-four {
    position: relative;
    display: block;
    padding: 120px 0;
    z-index: 1;
}

.about-four__left {
    position: relative;
    display: block;
    margin-right: 40px;
}

.about-four__img-box {
    position: relative;
    display: block;
    z-index: 1;
}

.about-four__img {
    position: relative;
    display: block;
}

.about-four__img:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    /* Eritme yüksekliği */
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
    pointer-events: none;
}

.about-four__img img {
    width: 100%;
    border-radius: 15px;
}

.about-four__shape-1 {
    position: absolute;
    top: 250px;
    left: -20px;
    width: 572px;
    height: 120px;
    background-color: rgba(13, 172, 185, 0.1);
    border-radius: 15px;
    transform: rotate(-15deg);
    z-index: -1;
}

.about-four__shape-2 {
    position: absolute;
    bottom: 77px;
    left: 14px;
    width: 572px;
    height: 120px;
    background-color: rgba(13, 172, 185, 0.1);
    border-radius: 15px;
    transform: rotate(-15deg);
    z-index: -1;
}

.about-four__shape-3 {
    position: absolute;
    top: 145px;
    left: 80px;
    height: 40px;
    width: 40px;
    background-color: var(--ds-primary);
    border-radius: 50%;
    z-index: 2;
    /* Resmin ÖNÜNE taşındı */
    opacity: 0.6;
    /* Daha belirgin yapıldı */
}

.about-four__shape-4 {
    position: absolute;
    top: 99px;
    right: 150px;
    height: 40px;
    width: 40px;
    background-color: var(--ds-primary);
    border-radius: 50%;
    z-index: 2;
    /* Resmin ÖNÜNE taşındı */
    opacity: 0.6;
}

.about-four__shape-5 {
    position: absolute;
    top: 175px;
    right: 90px;
    height: 60px;
    width: 60px;
    background-color: var(--ds-primary);
    border-radius: 50%;
    z-index: 2;
    /* Resmin ÖNÜNE taşındı */
    opacity: 0.4;
}

.about-four__success-ratio {
    position: absolute;
    top: 75%;
    /* Daha aşağıya çekildi */
    transform: translateY(-50%);
    right: -50px;
    left: auto;
    width: 200px;
    height: 200px;
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
    z-index: 10;
}

.about-four__success-ratio-percent {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.about-four__success-ratio-percent h3 {
    font-size: 64px;
    /* Devasa ve heybetli */
    font-weight: 900;
    color: var(--ds-dark);
    margin: 0;
    line-height: 1;
}

.about-four__succ.about-four__success-ratio-text {
    font-size: 16px;
    font-weight: 500;
    color: var(--ds-gray);
    margin: 10px 0 0;
    text-transform: none;
    letter-spacing: 0;
}

/* Animations (Floating) */
@keyframes float-bob-x {
    0% {
        transform: translateX(-30px);
    }

    50% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(-30px);
    }
}

@keyframes float-bob-y {
    0% {
        transform: translateY(-50%);
    }

    50% {
        transform: translateY(-58%);
    }

    100% {
        transform: translateY(-50%);
    }
}

.float-bob-x {
    animation: float-bob-x 4s infinite ease-in-out;
}

.float-bob-y {
    animation: float-bob-y 6s infinite ease-in-out;
}

/* --- DS ABOUT CONTENT (Dinamik Veri Uyumlu Mimar) --- */
.ds-about-content {
    /* Bu kapsayıcı altındaki her şey db'den geldiği gibi otomatik stillenir */
}

.ds-about-content p {
    font-size: 17px;
    line-height: 1.85;
    color: var(--ds-gray);
    margin-bottom: 25px;
}

.ds-about-content ul {
    list-style: none;
    padding: 0;
    margin: 30px 0;
}

.ds-about-content ul li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
    font-size: 16px;
    color: var(--ds-dark);
    display: flex;
    align-items: center;
    line-height: 1.5;
}

/* Veri tabanından gelen standart <li> etiketlerine otomatik ikon mühürleme */
.ds-about-content ul li::before {
    content: "\f00c";
    /* FontAwesome Check İkonu */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    width: 32px;
    height: 32px;
    background: rgba(56, 62, 66, 0.1);
    color: var(--ds-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: 0.3s;
}

.ds-about-content ul li:hover::before {
    background: var(--ds-primary);
    color: var(--ds-white);
    transform: scale(1.1);
}

.ds-about-content strong {
    font-weight: 700;
    color: var(--ds-primary);
}

/* --- DS TEAM (Elite Gallery Revizyon) --- */
.ds-team {
    background: linear-gradient(to bottom, var(--ds-dark) 55%, #ffffff 55%);
    padding: 120px 0 70px 0;
    position: relative;
    overflow: hidden;
}

/* Slider alanını daraltmak için özel container */
.ds-team .container {
    max-width: 1100px;
    /* Standarttan daha dar kalarak zarafet katar */
}

.ds-team-carousel {
    position: relative;
    padding: 0;
}

.ds-team-carousel .owl-stage-outer {
    padding: 70px 40px;
    /* Gölgelerin sığması için çok daha geniş alan açtık */
    margin: -70px -40px;
    /* Tasarımı milimetrik olarak eski konumuna çektik */
}

.ds-team-card {
    position: relative;
    background: var(--ds-white);
    border-radius: 10px;
    /* Keskin ve tam kurumsal hatlar */
    padding: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    text-align: center;
    overflow: hidden;
}

.ds-team-card:hover {
    transform: translateY(-8px);
    /* Daha zarif bir yükselme */
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
    /* Yumuşatılmış ve daha dar shadow */
}

.ds-team-img-box {
    position: relative;
    border-radius: 0;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1 / 1;
    /* Tam Kare (8/8) Kurumsal Form */
    background: #111;
    margin-bottom: 0;
    transition: all 0.6s ease;
}

.ds-team-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: 1s ease;
}

/* Hekim Bilgileri (Dinamik Kavşak Mantığı) */
.ds-team-info {
    position: relative;
    /* İkonu buraya sabitlemek için */
    padding: 35px 20px 30px 20px;
    background: var(--ds-white);
    text-align: center;
}

/* Hekim İkonu (Resim/Bilgi Birleşimi - Seal of Excellence) */
.ds-team-icon {
    position: absolute;
    top: 0;
    /* Bilgi kutusunun en üstü = Resmin tam bittiği yer */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background: var(--ds-primary);
    color: var(--ds-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    z-index: 10;
    border: none;
    box-shadow: 0 5px 15px rgba(56, 62, 66, 0.15);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.ds-team-card:hover .ds-team-icon {
    transform: translate(-50%, -50%) rotate(360deg);
    background: var(--ds-secondary);
}

.ds-team-info h3 {
    font-size: 22px;
    font-weight: 800;
    color: var(--ds-dark) !important;
    margin-bottom: 5px;
    letter-spacing: -0.5px;
}

.ds-team-info p {
    font-size: 13px;
    font-weight: 700;
    color: var(--ds-primary) !important;
    letter-spacing: 1.5px;
    margin-bottom: 0;
}

/* --- DS TEAM (Ultra-Modern Floating Ring Dots - FINAL OVERRIDE) --- */
.ds-team .owl-carousel.owl-theme .owl-dots {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 50px auto 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.ds-team .owl-carousel.owl-theme .owl-dots .owl-dot {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.ds-team .owl-carousel.owl-theme .owl-dots .owl-dot span {
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    background: var(--ds-primary) !important;
    border-radius: 50% !important;
    opacity: 0.3 !important;
    margin: 0 !important;
    transition: all 0.4s ease !important;
}

.ds-team .owl-carousel.owl-theme .owl-dots .owl-dot.active span {
    opacity: 1 !important;
}

.ds-team .owl-carousel.owl-theme .owl-dots .owl-dot::after {
    content: '' !important;
    position: absolute;
    inset: 4px;
    border: 1.5px solid var(--ds-primary) !important;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.ds-team .owl-carousel.owl-theme .owl-dots .owl-dot.active::after {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* --- DS PAGE TITLE (Cinematic Sub-Page Banner) --- */
.ds-page-title {
    position: relative;
    padding: 60px 0 70px;
    /* Nihai denge: Top 60, Bottom 70 */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: var(--ds-dark);
    overflow: hidden;
}

.ds-page-title-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(56, 62, 66, 0.9), rgba(16, 26, 27, 0.6));
    z-index: 1;
}

.ds-page-title-content {
    position: relative;
    z-index: 10;
    text-align: center;
}

.ds-page-title h1 {
    font-size: 54px;
    /* Boyut milimetrik olarak optimize edildi */
    font-weight: 800;
    color: var(--ds-white);
    margin-bottom: 5px;
    /* Mesafe daraltıldı */
    letter-spacing: -1px;
    line-height: 1.1;
    /* text-transform: uppercase kaldırıldı - Saf Tipografi */
}

/* Modern Breadcrumb Navigation - Path Finder */
.ds-modern-nav-wrapper {
    display: flex;
    justify-content: center;
}

.ds-breadcrumb {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
    background: rgba(255, 255, 255, 0.04);
    /* Daha şeffaf ve hayalet doku */
    padding: 8px 30px;
    border-radius: 100px;
    border: none;
    /* Kenarlık tamamen kaldırıldı */
    backdrop-filter: blur(5px);
    /* Daha hafif blur */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
}

.ds-breadcrumb li {
    font-size: 13px;
    color: var(--ds-white);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ds-breadcrumb li a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.ds-breadcrumb li a i {
    font-size: 14px;
    margin-bottom: 2px;
}

.ds-breadcrumb li a:hover {
    color: var(--ds-white);
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
    transform: translateY(-1px);
}

.ds-breadcrumb li i.fa-angles-right {
    font-size: 10px;
    opacity: 0.4;
    color: var(--ds-white);
}

.ds-breadcrumb li span {
    color: var(--ds-white);
    font-weight: 700;
    letter-spacing: 0.5px;
}

@media (max-width: 991px) {
    .ds-page-title {
        padding: 120px 0 80px;
    }

    .ds-page-title h2 {
        font-size: 40px;
    }
}

.ds-page-content {
    padding: 100px 0;
}

.sayfadetay {
    position: relative;
    background: var(--ds-white);
    z-index: 1;
}

.detayresim {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 40px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
    /* Modern derinlik */
}

.detayresim img {
    width: 100%;
    height: auto;
    transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
    display: block;
}

.detayresim:hover img {
    transform: scale(1.05);
    /* Zarif bir odaklanma etkisi */
}

.sayfadetay h3 {
    font-size: 32px;
    font-weight: 800;
    color: var(--ds-dark);
    margin-bottom: 25px;
    letter-spacing: -0.5px;
}

.sayfadetay p {
    font-size: 16px;
    line-height: 1.8;
    color: var(--ds-gray);
    margin-bottom: 20px;
}

.sayfadetay ul:not(#baslik-listesi) {
    margin: 30px 0;
    padding: 0;
}

.sayfadetay ul:not(#baslik-listesi) li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 15px;
    font-size: 16px;
    color: var(--ds-gray);
    line-height: 1.7;
    transition: all 0.3s ease;
}

.sayfadetay ul:not(#baslik-listesi) li:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0px;
    width: 28px;
    height: 28px;
    background: #e6f3f4;
    color: var(--ds-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: all 0.3s ease;
}

.sayfadetay ul:not(#baslik-listesi) li:hover {
    color: var(--ds-dark);
}

.sayfadetay ul:not(#baslik-listesi) li:hover:before {
    background: var(--ds-primary);
    color: var(--ds-white);
    transform: rotate(360deg);
}

/* --- DS SIDEBAR & WIDGETS (Elite Sidebar System) --- */
.ds-sidebar {
    position: sticky;
    top: 120px;
    /* Sticky menü ile çakışmaması için mesafe */
}

.ds-widget {
    background: var(--ds-white);
    padding: 35px;
    border-radius: 15px;
    margin-bottom: 30px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.05);
    /* Derin ve yumuşak gölge */
    border: 1px solid rgba(56, 62, 66, 0.05);
}

.ds-widget-title {
    font-size: 24px;
    font-weight: 900;
    color: var(--ds-dark);
    margin-bottom: 30px;
    padding-left: 25px;
    padding-bottom: 0;
    /* Artık pseudo-element ile bölüyoruz */
    border-bottom: none;
    letter-spacing: -0.5px;
    line-height: 1;
    position: relative;
    display: flex;
    flex-direction: column;
}

.ds-widget-title::after {
    content: '';
    width: 100%;
    height: 1px;
    background: rgba(56, 62, 66, 0.1);
    /* Temel ince hat */
    margin-top: 15px;
    position: relative;
}

.ds-widget-title::before {
    content: '';
    position: absolute;
    bottom: -1px;
    /* After çizgisinin tam üzerine binmesi için */
    left: 25px;
    /* Metinle aynı hizadan başlasın */
    width: 45px;
    height: 3px;
    background: var(--ds-primary);
    border-radius: 2px;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(56, 62, 66, 0.2);
}

/* Category List Widget - Pure Minimalist Line */
.ds-category-list {
    list-style: none;
    padding: 0 15px;
    /* Başlıkla aynı hizaya çekmek için */
    margin: 0;
}

.ds-category-list li {
    border-bottom: 1px solid rgba(56, 62, 66, 0.08);
    /* İnce ayraç */
}

.ds-category-list li:last-child {
    border-bottom: none;
}

.ds-category-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    /* Kenarlardan biraz içe çekerek daha kompakt yaptık */
    color: var(--ds-dark);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    border-radius: 8px;
    /* Çok hafif bir köşe yumuşatma */
}

.ds-category-list li a i.fa-chevron-right {
    font-size: 9px;
    opacity: 0.15;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.ds-category-list li a:hover,
.ds-category-list li.active a {
    color: var(--ds-primary);
    padding-left: 22px;
    /* Daha belirgin bir süzülme */
    background: rgba(56, 62, 66, 0.04);
    /* Çok asil ve şeffaf bir dolgu */
}

.ds-category-list li a:hover i.fa-chevron-right,
.ds-category-list li.active a i.fa-chevron-right {
    opacity: 1;
    transform: translateX(4px);
    color: var(--ds-primary);
}

/* Modern Dikey İndikatör */
.ds-category-list li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    background: var(--ds-primary);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 0 4px 4px 0;
}

.ds-category-list li a:hover::before,
.ds-category-list li.active a::before {
    height: 70%;
    /* Tam boy yerine %70 yaparak daha zarif bir görünüm sağladık */
}

/* CTA Sidebar Widget */
.ds-widget-cta {
    position: relative;
    padding: 45px 35px;
    background-size: cover;
    background-position: center;
    color: var(--ds-white);
    text-align: center;
    overflow: hidden;
    border: none;
}

.ds-cta-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(56, 62, 66, 0.95), rgba(16, 26, 27, 0.9));
}

.ds-cta-content {
    position: relative;
    z-index: 2;
}

.ds-cta-main-icon {
    font-size: 45px;
    margin-bottom: 25px;
    color: var(--ds-white);
    opacity: 0.9;
    display: block;
}

.ds-cta-contacts {
    margin: 25px 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: stretch;
    /* Tam genislik icin yay */
    width: 100%;
}

.ds-cta-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    background: transparent;
    padding: 6px 0;
    border-radius: 0;
    transition: all 0.3s ease;
    border: none;
}

.ds-cta-item:hover {
    background: transparent;
    transform: translateY(-3px);
}

.ds-cta-item i {
    background: var(--ds-primary);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--ds-white);
    font-size: 14px;
}

.ds-cta-item a {
    color: var(--ds-white);
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.ds-widget-cta h4 {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: 1.3;
}

.ds-widget-cta p {
    font-size: 15px;
    opacity: 0.8;
    margin-bottom: 25px;
}

/* Working Hours Widget */
.ds-hours-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ds-hours-list li {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px dashed rgba(56, 62, 66, 0.1);
    font-size: 14px;
    color: var(--ds-dark);
    font-weight: 500;
}

.ds-hours-list li:last-child {
    border-bottom: none;
}

.ds-hours-list li span:last-child {
    font-weight: 700;
    color: var(--ds-primary);
}

.ds-hours-list li.ds-closed span:last-child {
    color: #e63946;
}

/* --- DS CHECK LIST (Modern Clinical Markers) --- */
.ds-check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ds-check-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    font-weight: 600;
    color: var(--ds-dark);
    font-size: 15px;
    transition: all 0.3s ease;
}

.ds-check-list li i {
    width: 24px;
    height: 24px;
    background: rgba(56, 62, 66, 0.1);
    color: var(--ds-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
}

.ds-check-list li:hover {
    transform: translateX(5px);
    color: var(--ds-primary);
}

/* --- DS BLOG (Dinamik Uyumlu & Modern) --- */
.ds-blog {
    background-color: #fcfdfe;
    padding: 100px 0;
}

.ds-blog-card {
    background: var(--ds-white);
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    transition: all 0.5s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, 0.02);
}

.ds-blog-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(56, 62, 66, 0.1);
    border-color: rgba(56, 62, 66, 0.1);
}

.ds-blog-img {
    position: relative;
    overflow: hidden;
    aspect-ratio: 9 / 5;
    background-color: #f0f4f8;
    /* Soft clinical blue-gray */
}

.ds-blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
}

.ds-blog-card:hover .ds-blog-img img {
    transform: scale(1.1);
}

/* Tarih Rozeti */
.ds-blog-date {
    position: absolute;
    top: 20px;
    right: 20px;
    background: var(--ds-primary);
    color: var(--ds-white);
    padding: 10px 15px;
    border-radius: 12px;
    text-align: center;
    line-height: 1;
    font-weight: 700;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.ds-blog-date span {
    display: block;
    font-size: 18px;
    margin-bottom: 2px;
}

.ds-blog-date i {
    font-size: 11px;
    font-style: normal;
    opacity: 0.8;
}

.ds-blog-content {
    padding: 30px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.ds-blog-content h3 {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: 1.4;
}

.ds-blog-content h3 a {
    color: var(--ds-dark);
    transition: 0.3s;
}

.ds-blog-card:hover h3 a {
    color: var(--ds-primary);
}

.ds-blog-content p {
    font-size: 15px;
    color: var(--ds-gray);
    line-height: 1.7;
    margin-bottom: 25px;
    flex-grow: 1;
}

/* Blog Link (Devamını Oku) */
.ds-blog-content>a:last-of-type {
    font-size: 14px;
    font-weight: 700;
    color: var(--ds-primary);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

.ds-blog-content>a:last-of-type i {
    transition: 0.3s;
}

.ds-blog-card:hover .ds-blog-content>a:last-of-type {
    gap: 12px;
}

.ds-blog-card:hover .ds-blog-content>a:last-of-type i {
    transform: translateX(5px);
}

/* --- DS FOOTER (Mimari & Modern Revizyon) --- */
.ds-footer {
    background-color: var(--ds-dark);
    color: var(--ds-white);
    position: relative;
    padding: 100px 0 0;
    overflow: hidden;
}

.ds-footer-watermark {
    position: absolute;
    right: -5%;
    bottom: -10%;
    font-size: 500px;
    color: rgba(255, 255, 255, 0.03);
    pointer-events: none;
    z-index: 0;
    line-height: 1;
}

.ds-footer-watermark i {
    display: block;
}

.footer-widget {
    position: relative;
    z-index: 1;
}

.footer-title {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin-bottom: 40px;
    color: var(--ds-white);
    position: relative;
}

.footer-title::after {
    display: none;
}

.footer-text {
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.85);
    /* Daha net bir beyaz */
    font-weight: 500;
}

.footer-links li {
    margin-bottom: 18px;
}

.footer-links li a {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    transition: all 0.4s ease;
    font-weight: 500;
}

.footer-links li a:hover {
    color: var(--ds-white);
    opacity: 1;
}

.footer-contact-list li {
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.footer-contact-list .icon {
    font-size: 18px;
    color: #fff;
    width: 25px;
    text-align: center;
    transition: all 0.3s ease;
}

.footer-contact-list .text p,
.footer-contact-list .text p a {
    font-size: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    transition: all 0.3s ease;
    text-decoration: none;
}

.footer-contact-list li:hover .icon {
    transform: scale(1.1);
    color: var(--ds-white);
}

.footer-contact-list li:hover .text p,
.footer-contact-list li:hover .text p a {
    color: var(--ds-white);
    padding-left: 5px;
}

.ds-footer-bottom {
    margin-top: 80px;
    padding: 40px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.copyright-text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
}

.footer-bottom-links a {
    color: rgba(255, 255, 255, 0.3);
    font-size: 13px;
    text-decoration: none;
    margin-left: 20px;
}

.footer-hours-list li {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 15px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}

.footer-hours-list li:last-child {
    border-bottom: none;
}

.footer-hours-list .day {
    color: var(--ds-white);
    font-weight: 400;
}

.emergency-note p {
    font-size: 13px;
    line-height: 1.6;
    font-style: italic;
    border-left: 2px solid var(--ds-primary);
    padding-left: 15px;
    margin-top: 20px;
}

/* --- MOBILE MENU (Off-Canvas & Body Push System) --- */
body {
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    background: var(--ds-white);
}

/* Sayfa sola itildiğinde genişliğin bozulmaması için */
body.ds-mobile-menu-active {
    overflow: hidden;
    width: 100%;
}

.ds-mobile-toggle {
    font-size: 24px;
    color: var(--ds-primary);
    cursor: pointer;
    background: rgba(56, 62, 66, 0.08);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    transition: all 0.3s;
}

.ds-mobile-toggle:hover {
    background: var(--ds-primary);
    color: var(--ds-white);
}

.ds-mobile-menu {
    position: fixed;
    top: 0;
    left: 100%;
    /* Sayfa dışı (sağda) başlasın */
    width: 95%;
    height: 100vh;
    background: var(--ds-white);
    z-index: 10000;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    overflow-y: auto;
    padding: 40px 30px;
}

/* Menü açıkken içeri girmesi için */
body.ds-mobile-menu-active .ds-mobile-menu {
    left: 5%;
}

.ds-mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(56, 62, 66, 0.4);
    backdrop-filter: blur(4px);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

body.ds-mobile-menu-active .ds-mobile-menu-overlay {
    opacity: 1;
    visibility: visible;
}

.ds-mobile-menu-close {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 45px;
    height: 45px;
    background: rgba(56, 62, 66, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--ds-primary);
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 10;
    border: 1px solid rgba(56, 62, 66, 0.1);
}

.ds-mobile-menu-close i {
    font-size: 18px;
}

.ds-mobile-menu-close:hover {
    background: var(--ds-primary);
    color: var(--ds-white);
    transform: rotate(180deg) scale(1.1);
    box-shadow: 0 10px 20px rgba(56, 62, 66, 0.2);
    border-color: var(--ds-primary);
}

.ds-mobile-nav-list {
    list-style: none;
    padding: 0;
    margin: 50px 0 0;
}

.ds-mobile-nav-list li {
    border-bottom: 1px solid rgba(56, 62, 66, 0.05);
}

.ds-mobile-nav-list li a {
    display: flex;
    align-items: center;
    padding: 18px 0;
    color: var(--ds-dark);
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    transition: all 0.3s;
}

.ds-mobile-nav-list li a:hover {
    color: var(--ds-primary);
    padding-left: 5px;
}

.ds-mobile-nav-list li.has-submenu>a {
    justify-content: space-between;
}

.ds-mobile-submenu {
    list-style: none;
    padding: 0 0 15px 20px;
    display: none;
    background: rgba(56, 62, 66, 0.02);
}

.ds-mobile-submenu li {
    border: none;
}

.ds-mobile-submenu li a {
    padding: 10px 0;
    font-weight: 600;
    font-size: 14px;
    opacity: 0.7;
}

.ds-mobile-menu-contact {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 2px solid rgba(56, 62, 66, 0.05);
}

.ds-mobile-menu-contact h5 {
    font-size: 18px;
    font-weight: 800;
    color: var(--ds-dark);
    margin-bottom: 25px;
    letter-spacing: -0.5px;
}

.ds-mobile-contact-item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.ds-mobile-contact-item:hover {
    transform: translateX(5px);
}

.ds-mobile-contact-item:hover .ds-mobile-contact-icon {
    background: var(--ds-primary);
    color: var(--ds-white);
    transform: scale(1.1);
}

.ds-mobile-contact-icon {
    width: 42px;
    height: 42px;
    background: rgba(56, 62, 66, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--ds-primary);
    font-size: 16px;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.ds-mobile-contact-text {
    display: flex;
    flex-direction: column;
}

.ds-mobile-contact-text span {
    font-size: 11px;
    font-weight: 700;
    /* text-transform: uppercase kaldırıldı */
    color: var(--ds-gray);
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.ds-mobile-contact-text a,
.ds-mobile-contact-text p {
    font-size: 14px;
    font-weight: 700;
    color: var(--ds-dark);
    text-decoration: none;
    margin: 0;
    line-height: 1.4;
}

.ds-mobile-contact-text a:hover {
    color: var(--ds-primary);
}

@media (max-width: 991px) {
    .ds-topbar {
        display: none !important;
    }

    .ds-navbar {
        border-top: 5px solid var(--ds-primary);
    }

    .ds-nav-list {
        display: none !important;
    }

    .ds-hero-slider .item {
        min-height: 500px !important;
    }

    .slider-content {
        transform: translateY(0);
        text-align: center;
        margin: 0 auto;
    }

    .slider-btns {
        display: flex;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .slider-content .ds-btn {
        padding: 12px 25px;
        font-size: 14px;
    }

    .owl-dots {
        display: none !important;
    }

    /* Mobilde istenen alanların gizlenmesi */
    .slider-subtitle,
    .slider-features-wrapper {
        display: none !important;
    }
}

/* --- FOOTER STYLES --- */
.ds-footer {
    background-color: var(--ds-dark);
    position: relative;
    overflow: hidden;
    color: #fff;
    padding-top: 20px;
}

.ds-footer-watermark {
    position: absolute;
    bottom: -50px;
    right: -30px;
    font-size: 300px;
    color: rgba(255, 255, 255, 0.03);
    transform: rotate(-15deg);
    pointer-events: none;
}

.footer-widget .footer-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
    color: #fff;
}

.footer-widget .footer-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: var(--ds-primary);
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0 !important;
}

.footer-links li {
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
    list-style: none;
}

.footer-links li::before {
    content: '\f105';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 6px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 10px;
    transition: all 0.3s ease;
    opacity: 1;
}

.footer-links li:hover::before {
    color: #fff;
    opacity: 1;
}

.footer-links li a {
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
}

.footer-links li a:hover {
    color: #fff;
}

.ds-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    background-color: rgba(0, 0, 0, 0.2);
}

.rwt-credit-group a:hover {
    opacity: 1 !important;
}

.rwt-credit-group {
    display: flex;
    align-items: center;
    gap: 8px;
    /* Reduced gap for compact look */
}

.rwt-footer-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    padding-left: 8px;
}

.rwt-footer-wrapper::before {
    content: '';
    display: block;
    width: 1px;
    height: 18px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-right: 5px;
}

.rwt-footer-icon {
    width: auto;
    height: 20px;
    object-fit: contain;
    display: block;
}

.footer-content {
    line-height: 1.8;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7) !important;
}

.footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0 !important;
}

.footer-contact-list li {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    align-items: center;
}

.footer-contact-list .icon {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.footer-contact-list li:hover .icon {
    background-color: var(--ds-primary);
    color: #fff;
}

.footer-contact-list .text p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.4;
    font-size: 15px;
}

.footer-contact-list .text a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.footer-contact-list .text a:hover {
    color: var(--ds-primary);
}

.ds-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

@media (max-width: 768px) {
    .ds-footer-bottom-inner {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
}

.ds-footer-bottom-inner p,
.ds-footer-bottom-inner a {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: none !important;
    margin: 0;
    transition: 0.3s;
}

.ds-footer-bottom-inner a:hover {
    color: #fff !important;
}


/* --- FINAL FIXED UI BUTTONS --- */
.ds-whatsapp-wrapper {
    position: fixed !important;
    right: 30px !important;
    bottom: 85px !important;
    z-index: 9999 !important;
}

.ds-whatsapp-popup {
    position: absolute !important;
    bottom: 65px !important;
    right: 0 !important;
    width: 170px !important;
    background: transparent !important;
    border-radius: 12px !important;
    padding: 0 !important;
    display: none;
    animation: ds-fade-in 0.3s ease !important;
}

.ds-whatsapp-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
}

.ds-wa-close {
    position: absolute !important;
    top: -20px !important;
    left: -15px !important;
    width: 24px !important;
    height: 24px !important;
    background: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

.ds-wa-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    background: #25D366 !important;
    color: #fff !important;
    padding: 10px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: 0.3s !important;
}

.ds-wa-link:hover {
    background: #128C7E !important;
    transform: translateY(-2px);
}

.ds-fixed-phone,
.ds-fixed-whatsapp {
    position: fixed !important;
    right: 30px !important;
    width: 44px !important;
    height: 44px !important;
    color: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    z-index: 9999 !important;
}

.ds-fixed-phone {
    bottom: 30px !important;
    background-color: #FF0000 !important;
    animation: ds-phone-pulse 2s infinite;
}

.ds-fixed-whatsapp {
    position: relative !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #25D366 !important;
    animation: ds-wa-pulse 2s infinite;
}

@keyframes ds-phone-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 0, 0, 0.5);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(255, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0px rgba(255, 0, 0, 0);
    }
}

@keyframes ds-wa-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(37, 211, 102, 0.5);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow: 0 0 0 0px rgba(37, 211, 102, 0);
    }
}

@keyframes ds-fade-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Pulse span katmanları artık shadow kullanıldığı için gizlenebilir veya kaldırılabilir */
.ds-phone-pulse,
.ds-whatsapp-pulse {
    display: none !important;
}

@media (max-width: 768px) {

    .ds-fixed-phone,
    .ds-whatsapp-wrapper {
        right: 20px !important;
    }

    .ds-fixed-phone {
        bottom: 20px !important;
    }

    .ds-whatsapp-wrapper {
        bottom: 75px !important;
    }
}
/* --- MODERN SERVICE CARD (9:6 Ratio) --- */
.ds-service-card-modern {
    background: var(--ds-white);
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.ds-service-card-modern:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

.ds-card-media {
    position: relative;
    width: 100%;
    aspect-ratio: 9/6;
    overflow: hidden;
    background: #f0f4f5;
}

.ds-card-media a {
    display: block;
    width: 100%;
    height: 100%;
}

.ds-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ds-service-card-modern:hover .ds-card-media img {
    transform: scale(1.1);
}

.ds-card-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ds-primary);
    background: linear-gradient(135deg, rgba(56, 62, 66, 0.03) 0%, rgba(56, 62, 66, 0.08) 100%);
}

.ds-card-placeholder i {
    font-size: 60px;
    opacity: 0.2;
}

.ds-card-body {
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.ds-card-body h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.ds-card-body h3 a {
    color: var(--ds-dark);
    text-decoration: none;
    transition: 0.3s;
}

.ds-card-body h3 a:hover {
    color: var(--ds-primary);
}

.ds-card-body p {
    font-size: 15px;
    color: var(--ds-gray);
    line-height: 1.7;
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ds-card-link {
    margin-top: auto;
    font-size: 14px;
    font-weight: 700;
    color: var(--ds-primary);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
}

.ds-card-link i {
    transition: 0.3s;
    font-size: 12px;
}

.ds-card-link:hover {
    color: var(--ds-dark);
}

.ds-card-link:hover i {
    transform: translateX(5px);
}

/* --- DS HEKİM DETAY (Hekimlerimiz) --- */
.ds-hekim-img-wrapper {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    
}

.ds-hekim-main-img {
    width: 100%;
    height: auto;
    display: block;
}

.ds-hekim-placeholder {
    width: 100%;
    aspect-ratio: 3/4;
    background: rgba(56, 62, 66, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ds-primary);
}

.ds-hekim-placeholder i {
    font-size: 100px;
    opacity: 0.1;
}

.ds-hekim-quick-info {
    background: var(--ds-white);
    border-radius: 15px;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}

.ds-info-label {
    font-size: 13px;
    font-weight: 700;
    color: var(--ds-primary);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ds-info-value {
    font-size: 18px;
    color: var(--ds-dark);
}

.ds-biography-text {
    font-size: 17px;
    line-height: 1.85;
    color: var(--ds-gray);
}

.ds-biography-text p {
    margin-bottom: 20px;
}

.ds-feature-box {
    background: #f8fbfb;
    border-radius: 15px;
    transition: 0.3s;
}

.ds-feature-box:hover {
    background: var(--ds-white);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.ds-feature-box i {
    font-size: 24px;
    color: var(--ds-primary);
}

.ds-feature-box h6 {
    font-weight: 700;
    margin-bottom: 10px;
}


/* --- Mobil Menü Dil Seçici --- */
.ds-mobile-languages {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0;
    margin: 20px 0;
    border-top: 1px solid rgba(0,0,0,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.ds-lang-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f5;
    border-radius: 50%;
    color: var(--ds-primary);
    font-size: 18px;
    margin-right: 5px;
}

.ds-mobile-languages a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 900;
    color: var(--ds-dark);
    text-decoration: none;
    border-radius: 50%;
    background: #f1f5f5;
    transition: all 0.3s ease;
}

.ds-mobile-languages a.active {
    background: var(--ds-primary);
    color: var(--ds-white);
}

.ds-mobile-languages a:hover:not(.active) {
    background: #e5eeee;
}

/* --- Sabit Viber Butonu --- */
.ds-fixed-viber {
    position: fixed !important;
    right: 30px !important;
    bottom: 140px !important;
    width: 44px !important;
    height: 44px !important;
    background-color: #7360f2 !important;
    color: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    z-index: 9999 !important;
    text-decoration: none !important;
    animation: ds-viber-pulse 2s infinite;
}

@keyframes ds-viber-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(115, 96, 242, 0.5);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(115, 96, 242, 0);
    }
    100% {
        box-shadow: 0 0 0 0px rgba(115, 96, 242, 0);
    }
}

@media (max-width: 768px) {
    .ds-fixed-viber {
        right: 20px !important;
        bottom: 130px !important;
    }
}

/* --- TABLE OF CONTENTS (İçindekiler) --- */
#baslik-listesi {
    padding: 40px !important;
    margin: 40px 0 !important;
    background: #f8fafc;
    border-left: 4px solid var(--ds-primary);
    border-radius: 15px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}

#baslik-listesi span {
    display: block;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
    color: var(--ds-dark);
    letter-spacing: -0.5px;
}

#baslik-listesi li {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

#baslik-listesi li a {
    display: block;
    padding: 8px 0 8px 25px;
    position: relative;
    line-height: 1.5;
    color: var(--ds-gray);
    font-weight: 600 !important;
    font-size: 15px;
    transition: all 0.3s ease;
}

#baslik-listesi li a:hover {
    color: var(--ds-primary);
    padding-left: 30px;
}

#baslik-listesi li a:before {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 8px;
    left: 0;
    color: var(--ds-primary);
    transition: all 0.3s ease;
}

#baslik-listesi li a:after {
    display: none;
}