.elementor-4431 .elementor-element.elementor-element-2c75caa{font-size:16px;}.elementor-4431 .elementor-element.elementor-element-bf08267{font-size:16px;}.elementor-4431 .elementor-element.elementor-element-d3258be{font-size:16px;}/* Start custom CSS for html, class: .elementor-element-2454a05 *//* * GÜNCELLENDİ: Tüm kutuları taşıyan ana konteyner.
 * Flex (yan yana dizme) özelliklerini kaldırdık. 
 * Artık normal bir blok element gibi davranacak ve kutular alt alta dizilecek.
 */
.surec-container {
    /* Buradan display: flex, flex-wrap, justify-content ve gap kaldırıldı. */
    /* Kutuların %100 genişlikte olabilmesi için max-width ekleyebiliriz (opsiyonel) */
    max-width: 100%; /* Kutuların çok fazla genişlemesini engeller, daha okunaklı olur */
    margin: 0 auto; /* Konteyneri sayfanın ortasına alır */
}

/* * GÜNCELLENDİ: Her bir süreç kutusunun stili.
 */
.surec-kutu {
    display: flex; 
    align-items: flex-start;
    background-color: #ffffff;
    border-radius: 8px; /* Kenar yuvarlatmayı koruduk, isterseniz 0 yapabilirsiniz. */
    padding: 20px;
    
    /* --- İSTEKLERİNİZ DOĞRULTUSUNDA DEĞİŞEN KISIM --- */

    /* 1. Gölge kaldırıldı */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); -> SİLİNDİ */

    /* 2. %100 genişlik ve kutu hesaplaması */
    width: 100%;
    box-sizing: border-box; /* padding ve border'ı %100 genişliğe dahil eder */

    /* 3. 1px çerçeve eklendi */
    border: 1px solid #ddd; /* Açık gri bir çerçeve */

    /* 4. Dış boşluk kaldırıldı ve sadece altta küçük boşluk bırakıldı */
    /* margin: 10px; -> SİLİNDİ */
    margin-bottom: 15px; /* Kutular arasına dikey boşluk */
    
    /* flex-basis, flex-grow, max-width (eski) kaldırıldı */
}

/* Son kutunun altındaki boşluğu kaldırıyoruz */
.surec-kutu:last-child {
    margin-bottom: 0;
}

/* * Numara ve içerik stillerinde değişiklik yapmaya gerek yok.
 */
.kutu-numara {
    font-size: 3rem;
    font-weight: bold;
    color: #007bff;
    margin-right: 15px;
    line-height: 1;
}

.kutu-icerik {
    flex: 1;
}

.kutu-icerik p {
    margin-top: 5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee2bf58 *//* Liste için ana kapsayıcı */
        .kontrol-listesi-kapsayici {
            max-width: 100%;
            
            
            background-color: #ffffff;
            border-radius: 10px;
           
        }

        /* Ana Başlık */
        .kontrol-listesi-kapsayici h3 {
            font-size: 24px;
            color: #2c3e50;
            border-bottom: 2px solid #e0e0e0;
            padding-bottom: 10px;
            margin-top: 0;
        }

        /* Giriş paragrafı */
        .kontrol-listesi-kapsayici p {
            font-size: 16px;
            color: #555;
            margin-bottom: 25px;
        }

        /* ÖZEL KONTROL LİSTESİ TASARIMI
          Burası, normal madde imlerini kaldırıp sizin ikonunuzu eklediğimiz yer.
        */
        .ozel-kontrol-listesi {
            list-style-type: none; /* Varsayılan liste noktalarını (bullet points) kaldır */
            padding-left: 0;       /* Sol taraftaki varsayılan boşluğu kaldır */
        }

        /* Listedeki her bir madde (<li>) */
        .ozel-kontrol-listesi li {
            display: flex;          /* İkon ve metni yanyana hizalamak için (flexbox) */
            align-items: flex-start; /* Hizalamayı üstten başlat (uzun metinler kaymaz) */
            margin-bottom: 20px;  /* Maddeler arasına boşluk koy */
            font-size: 15px;
        }

        /* ÖZEL TİK İŞARETİ (::before pseudo-element)
          Bu, her 'li' elemanının "öncesine" ikonunuzu ekler.
        */
        .ozel-kontrol-listesi li::before {
            content: ''; /* CSS ile içerik eklemek için bu satır zorunludur */
            
            /* İkonu URL'den al */
            background-image: url('https://www.vetclassveteriner.com/wp-content/uploads/2025/10/check-icon.png');
            background-size: contain;   /* İkonu boyutlara sığdır */
            background-repeat: no-repeat; /* Tekrarlanmasını engelle */
            background-position: center;  /* İkonu ortala */

            /* --- İKON BOYUTUNU BURADAN AYARLAYABİLİRSİNİZ --- */
            width: 22px;   /* Tik işaretinin genişliği */
            height: 22px;  /* Tik işaretinin yüksekliği */
            /* ----------------------------------------------- */

            margin-right: 15px; /* İkon ile metin arasına boşluk */
            flex-shrink: 0;     /* Ekran küçülse bile ikonun büzülmesini engelle */
            margin-top: 2px;    /* Metinle daha iyi hizalanması için hafif üst boşluk */
        }/* End custom CSS */