/* ===================================================================
   PROXIMA BROKERS - İYİLEŞTİRİLMİŞ VE STABİL CUSTOM CSS
   =================================================================== */

/* --- Genel Header ve Logo Ayarları --- */
.header {
  --heading-color: #000;
  transition: background-color 0.3s ease;
}
.font-handwriting {
            font-family: 'Edu NSW ACT Hand', cursive;
text-shadow: 0.5px 0 0 currentColor;
        }
.header .logo {
  flex-shrink: 0; /* logonun daralmamasını sağlar */
}
.sitename-wrapper {
            /* Mutlak konumlandırma ile elementi akıştan çıkarıp ortalıyoruz */
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            /* Tıklanma sorunlarını önlemek için */
            pointer-events: none; 
        }
/* ===================================================================
   Masaüstü Görünüm (1200px ve üzeri) - Flexbox ile Ortalama
   =================================================================== */
@media (min-width: 1200px) {
  /* Header içerisindeki ana container'ı Flexbox merkezi haline getiriyoruz */
  .header .container-fluid {
    justify-content: space-between;
  }

 .sitename-wrapper {
                position: static;
                transform: none;
                pointer-events: auto;
                margin-left: 0.75rem; /* Logonun yanına boşluk ekle */
            }


  /* Menüyü ortada, esneyen bir alana yerleştiriyoruz */
  .navmenu {
    flex-grow: 1;
    display: flex;
    justify-content: center;
  }
  
  /* Mobil menü ikonlarını gizle */
  .mobile-nav-toggle-container {
    display: none;
  }
}

body {
            font-family: 'Inter', sans-serif;
            background-color: #f8fafc; /* slate-50 */
        }
.font-raleway {
    font-family: 'Raleway', sans-serif;
}
.main, main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
    #about .about-card {
        background-color: #ffffff;
        transition: transform 0.3s ease-in-out;
    }
    
    #about .about-card:hover {
        transform: translateY(-5px);
    }

    #about .title-underline {
        width: 50px;
        height: 3px;
        background-color: #fd7e14; /* Canlı bir turuncu renk */
        margin-bottom: 20px;
    }
.about-card .icon-feature {
        display: flex;
        align-items: flex-start;
        margin-top: 25px;
    }
    .about-card .icon-feature i {
        font-size: 20px; /* İkon boyutu ayarlandı */
        color: #fd7e14; /* Turuncu renk */
        margin-right: 15px; /* İkon ve metin arası boşluk */
        flex-shrink: 0;
        line-height: 1.5; /* Metinle dikey hizalama için */
    }
    .about-card .icon-feature h5 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 5px;
        color: #2a2c39;
    }
    .about-card .icon-feature p {
        font-size: 15px;
        color: #6c757d;
        margin-bottom: 0;
    }
    .about-card .key-strengths {
        margin-top: 30px;
        padding-top: 20px;
        border-top: 1px solid #e9ecef;
    }