.elementor-409 .elementor-element.elementor-element-1714680{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:1;--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}.elementor-409 .elementor-element.elementor-element-1714680:not(.elementor-motion-effects-element-type-background), .elementor-409 .elementor-element.elementor-element-1714680 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://www.ngorallar.com.tr/wp-content/uploads/2025/06/Adsiz-tasarim-2025-06-10T173416.480.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-409 .elementor-element.elementor-element-1714680::before, .elementor-409 .elementor-element.elementor-element-1714680 > .elementor-background-video-container::before, .elementor-409 .elementor-element.elementor-element-1714680 > .e-con-inner > .elementor-background-video-container::before, .elementor-409 .elementor-element.elementor-element-1714680 > .elementor-background-slideshow::before, .elementor-409 .elementor-element.elementor-element-1714680 > .e-con-inner > .elementor-background-slideshow::before, .elementor-409 .elementor-element.elementor-element-1714680 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0A0B1480 50%, #FFFFFFCC 100%);}.elementor-409 .elementor-element.elementor-element-02eb9dd{--display:flex;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-409 .elementor-element.elementor-element-616212e{text-align:center;}.elementor-409 .elementor-element.elementor-element-616212e .elementor-heading-title{color:var( --e-global-color-text );}.elementor-409 .elementor-element.elementor-element-bd992d2{--display:flex;}.elementor-409 .elementor-element.elementor-element-d9c4158{--display:flex;}.elementor-409 .elementor-element.elementor-element-b900714 .elementor-heading-title{color:#636363;}.elementor-409 .elementor-element.elementor-element-928cdc5{--display:flex;}.elementor-409 .elementor-element.elementor-element-4ccb9db .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-409 .elementor-element.elementor-element-4ccb9db .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-409 .elementor-element.elementor-element-4ccb9db{--image-border-radius:10px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-409 .elementor-element.elementor-element-1714680{--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-409 .elementor-element.elementor-element-02eb9dd{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:21px;--padding-bottom:21px;--padding-left:21px;--padding-right:21px;}}@media(min-width:768px){.elementor-409 .elementor-element.elementor-element-1714680{--content-width:720px;}}/* Start custom CSS for html, class: .elementor-element-df04f65 *//* TÜM KARTLARI KAPSAYAN ANA DÜZEN */
.proje-kartlar-kapsayici {
    display: flex; /* İçindeki kartları yan yana sırala */
    flex-wrap: wrap; /* Yeterli alan yoksa alt satıra geç */
    justify-content: center; /* Kartları yatayda ortala */
    gap: 30px; /* Kartlar arası boşluk */
    padding: 30px 0; /* Üst ve alt genel boşluk */
    font-family: Arial, sans-serif;
}

/* Her Bir Proje Bilgi Kartı */
.proje-bilgi-kart {
    background-color: #FFFFFF; /* Beyaz arka plan */
    border: 1px solid rgba(0, 0, 0, 0.05); /* Çok ince, hafif transparan kenarlık */
    border-radius: 10px; /* Yuvarlak köşeler */
    padding: 25px 90px; /* İç boşluklar */
    /* margin: 30px auto; /* Önceki tek kart için ortalama kaldırıldı */ */
    max-width: 400px; /* Kartın maksimum genişliği */
    width: 100%; /* Mobil'de tam genişlik alabilmesi için */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); /* Hafif gölge */
    line-height: 1.6;
    flex-grow: 1; /* Mevcut alanı doldurmaya çalış */
    flex-basis: 300px; /* Bir kartın minimum genişliği, altına geçmesini kontrol eder */
}

/* Her Bir Proje Bilgi Satırı (Aynı Kalıyor) */
.proje-item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 12px 0;
    border-bottom: 1px solid #F0F0F0;
}

.proje-item:last-child {
    border-bottom: none;
}

/* Etiket (PROJE ADI, İŞVEREN vb.) (Aynı Kalıyor) */
.proje-label {
    font-weight: 600;
    color: #555555;
    margin-right: 15px;
    flex-shrink: 0;
}

/* Değer (METAFOR ANKARA, VİEW YAPI A.Ş vb.) (Aynı Kalıyor) */
.proje-value {
    font-weight: 700;
    color: #333333;
    text-align: right;
    flex-grow: 1;
}

/* "METAFOR ANKARA" metni için özel renk (siyah) (Aynı Kalıyor) */
.proje-value.proje-adi-metin {
    color: #000000;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .proje-kartlar-kapsayici {
        gap: 20px; /* Mobil'de kartlar arası boşluğu azalt */
        padding: 20px 0;
    }

    .proje-bilgi-kart {
        padding: 20px; /* Daha küçük ekranlarda iç boşluğu azalt */
        flex-basis: 100%; /* Mobil'de her kart tam genişliği kaplasın */
        max-width: 95%; /* Mobil'de kenarlardan hafif boşluk bırak */
    }

    /* Kart içindeki satırların mobil düzenlemesi */
    .proje-item {
        flex-direction: column; /* Etiket ve değeri alt alta al */
        align-items: flex-start; /* Sola hizala */
        padding: 10px 0;
    }

    .proje-label {
        margin-bottom: 5px;
        font-size: 0.9em;
    }

    .proje-value {
        text-align: left;
        font-size: 1em;
    }
}

@media (max-width: 480px) {
    .proje-bilgi-kart {
        border-radius: 8px; /* Daha küçük köşeler */
    }
}/* End custom CSS */