/* =============================================
   ANA SAYFA BÖLÜM MESAFELERİ - MANUEL AYARLAMA
   =============================================
   
   Bu dosyada ana sayfa bölümleri arasındaki mesafeleri
   manuel olarak ayarlayabilirsiniz.
   
   KULLANIM:
   - topmargin-sm: 30px
   - topmargin-lg: 80px  
   - bottommargin-sm: 30px
   - bottommargin-lg: 80px
   
   ÖZEL MESAFELER:
   - topmargin-40: 40px
   - topmargin-50: 50px
   - topmargin-60: 60px
   - topmargin-70: 70px
   - bottommargin-40: 40px
   - bottommargin-50: 50px
   - bottommargin-60: 60px
   - bottommargin-70: 70px
*/

/* =============================================
   ÖZEL MESAFE SINIFLARI
   ============================================= */

.topmargin-40 { margin-top: 40px !important; }
.topmargin-50 { margin-top: 50px !important; }
.topmargin-60 { margin-top: 60px !important; }
.topmargin-70 { margin-top: 70px !important; }
.topmargin-90 { margin-top: 90px !important; }
.topmargin-100 { margin-top: 100px !important; }

.bottommargin-40 { margin-bottom: 40px !important; }
.bottommargin-50 { margin-bottom: 50px !important; }
.bottommargin-60 { margin-bottom: 60px !important; }
.bottommargin-70 { margin-bottom: 70px !important; }
.bottommargin-90 { margin-bottom: 90px !important; }
.bottommargin-100 { margin-bottom: 100px !important; }

/* =============================================
   ANA SAYFA BÖLÜMLERİ - DETAYLI MESAFE AYARLARI
   ============================================= */

/* =============================================
   1. ETKİNLİKLER BÖLÜMÜ - GÜNCEL ETKİNLİKLERİMİZ
   ============================================= */
.etkinlikler-section .content-wrap {
    /* ÜST MESAFE: Slider'dan sonraki boşluk */
    margin-top: 30px !important; /* Değiştir: 20px, 40px, 50px, 60px */
    
    /* ALT MESAFE: Makaleler bölümüne kadar olan boşluk */
    margin-bottom: 5px !important; /* Değiştir: 40px, 60px, 80px, 100px */
}

