@media (min-width: 1400px) {

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

        .tab-bar {
            background-color: #E9C639;
            padding: 20px;
            font-weight: bold;
            font-size: 38px;
            text-align: center;
        }

        .kademe .col-md-4,
        .kademe .col-md-3 {
            margin-bottom: 20px;
        }

        .kademe>.container>.row a {
            text-decoration: none !important;
        }

        .kademe .card {
            padding: 30px;
            height: 300px;
            display: flex;
            justify-content: center;
            position: relative;
            flex-direction: column;
            text-align: center;
            font-size: 32px;
            font-weight: bold;
            background-color: #ED9639;
            color: #fff;
            border: none;
            cursor: pointer;
        }

        .kademe .card:hover {
            background-color: #EABB39;
        }

        .selection-text {
            padding: 10px;
            border: 1px solid #e1e1e1ff;
            border-radius: 10px;
            margin-bottom: 20px;
            text-align: center;
        }

        .list-item {
            padding: 30px;
            margin-bottom: 20px;
            text-align: center;
            font-size: 22px;
            font-weight: 600;
            border: 1px solid #e1e1e1ff;
            border-radius: 20px;
            color: #000;
        }

        .list-item:hover {
            background-color: #f6f6f6;
        }

        .list-item.content {
            text-align: left;
        }

        .list-item.content:hover {
            background-color: #fff;
        }

        .list-item.content span {
            float: right;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 20px;
            padding: 3px 10px;
            color: #000;
        }

        .list-item.content span:hover {
            background-color: #f6f6f6;
        }

            /* İletişim Bölümünü Ana Yapıya Uydurma */
.iletisim-kademe {
    padding: 60px 0; /* İçerik sayfanın ortasında daha belirgin dursun */
}

/* İletişim Formu ve Alternatif Bilgileri Yan Yana Koymak (Responsive) */
.iletisim-kapsayici {
    display: flex;
    gap: 40px; /* Bölümler arası boşluk */
    margin-top: 30px;
    flex-wrap: wrap; /* Küçük ekranlarda alt alta geçsin */
}

.iletisim-kapsayici form,
.alternatif-iletisim {
    flex: 1; /* Eşit genişlikte olsunlar */
    min-width: 300px; /* Çok daralmasını engelle */
}

/* Form Elemanlarının Stili (Sitenin mevcut input stiline uydurulmalı) */
.iletisim-kapsayici input[type="text"],
.iletisim-kapsayici input[type="email"],
.iletisim-kapsayici textarea {
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    border: 2px solid #ddd; /* Hafif bir çerçeve */
    border-radius: 8px; /* Yumuşak köşeler */
    font-size: 16px;
    box-sizing: border-box; /* Padding genişliği etkilemesin */
    transition: border-color 0.3s;
}

.iletisim-kapsayici input:focus,
.iletisim-kapsayici textarea:focus {
    border-color: #007bff; /* Odaklanınca mavi bir renk (Sitenizdeki ana rengi kullanın) */
    outline: none;
}

/* Gönder Butonu Stili */
.gonder-butonu {
    background-color: #007bff; /* Mavi (Sitenizdeki ana rengi kullanın) */
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 25px; /* Daha yuvarlak bir buton */
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s;
    display: block; /* Tam genişlikte değil, daha kompakt olsun */
    margin-top: 10px;
}

.gonder-butonu:hover {
    background-color: #0056b3;
}

/* Alternatif İletişim Stili */
.alternatif-iletisim {
    padding: 20px;
    background-color: #f7f7f7; /* Hafif arka plan */
    border-radius: 10px;
    border-left: 5px solid #007bff; /* Ana renk ile sol kenar çizgisi */
}

.alternatif-iletisim h3 {
    margin-top: 0;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.alternatif-iletisim p {
    margin-bottom: 15px;
    line-height: 1.6;
}

.alternatif-iletisim a {
    color: #007bff;
    text-decoration: none;
}

/* Başarı/Hata Mesajları */
.mesaj-basarili {
    padding: 15px;
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    border-radius: 5px;
    margin-bottom: 20px;
}

.mesaj-hata {
    padding: 15px;
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-radius: 5px;
    margin-bottom: 20px;
}

/* Sosyal Medya İkonları (Font Awesome kullanılmalı) */
.sosyal-medya {
    margin-top: 20px;
}

.sosyal-medya a {
    font-size: 24px;
    margin-right: 15px;
    color: #6c757d; /* Gri ton */
    transition: color 0.3s;
}

.sosyal-medya a:hover {
    color: #007bff; /* Ana renk */
}

/* Ana Footer Bölümü */
.site-footer {
    background-color: #333; /* Koyu bir arka plan */
    color: #fff; /* Beyaz yazı */
    padding: 40px 0;
    font-size: 15px;
}

/* Footer İçindeki Ana Satır Düzeni */
.footer-row {
    display: flex;
    justify-content: space-between; /* Sütunlar arasında boşluk bırakır */
    flex-wrap: wrap; /* Küçük ekranlarda alt alta geçiş sağlar */
    gap: 30px; /* Sütunlar arası boşluk */
}

/* Her Bir Footer Sütunu */
.footer-col {
    flex: 1; /* Esnek genişlik */
    min-width: 250px; /* Çok daralmasını engeller */
    padding-bottom: 20px; /* Mobil görünüm için alt boşluk */
}

/* Logo Sütunu */
.footer-logo {
    max-width: 180px; /* Logo büyüklüğü */
    height: auto;
    margin-bottom: 15px;
    filter: brightness(0) invert(1); /* Logo rengini tersine çevirerek okunurluğu artırma (beyaz yapma) */
}

/* Sütun Başlıkları */
.footer-col h3 {
    font-size: 18px;
    color: #007bff; /* Sitenizdeki ana rengi kullanın */
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #555; /* Başlık altına hafif çizgi */
}

/* Bağlantılar Listesi */
.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-col ul li {
    margin-bottom: 10px;
}

.footer-col ul li a,
.footer-col p a {
    color: #ccc; /* Açık gri bağlantı rengi */
    text-decoration: none;
    transition: color 0.3s;
}

.footer-col ul li a:hover,
.footer-col p a:hover {
    color: #fff; /* Beyaz üzerine vurgu */
}

/* İletişim İkonları */
.footer-col p i {
    margin-right: 10px;
    color: #007bff; /* Ana renk */
}

/* Sosyal Medya İkonları */
.sosyal-medya-footer {
    margin-top: 20px;
}

.sosyal-medya-footer a {
    font-size: 20px;
    margin-right: 15px;
    color: #ccc;
    transition: color 0.3s;
}

.sosyal-medya-footer a:hover {
    color: #007bff;
}

/* Telif Hakkı Metni */
.copyright-text {
    margin-top: 25px;
    font-size: 13px;
    color: #999;
    line-height: 1.5;
}

/* En Alt Bar */
.alt-bar {
    background-color: #222; /* Daha koyu bir renk */
    padding: 15px 0;
    text-align: center;
    font-size: 14px;
}

.alt-bar a {
    color: #ccc;
    text-decoration: none;
    margin: 0 10px;
}

.alt-bar a:hover {
    color: #fff;
}

/* Kullanım Şartları ve Gizlilik Politikası metinlerinin okunurluğunu artırır */
.policy-item h2 {
    color: #007bff; /* Ana renk ile madde başlıklarını vurgulama */
    margin-top: 30px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    font-size: 20px;
}

.policy-item p {
    line-height: 1.7; /* Okumayı kolaylaştırmak için satır aralığı */
    margin-bottom: 15px;
}

.policy-item ul {
    list-style: disc; /* Liste işaretçilerini kullan */
    margin-left: 25px;
    padding-left: 0;
    line-height: 1.7;
}