/* Etkinlikler başlık mesafeleri */
.etkinlikler-section .title-center {
    /* Başlığın üstündeki mesafe */
    margin-top: 10px !important; /* Değiştir: 10px, 20px, 30px, 40px */
    
    /* Başlığın altındaki mesafe */
    margin-bottom: 0px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Etkinlikler başlık resmi mesafeleri */
.etkinlikler-section .title-image {
    /* Başlık ile resim arasındaki mesafe */
    margin-top: 15px !important; /* Değiştir: 10px, 20px, 30px, 40px */
    
    /* Resim ile içerik arasındaki mesafe */
    margin-bottom: 25px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Etkinlikler içerik konteyneri */
.etkinlikler-section .post-grid {
    /* Başlık resminden sonraki mesafe */
    margin-top: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* =============================================
   2. MAKALELER BÖLÜMÜ - ÖNE ÇIKAN MAKALELERİMİZ
   ============================================= */
.makaleler-section .content-wrap {
    /* ÜST MESAFE: Etkinlikler bölümünden sonraki boşluk */
    margin-top: -25px !important; /* Değiştir: 40px, 60px, 80px, 100px */
    
    /* ALT MESAFE: Haberler bölümüne kadar olan boşluk */
    margin-bottom: 0px !important; /* Değiştir: 40px, 60px, 80px, 100px */
}

/* Makaleler başlık mesafeleri */
.makaleler-section .title-center {
    /* Başlığın üstündeki mesafe */
    margin-top: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
    
    /* Başlığın altındaki mesafe */
    margin-bottom: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Makaleler başlık resmi mesafeleri */
.makaleler-section .title-image {
    /* Başlık ile resim arasındaki mesafe */
    margin-top: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
    
    /* Resim ile içerik arasındaki mesafe */
    margin-bottom: 35px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Makaleler içerik konteyneri */
.makaleler-section .post-grid {
    /* Başlık resminden sonraki mesafe */
    margin-top: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* =============================================
   3. HABERLER BÖLÜMÜ - ÖNE ÇIKAN HİZMETLERİMİZ
   ============================================= */
.haberler-section .content-wrap {
    /* ÜST MESAFE: Makaleler bölümünden sonraki boşluk */
    margin-top: -20px !important; /* Değiştir: 40px, 60px, 80px, 100px */
    
    /* ALT MESAFE: Formlar bölümüne kadar olan boşluk */
    margin-bottom: 0px !important; /* Değiştir: 40px, 60px, 80px, 100px */
}

/* Haberler başlık mesafeleri */
.haberler-section .title-center {
    /* Başlığın üstündeki mesafe */
    margin-top: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
    
    /* Başlığın altındaki mesafe */
    margin-bottom: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Haberler başlık resmi mesafeleri */
.haberler-section .title-image {
    /* Başlık ile resim arasındaki mesafe */
    margin-top: 10px !important; /* Değiştir: 10px, 20px, 30px, 40px */
    
    /* Resim ile içerik arasındaki mesafe */
    margin-bottom: 30px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Haberler içerik konteyneri */
.haberler-section .post-grid {
    /* Başlık resminden sonraki mesafe */
    margin-top: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* =============================================
   4. FORMLAR BÖLÜMÜ - İLETİŞİM FORMLARI
   ============================================= */
.formlar-section .content-wrap {
    /* ÜST MESAFE: Haberler bölümünden sonraki boşluk */
    margin-top: -20px !important; /* Değiştir: 40px, 60px, 80px, 100px */
    
    /* ALT MESAFE: Footer'a kadar olan boşluk */
    margin-bottom: 40px !important; /* Değiştir: 40px, 60px, 80px, 100px */
}

/* Formlar başlık mesafeleri */
.formlar-section .title-center {
    /* Başlığın üstündeki mesafe */
    margin-top: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
    
    /* Başlığın altındaki mesafe */
    margin-bottom: 40px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Formlar başlık resmi mesafeleri */
.formlar-section .title-image {
    /* Başlık ile resim arasındaki mesafe */
    margin-top: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
    
    /* Resim ile içerik arasındaki mesafe */
    margin-bottom: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Formlar içerik konteyneri */
.formlar-section .post-grid {
    /* Başlık resminden sonraki mesafe */
    margin-top: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* =============================================
   İÇERİK ELEMENTLERİ - TÜM BÖLÜMLER İÇİN ORTAK
   ============================================= */

/* Resim ile başlık arasındaki mesafe */
.entry-image {
    margin-bottom: 15px !important; /* Değiştir: 10px, 15px, 20px, 25px */
}

/* Başlık ile açıklama arasındaki mesafe */
.entry-title {
    margin-bottom: 10px !important; /* Değiştir: 5px, 10px, 15px, 20px */
}

/* Açıklama ile alt kısım arasındaki mesafe */
.entry-content {
    margin-bottom: 15px !important; /* Değiştir: 10px, 15px, 20px, 25px */
}

/* =============================================
   ARKA PLAN SINIFLARI - ogz_backg1, ogz_backg2
   ============================================= */

/* =============================================
   ogz_backg1 SINIFI - BEYAZ ARKA PLAN
   ============================================= */
.ogz_backg1 {
    background-color: #FFFFFF !important;
    
    /* Bölümün üst mesafesi */
    margin-top: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
    
    /* Bölümün alt mesafesi */
    margin-bottom: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
    
    /* Bölümün üst iç boşluğu */
    padding-top: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
    
    /* Bölümün alt iç boşluğu */
    padding-bottom: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
}

/* ogz_backg1 içindeki container mesafeleri */
.ogz_backg1 .container {
    /* Container üst mesafesi */
    margin-top: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
    
    /* Container alt mesafesi */
    margin-bottom: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
    
    /* Container üst iç boşluğu */
    padding-top: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
    
    /* Container alt iç boşluğu */
    padding-bottom: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
}

/* =============================================
   ogz_backg2 SINIFI - BEYAZ ARKA PLAN
   ============================================= */
.ogz_backg2 {
    background-color: #FFFFFF !important;
    
    /* Bölümün üst mesafesi */
    margin-top: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
    
    /* Bölümün alt mesafesi */
    margin-bottom: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
    
    /* Bölümün üst iç boşluğu */
    padding-top: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
    
    /* Bölümün alt iç boşluğu */
    padding-bottom: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
}

/* ogz_backg2 içindeki container mesafeleri */
.ogz_backg2 .container {
    /* Container üst mesafesi */
    margin-top: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
    
    /* Container alt mesafesi */
    margin-bottom: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
    
    /* Container üst iç boşluğu */
    padding-top: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
    
    /* Container alt iç boşluğu */
    padding-bottom: 0px !important; /* Değiştir: 0px, 10px, 20px, 30px, 40px */
}

/* =============================================
   ARKA PLAN SINIFLARI - ÖZEL MESAFE SINIFLARI
   ============================================= */

/* ogz_backg1 için özel mesafe sınıfları */
.ogz_backg1-margin-top-10 { margin-top: 10px !important; }
.ogz_backg1-margin-top-20 { margin-top: 20px !important; }
.ogz_backg1-margin-top-30 { margin-top: 30px !important; }
.ogz_backg1-margin-top-40 { margin-top: 40px !important; }
.ogz_backg1-margin-top-50 { margin-top: 50px !important; }

.ogz_backg1-margin-bottom-10 { margin-bottom: 10px !important; }
.ogz_backg1-margin-bottom-20 { margin-bottom: 20px !important; }
.ogz_backg1-margin-bottom-30 { margin-bottom: 30px !important; }
.ogz_backg1-margin-bottom-40 { margin-bottom: 40px !important; }
.ogz_backg1-margin-bottom-50 { margin-bottom: 50px !important; }

.ogz_backg1-padding-top-10 { padding-top: 10px !important; }
.ogz_backg1-padding-top-20 { padding-top: 20px !important; }
.ogz_backg1-padding-top-30 { padding-top: 30px !important; }
.ogz_backg1-padding-top-40 { padding-top: 40px !important; }
.ogz_backg1-padding-top-50 { padding-top: 50px !important; }

.ogz_backg1-padding-bottom-10 { padding-bottom: 10px !important; }
.ogz_backg1-padding-bottom-20 { padding-bottom: 20px !important; }
.ogz_backg1-padding-bottom-30 { padding-bottom: 30px !important; }
.ogz_backg1-padding-bottom-40 { padding-bottom: 40px !important; }
.ogz_backg1-padding-bottom-50 { padding-bottom: 50px !important; }

/* ogz_backg2 için özel mesafe sınıfları */
.ogz_backg2-margin-top-10 { margin-top: 10px !important; }
.ogz_backg2-margin-top-20 { margin-top: 20px !important; }
.ogz_backg2-margin-top-30 { margin-top: 30px !important; }
.ogz_backg2-margin-top-40 { margin-top: 40px !important; }
.ogz_backg2-margin-top-50 { margin-top: 50px !important; }

.ogz_backg2-margin-bottom-10 { margin-bottom: 10px !important; }
.ogz_backg2-margin-bottom-20 { margin-bottom: 20px !important; }
.ogz_backg2-margin-bottom-30 { margin-bottom: 30px !important; }
.ogz_backg2-margin-bottom-40 { margin-bottom: 40px !important; }
.ogz_backg2-margin-bottom-50 { margin-bottom: 50px !important; }

.ogz_backg2-padding-top-10 { padding-top: 10px !important; }
.ogz_backg2-padding-top-20 { padding-top: 20px !important; }
.ogz_backg2-padding-top-30 { padding-top: 30px !important; }
.ogz_backg2-padding-top-40 { padding-top: 40px !important; }
.ogz_backg2-padding-top-50 { padding-top: 50px !important; }

.ogz_backg2-padding-bottom-10 { padding-bottom: 10px !important; }
.ogz_backg2-padding-bottom-20 { padding-bottom: 20px !important; }
.ogz_backg2-padding-bottom-30 { padding-bottom: 30px !important; }
.ogz_backg2-padding-bottom-40 { padding-bottom: 40px !important; }
.ogz_backg2-padding-bottom-50 { padding-bottom: 50px !important; }

/* =============================================
   MOBİL RESPONSIVE MESAFELER
   ============================================= */

@media (max-width: 991.98px) {
    .etkinlikler-section .content-wrap,
    .makaleler-section .content-wrap,
    .haberler-section .content-wrap,
    .formlar-section .content-wrap,
    .yetiskin-hizmetler-section .content-wrap,
    .kurumsal-hizmetler-section .content-wrap,
    .cocuk-hizmetler-section .content-wrap {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
}

@media (max-width: 767.98px) {
    .etkinlikler-section .content-wrap,
    .makaleler-section .content-wrap,
    .haberler-section .content-wrap,
    .formlar-section .content-wrap,
    .yetiskin-hizmetler-section .content-wrap,
    .kurumsal-hizmetler-section .content-wrap,
    .cocuk-hizmetler-section .content-wrap {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width: 575.98px) {
    .etkinlikler-section .content-wrap,
    .makaleler-section .content-wrap,
    .haberler-section .content-wrap,
    .formlar-section .content-wrap,
    .yetiskin-hizmetler-section .content-wrap,
    .kurumsal-hizmetler-section .content-wrap,
    .cocuk-hizmetler-section .content-wrap {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}

/* =============================================
   HIZLI AYARLAMA İÇİN SINIFLAR
   ============================================= */

/* Çok az mesafe */
.spacing-minimal {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* Az mesafe */
.spacing-small {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

/* Orta mesafe */
.spacing-medium {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

/* Büyük mesafe */
.spacing-large {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

/* Çok büyük mesafe */
.spacing-extra-large {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

/* =============================================
   BÖLÜM BAŞLIKLARI VE RESİMLER ARASI MESAFELER
   ============================================= */

/* BÖLÜM BAŞLIKLARI - ÜST ALT MESAFELER */
.title-center {
    margin-top: 20px !important; /* Başlığın üstündeki mesafe */
    margin-bottom: 20px !important; /* Başlığın altındaki mesafe */
}

.title-center h4 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* BAŞLIK RESMİ - BAŞLIK İLE ARASINDAKİ MESAFE */
.title-image {
    margin-top: 20px !important; /* Başlık ile resim arası */
    margin-bottom: 20px !important; /* Resim ile içerik arası */
}

/* İÇERİK KONTEYNERİ - BAŞLIK RESMİNDEN SONRA */
.post-grid {
    margin-top: 20px !important; /* Başlık resminden sonraki mesafe */
}

/* RESİM İLE BAŞLIK ARASINDAKİ MESAFE */
.entry-image {
    margin-bottom: 15px !important; /* Resim ile başlık arası */
}

/* BAŞLIK İLE AÇIKLAMA ARASINDAKİ MESAFE */
.entry-title {
    margin-bottom: 10px !important; /* Başlık ile açıklama arası */
}

/* AÇIKLAMA İLE ALT KISIM ARASINDAKİ MESAFE */
.entry-content {
    margin-bottom: 15px !important; /* Açıklama ile alt kısım arası */
}

/* =============================================
   ÖZEL BAŞLIK MESAFE SINIFLARI
   ============================================= */

/* Başlık üst mesafeleri */
.title-top-10 { margin-top: 10px !important; }
.title-top-20 { margin-top: 20px !important; }
.title-top-30 { margin-top: 30px !important; }
.title-top-40 { margin-top: 40px !important; }
.title-top-50 { margin-top: 50px !important; }

/* Başlık alt mesafeleri */
.title-bottom-10 { margin-bottom: 10px !important; }
.title-bottom-20 { margin-bottom: 20px !important; }
.title-bottom-30 { margin-bottom: 30px !important; }
.title-bottom-40 { margin-bottom: 40px !important; }
.title-bottom-50 { margin-bottom: 50px !important; }

/* Başlık resmi mesafeleri */
.title-image-top-10 { margin-top: 10px !important; }
.title-image-top-20 { margin-top: 20px !important; }
.title-image-top-30 { margin-top: 30px !important; }
.title-image-top-40 { margin-top: 40px !important; }
.title-image-top-50 { margin-top: 50px !important; }

.title-image-bottom-10 { margin-bottom: 10px !important; }
.title-image-bottom-20 { margin-bottom: 20px !important; }
.title-image-bottom-30 { margin-bottom: 30px !important; }
.title-image-bottom-40 { margin-bottom: 40px !important; }
.title-image-bottom-50 { margin-bottom: 50px !important; }

/* İçerik mesafeleri */
.content-top-10 { margin-top: 10px !important; }
.content-top-20 { margin-top: 20px !important; }
.content-top-30 { margin-top: 30px !important; }
.content-top-40 { margin-top: 40px !important; }
.content-top-50 { margin-top: 50px !important; }

.content-bottom-10 { margin-bottom: 10px !important; }
.content-bottom-20 { margin-bottom: 20px !important; }
.content-bottom-30 { margin-bottom: 30px !important; }
.content-bottom-40 { margin-bottom: 40px !important; }
.content-bottom-50 { margin-bottom: 50px !important; }

/* =============================================
   MOBİL BAŞLIK MESAFELERİ
   ============================================= */

@media (max-width: 991.98px) {
    .title-center {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    
    .title-image {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    
    .post-grid {
        margin-top: 15px !important;
    }
}

@media (max-width: 767.98px) {
    .title-center {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    
    .title-image {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    
    .post-grid {
        margin-top: 10px !important;
    }
}

@media (max-width: 575.98px) {
    .title-center {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    
    .title-image {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    
    .post-grid {
        margin-top: 8px !important;
    }
}

/* =============================================
   AÇIKLAMA VE NOTLAR
   ============================================= */

/*
KULLANIM TALİMATLARI:

1. BÖLÜM MESAFELERİNİ DEĞİŞTİRMEK İÇİN:
   - Bu dosyadaki ilgili bölümün margin-top ve margin-bottom değerlerini değiştirin
   - Örnek: .etkinlikler-section .content-wrap { margin-top: 50px !important; }

2. BAŞLIK MESAFELERİNİ DEĞİŞTİRMEK İÇİN:
   - .title-center, .title-image, .post-grid değerlerini değiştirin
   - Örnek: .title-center { margin-top: 30px !important; }

3. HIZLI AYARLAMA İÇİN:
   - HTML'de class="spacing-small" gibi sınıfları kullanın
   - Örnek: <div class="content-wrap spacing-medium">

4. ÖZEL MESAFELER İÇİN:
   - topmargin-40, bottommargin-60 gibi sınıfları kullanın
   - Örnek: <div class="content-wrap topmargin-50 bottommargin-70">

5. BAŞLIK MESAFELERİ İÇİN:
   - title-top-20, title-bottom-30 gibi sınıfları kullanın
   - Örnek: <div class="title-center title-top-30 title-bottom-20">

6. TEST ETMEK İÇİN:
   - Bu dosyayı düzenleyin
   - Sayfayı yenileyin
   - Sonucu kontrol edin
   - İstediğiniz mesafeyi bulana kadar deneyin

MEVCUT AYARLAR:
- Etkinlikler: 30px üst, 80px alt
- Makaleler: 80px üst, 80px alt  
- Haberler: 80px üst, 80px alt
- Formlar: 80px üst, 80px alt

BAŞLIK MESAFELERİ:
- Başlık üst: 20px
- Başlık alt: 20px
- Başlık resmi üst: 20px
- Başlık resmi alt: 20px
- İçerik üst: 20px
*/ 

/* =============================================
   YETİŞKİN ANASAYFA BÖLÜMÜ - HİZMETLER
   ============================================= */

/* Yetişkin anasayfa hizmetler bölümü mesafeleri */
.yetiskin-hizmetler-section .content-wrap {
    /* ÜST MESAFE: Slider'dan sonraki boşluk */
    margin-top: 30px !important; /* Değiştir: 20px, 40px, 50px, 60px */
    
    /* ALT MESAFE: Diğer bölümlere kadar olan boşluk */
    margin-bottom: 5px !important; /* Değiştir: 40px, 60px, 80px, 100px */
}

/* Yetişkin hizmetler için özel override */
.yetiskin-hizmetler-section .content-wrap.nopadding {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
}

.yetiskin-hizmetler-section .content-wrap.topmargin-sm {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
}

/* Yetişkin hizmetler başlık mesafeleri */
.yetiskin-hizmetler-section .title-center {
    /* Başlığın üstündeki mesafe */
    margin-top: 30px !important; /* TEST: 50px yapıldı - çalışıyorsa görünür */
    
    /* Başlığın altındaki mesafe */
    margin-bottom: 30px !important; /* TEST: 30px yapıldı - çalışıyorsa görünür */
}

/* Yetişkin hizmetler başlık resmi mesafeleri */
.yetiskin-hizmetler-section .title-image {
    /* Başlık ile resim arasındaki mesafe */
    margin-top: 15px !important; /* Değiştir: 10px, 20px, 30px, 40px */
    
    /* Resim ile içerik arasındaki mesafe */
    margin-bottom: 25px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Yetişkin hizmetler içerik konteyneri */
.yetiskin-hizmetler-section .post-grid {
    /* Başlık resminden sonraki mesafe */
    margin-top: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Yetişkin hizmetler özel mesafe sınıfları */
.yetiskin-hizmetler-section .ogz_marginb_20 {
    margin-bottom: 20px !important; /* Hizmet kutuları arası mesafe */
}

.yetiskin-hizmetler-section .ogz_margint_10 {
    margin-top: 10px !important; /* Başlık ile açıklama arası */
}

/* Yetişkin hizmetler responsive mesafeleri */
@media (max-width: 991.98px) {
    .yetiskin-hizmetler-section .content-wrap {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
}

@media (max-width: 767.98px) {
    .yetiskin-hizmetler-section .content-wrap {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width: 575.98px) {
    .yetiskin-hizmetler-section .content-wrap {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}

/* Yetişkin hizmetler hızlı ayarlama sınıfları */
.yetiskin-hizmetler-section .spacing-minimal {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.yetiskin-hizmetler-section .spacing-small {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.yetiskin-hizmetler-section .spacing-medium {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.yetiskin-hizmetler-section .spacing-large {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.yetiskin-hizmetler-section .spacing-extra-large {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
}

/* =============================================
   KURUMSAL ANASAYFA BÖLÜMÜ - HİZMETLER
   ============================================= */

/* Kurumsal anasayfa hizmetler bölümü mesafeleri */
.kurumsal-hizmetler-section .content-wrap {
    /* ÜST MESAFE: Slider'dan sonraki boşluk */
    margin-top: 30px !important; /* Değiştir: 20px, 40px, 50px, 60px */
    
    /* ALT MESAFE: Diğer bölümlere kadar olan boşluk */
    margin-bottom: 5px !important; /* Değiştir: 40px, 60px, 80px, 100px */
}

/* Kurumsal bölümü için daha güçlü CSS override */
body .kurumsal-hizmetler-section .content-wrap {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
}

html body .kurumsal-hizmetler-section .content-wrap {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
}

/* Kurumsal hizmetler için özel override */
.kurumsal-hizmetler-section .content-wrap.nopadding {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
}

.kurumsal-hizmetler-section .content-wrap.topmargin-sm {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
}

/* Kurumsal hizmetler başlık mesafeleri */
.kurumsal-hizmetler-section .title-center {
    /* Başlığın üstündeki mesafe */
    margin-top: 30px !important; /* TEST: 50px yapıldı - çalışıyorsa görünür */
    
    /* Başlığın altındaki mesafe */
    margin-bottom: 30px !important; /* TEST: 30px yapıldı - çalışıyorsa görünür */
}

/* Kurumsal başlık için daha güçlü CSS override */
body .kurumsal-hizmetler-section .title-center {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

html body .kurumsal-hizmetler-section .title-center {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

/* Kurumsal başlık için en güçlü CSS override */
.kurumsal-hizmetler-section .title-center {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

/* Kurumsal başlık için inline style override */
.kurumsal-hizmetler-section .title-center[style] {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

/* Kurumsal hizmetler başlık resmi mesafeleri */
.kurumsal-hizmetler-section .title-image {
    /* Başlık ile resim arasındaki mesafe */
    margin-top: 15px !important; /* Değiştir: 10px, 20px, 30px, 40px */
    
    /* Resim ile içerik arasındaki mesafe */
    margin-bottom: 25px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Kurumsal hizmetler içerik konteyneri */
.kurumsal-hizmetler-section .post-grid {
    /* Başlık resminden sonraki mesafe */
    margin-top: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Kurumsal içerik için daha güçlü CSS override */
body .kurumsal-hizmetler-section .post-grid {
    margin-top: 20px !important;
}

html body .kurumsal-hizmetler-section .post-grid {
    margin-top: 20px !important;
}

/* Kurumsal hizmetler özel mesafe sınıfları */
.kurumsal-hizmetler-section .ogz_marginb_20 {
    margin-bottom: 20px !important; /* Hizmet kutuları arası mesafe */
}

.kurumsal-hizmetler-section .ogz_margint_10 {
    margin-top: 10px !important; /* Başlık ile açıklama arası */
}

/* Kurumsal hizmetler responsive mesafeleri */
@media (max-width: 991.98px) {
    .kurumsal-hizmetler-section .content-wrap {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
}

@media (max-width: 767.98px) {
    .kurumsal-hizmetler-section .content-wrap {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width: 575.98px) {
    .kurumsal-hizmetler-section .content-wrap {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}

/* Kurumsal hizmetler hızlı ayarlama sınıfları */
.kurumsal-hizmetler-section .spacing-minimal {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.kurumsal-hizmetler-section .spacing-small {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.kurumsal-hizmetler-section .spacing-medium {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.kurumsal-hizmetler-section .spacing-large {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.kurumsal-hizmetler-section .spacing-extra-large {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
}

/* =============================================
   ÇOCUK ANASAYFA BÖLÜMÜ - HİZMETLER
   ============================================= */

/* Çocuk anasayfa hizmetler bölümü mesafeleri */
.cocuk-hizmetler-section .content-wrap {
    /* ÜST MESAFE: Slider'dan sonraki boşluk */
    margin-top: 30px !important; /* Değiştir: 20px, 40px, 50px, 60px */
    
    /* ALT MESAFE: Diğer bölümlere kadar olan boşluk */
    margin-bottom: 5px !important; /* Değiştir: 40px, 60px, 80px, 100px */
}

/* Çocuk hizmetler için özel override */
.cocuk-hizmetler-section .content-wrap.nopadding {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
}

.cocuk-hizmetler-section .content-wrap.topmargin-sm {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
}

/* Çocuk hizmetler başlık mesafeleri */
.cocuk-hizmetler-section .title-center {
    /* Başlığın üstündeki mesafe */
    margin-top: 30px !important; /* TEST: 50px yapıldı - çalışıyorsa görünür */
    
    /* Başlığın altındaki mesafe */
    margin-bottom: 30px !important; /* TEST: 30px yapıldı - çalışıyorsa görünür */
}

/* Çocuk hizmetler başlık resmi mesafeleri */
.cocuk-hizmetler-section .title-image {
    /* Başlık ile resim arasındaki mesafe */
    margin-top: 15px !important; /* Değiştir: 10px, 20px, 30px, 40px */
    
    /* Resim ile içerik arasındaki mesafe */
    margin-bottom: 25px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Çocuk hizmetler içerik konteyneri */
.cocuk-hizmetler-section .post-grid {
    /* Başlık resminden sonraki mesafe */
    margin-top: 20px !important; /* Değiştir: 10px, 20px, 30px, 40px */
}

/* Çocuk hizmetler özel mesafe sınıfları */
.cocuk-hizmetler-section .ogz_marginb_20 {
    margin-bottom: 20px !important; /* Hizmet kutuları arası mesafe */
}

.cocuk-hizmetler-section .ogz_margint_10 {
    margin-top: 10px !important; /* Başlık ile açıklama arası */
}

/* Çocuk hizmetler responsive mesafeleri */
@media (max-width: 991.98px) {
    .cocuk-hizmetler-section .content-wrap {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
}

@media (max-width: 767.98px) {
    .cocuk-hizmetler-section .content-wrap {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width: 575.98px) {
    .cocuk-hizmetler-section .content-wrap {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}

/* Çocuk hizmetler hızlı ayarlama sınıfları */
.cocuk-hizmetler-section .spacing-minimal {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.cocuk-hizmetler-section .spacing-small {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.cocuk-hizmetler-section .spacing-medium {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.cocuk-hizmetler-section .spacing-large {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.cocuk-hizmetler-section .spacing-extra-large {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
}