.bg_beyaz { background: #FFF; padding: 15px; }

.bg_footer { min-height: 184px !important; background-color: #f2f5f5 !important; padding: 20px 10px 10px 20px; }

/**** linkler ***/
.link_footer { color: #333d40; font-size: 15px; text-decoration: none; font-weight: 500; line-height: 25px; }
a.link_footer:hover { color: #f7b71e; text-decoration: underline; }


.slayt_bg {
    background-color: rgba(22, 70, 178, 0.5) !important;
    padding: 25px;
    border-radius: 5px;
    color: #fff !important;
}


/**** haberler ***/

.haber_listele_disp { display: flex !important; flex-wrap: wrap !important; }

.haber_list_all { background-color: #fff; margin-bottom: 20px; }
.haber_list_al_img img { width: 100% !important; height: 250px !important; object-fit: cover !important; }

.haber_list_all_content {
    /* Sinir yok */
    border: none;
    /* Köseleri biraz daha yuvarlat */
    border-radius: 10px;
    /* Arka plan beyaz */
    background-color: #ffffff;
    /* Dolguyu artirarak ferahlik sagla */
    padding: 20px;
    /* Biraz daha belirgin, derin bir gölge */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}


.haber_list_al_baslik { color: #000 !important; font-size: 17px; }
.haber_list_al_baslik_link { color: #000; font-size: 17px; font-weight: bold; text-decoration: none; }
/* DUZELTME: ;hover yerine :hover yapildi */
a.haber_list_al_baslik_link:hover { color: #000; font-weight: bold; text-decoration: underline; }

.haber_list_al_ozet { margin-top: 10px; font-size: 16px; line-height: 21px; }
.haber_list_al_detaybtn { margin-top: 10px; }

.haber_list_al_detaybtn2 { color: #000; text-decoration: none; font-weight: bold; }
a.haber_list_al_detaybtn2:hover { color: #000; text-decoration: underline; }


/*** revize ****/


.yazi_beyaz { color: #FFF !important; }
.yazi_siyah { color: #000 !important; }
.yazi_kalin { font-weight: bold !important; }
.yazi_11px { font-size: 11px !important; }
.yazi_12px { font-size: 12px !important; }
.yazi_13px { font-size: 13px !important; }
.yazi_14px { font-size: 14px !important; }
.yazi_15px { font-size: 15px !important; }
.yazi_16px { font-size: 16px !important; }
.yazi_17px { font-size: 17px !important; }
.yazi_18px { font-size: 18px !important; }
.yazi_19px { font-size: 19px !important; }
.yazi_20px { font-size: 20px !important; }
.yazi_21px { font-size: 21px !important; }

.margin_all10 { margin: 10px !important; }
.margin_b10 { margin-bottom: 10px !important; }
.margin_b20 { margin-bottom: 20px !important; }
.margin_l10 { margin-left: 10px !important; }
.margin_r10 { margin-right: 10px !important; }
.margin_t10 { margin-top: 10px !important; }
.margin_t15_ { margin-top: -15px !important; }

.margin_all20 { margin: 20px !important; }
.margin_b0 { margin-bottom: 0px !important; }
.margin_l20 { margin-left: 20px !important; }
.margin_r20 { margin-right: 20px !important; }
.margin_t20 { margin-top: 20px !important; }
.margin_t30 { margin-top: 30px !important; }
.margin_t40 { margin-top: 40px !important; }
.margin_l40 { margin-left: 40px !important; }

.padding_all0 { padding: 0px !important; }
.padding_b0 { padding-bottom: 0px !important; }
.padding_l0 { padding-left: 0px !important; }
.padding_r0 { padding-right: 0px !important; }
.padding_t0 { padding-top: 0px !important; }


.padding_all5 { padding: 5px !important; }
.padding_b5 { padding-bottom: 5px !important; }
.padding_l5 { padding-left: 5px !important; }
.padding_r5 { padding-right: 5px !important; }
.padding_t5 { padding-top: 5px !important; }

.padding_all10 { padding: 10px !important; }
.padding_b10 { padding-bottom: 10px !important; }
.padding_l10 { padding-left: 10px !important; }
.padding_r10 { padding-right: 10px !important; }
.padding_t10 { padding-top: 10px !important; }
.padding_t15 { padding-top: 15px !important; }

.padding_all20 { padding: 20px !important; }
.padding_b20 { padding-bottom: 20px !important; }
.padding_l20 { padding-left: 20px !important; }
.padding_r20 { padding-right: 20px !important; }
.padding_t20 { padding-top: 20px !important; }
.padding_t40 { padding-top: 40px !important; }


/*** img ***/

.blog_home_img img { width: 100% !important; height: 250px !important; object-fit: cover !important; }


.makina_all img { border: 1px #cccccc solid; padding: 5px; width: 100% !important; height: 250px !important; object-fit: cover !important; margin-bottom: 10px; }

/** .haber_galeri_all img{ border:1px #cccccc solid; padding:5px; width:100%!important; height:200px!important; object-fit:cover!important; margin-bottom:10px;  } */


.proje_list img { width: 100% !important; height: 200px !important; object-fit: cover !important; }

.footer_logo { background-color: #FFF; padding: 10px; margin-bottom: 20px !important; }


.proje_buyuk_resim_img img { width: 100% !important; height: 400px !important; object-fit: cover !important; }


/*** videolar ***/
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (min-width:768px) {
    .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
    .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}



@media (max-width:768px) {
    .gizle_xs { display: none !important; }
}




/*** form ****/

.wpcf7 form p {
    margin-bottom: 10px;
}

.form_input,
.form_mesaj {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    box-sizing: border-box;
    color: #000 !important
}

.form_input::placeholder,
.form_mesaj::placeholder {
    color: rgba(0, 0, 0, 0.25) !important;
}

.form_mesaj {
    height: 120px;
}

.form_button {
    background-color: #1646b2;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
}

.form_button:hover {
    background-color: #005b87;
}

label {
    display: block !important;
}


/* Body'deki üst boslugu sifirlama */
body {
    margin: 0px !important;
    padding: 0px !important;
}

html {
    margin-top: 0px !important;
    top: 0 !important;
}

/* DUZELTME: Buradaki fazladan '}' silindi */

@media screen and (max-width: 782px) {
    html {
        margin-top: 0px !important;
        top: 0 !important;
    }

    margin: 0px !important;
    padding: 0px !important;

}
/* /Body'deki üst boslugu sifirlama */


/* ======= Footer Tasarimi ======= */
.footer-section {
    background: #222;
    color: #ddd;
    padding: 60px 0 20px;
    font-family: 'Open Sans', sans-serif;
}

.footer-section .footer-col {
    margin-bottom: 30px;
}

.footer-logo img {
    max-width: 180px;
    margin-bottom: 20px;
}

.footer-contact {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.footer-contact li {
    font-size: 14px;
    margin-bottom: 8px;
    color: #bbb;
}

.footer-contact i {
    color: #f7b71e;
    margin-right: 10px;
    width: 18px;
}

.footer-social a {
    display: inline-block;
    background: #333;
    color: #f7b71e;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    margin-right: 6px;
    transition: all 0.3s ease;
}

.footer-social a:hover {
    background: #f7b71e;
    color: #fff;
}

.footer-title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
}

.footer-title::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #f7b71e;
    margin-top: 5px;
}

.footer-menu li a,
.footer-projects li a {
    color: #ccc;
    font-size: 14px;
    display: block;
    padding: 4px 0;
    transition: color 0.3s ease;
}

.footer-menu li a:hover,
.footer-projects li a:hover {
    color: #f7b71e;
    text-decoration: none;
}

.footer-projects li i {
    margin-right: 6px;
    color: #f7b71e;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 40px;
    padding-top: 15px;
}

.footer-bottom p {
    font-size: 13px;
    color: #999;
}

.footer-bottom strong {
    color: #fff;
}

/* Responsive */
@media (max-width: 767px) {
    .footer-section {
        text-align: center;
    }

    .footer-social a {
        margin: 5px;
    }
}


/* Ana konteyner: Resim ve Metni Düzenler */
.media.recentblog {
    display: flex; /* Resmi ve metni yan yana hizalar */
    align-items: flex-start; /* Resim ve metni üstten hizalar */
    gap: 15px; /* Resim ile metin arasina bosluk koyar */
    padding: 10px 0; /* Üst ve alttan hafif dolgu */
    border-bottom: 1px solid #eeeeee; /* Her ögeyi ayiran ince bir çizgi */
    transition: background-color 0.3s ease; /* Hover efekti için geçis süresi */
}

/* Hover Efekti: Üzerine gelindiginde hafif bir vurgu yapar */
.media.recentblog:hover {
    background-color: #f7f7f7; /* Hafif bir arka plan rengi */
    cursor: pointer; /* Fare imlecini degistirir */
}

/* Resim Alani */
.media-left {
    flex-shrink: 0; /* Resmi sikistirmaz */
    width: 90px; /* Sabit bir genislik belirler */
    height: 60px; /* Sabit bir yükseklik belirler */
    border-radius: 6px; /* Köseleri yuvarlatir */
    overflow: hidden; /* Resmi köselerin disina tasmasini engeller */
}

/* Resim Stili */
.media-object {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Resmi, alani dolduracak sekilde kirpar */
}

/* Metin Alani */
.media-body {
    flex-grow: 1; /* Kalan tüm alani kaplar */
}

/* Baslik Stili */
.media-heading {
    /* Baslik etiketindeki varsayilan kenar bosluklarini sifirlar veya azaltir */
    margin: 0;
    font-size: 16px; /* Daha okunakli bir font boyutu */
    font-weight: 600; /* Kalin font */
    line-height: 1.3; /* Satir yüksekligi */
    color: #333333; /* Koyu gri metin rengi */
}

/* Link Stili: Metin ve baslik linklerindeki varsayilan alt çizgiyi kaldirir */
.media-body a,
.media-left a {
    text-decoration: none;
    color: inherit;
}


.contactWidget {
    background-color: #ffffff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    border: 1px solid #f0f0f0;
}


.contactWidget h4 {
    font-size: 17px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    border-bottom: 2px solid #007bff;
    display: inline-block;
    padding-bottom: 5px;
}

.contactWidget .list-unstyled {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.contactWidget .list-unstyled li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    line-height: 1.4;
    color: #555;
    font-size: 1rem;
}

.contactWidget .list-unstyled li i {
    color: #007bff;
    font-size: 1.2rem;
    margin-right: 15px;
    padding-top: 2px;
}


.contactWidget .list-unstyled li:last-child {
    margin-bottom: 0;
}


/*** banner ***/


.banner_all img {
    width: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    display: block;
}


/*** galeri **/
.sectionTitle {
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 30px;
    padding-bottom: 10px;
    display: inline-block;
    border-bottom: 3px solid #007bff;
}

.col-lg-4, .col-md-6, .col-sm-12 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.haber_galeri_all {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: box-shadow 0.3s ease;
}

.haber_galeri_all img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    transition: transform 0.5s ease;
    display: block;
}

.haber_galeri_all:hover {
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}

.haber_galeri_all:hover img {
    transform: scale(1.08);
}



/**** projeler ***/

.proje_home img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: transform 0.5s ease;
    display: block;
}






.media-left { padding-right: 0px !important; }



/* ---- Services: Modern Card Grid (DUZELTILEN KISIM) ---- */
.services-section {
    padding: 40px 20px;
    background: #f9fafb;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

/* Grid */
.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    max-width: 1200px;
    margin: 0 auto;
    align-items: stretch;
    padding: 0 12px;
}

/* Card - DUZELTME: height:100% eklendi */
.service-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(22, 28, 37, 0.06);
    display: flex;
    flex-direction: column;
    height: 100%; /* Sütun boyuna esitler */
    transition: transform 280ms ease, box-shadow 280ms ease;
    will-change: transform;
    border: 1px solid rgba(20, 24, 30, 0.04);
}

/* Hover lift */
.service-card:hover,
.service-card:focus-within {
    transform: translateY(-8px);
    box-shadow: 0 14px 40px rgba(22, 28, 37, 0.12);
}

/* Media / image area */
.service-media {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.service-img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 360ms ease;
}

/* Zoom on hover */
.service-card:hover .service-img,
.service-card:focus-within .service-img {
    transform: scale(1.06);
}

/* Subtle overlay with CTA on hover */
.service-media-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.28));
    opacity: 0;
    transition: opacity 220ms ease;
}

.service-card:hover .service-media-overlay,
.service-card:focus-within .service-media-overlay {
    opacity: 1;
}

.service-action {
    color: #fff;
    background: rgba(0, 0, 0, 0.45);
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
}

/* Body */
.service-body {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 auto;
}

/* Title */
.service-title {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.2px;
}

.service-title a { color: #0f1724; text-decoration: none; }
.service-title a:hover { text-decoration: underline; }

/* Excerpt */
.service-excerpt {
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.5;
    flex: 1 1 auto;
}

/* Footer (cta + icon) - DUZELTME: margin-top: auto yapildi */
.service-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto; /* Butonu en alta iter */
    padding-top: 15px;
}

.btn.btn-primary.service-cta {
    background: #f7b71e;
    color: #fff;
    padding: 8px 14px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(224, 163, 16, 0.12);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.btn.btn-primary.service-cta:hover,
.btn.btn-primary.service-cta:focus {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(6, 182, 212, 0.18);
}

/* Icon link */
.service-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: rgba(15, 23, 36, 0.04);
    color: #0f1724;
    text-decoration: none;
}

.service-icon-link svg { display: block; width: 18px; height: 18px; }

/* Responsive */
@media (max-width: 992px) {
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .service-img { height: 180px; }
}

@media (max-width: 680px) {
    .services-grid { grid-template-columns: 1fr; gap: 18px; padding: 0 8px; }
    .service-img { height: 200px; }
    .service-body { padding: 14px; }
    .service-footer { gap: 8px; }
}



/* Ince iyilestirmeler — eski tasarima sadik kal */
.hizmetler-listesi { margin-left: -15px; margin-right: -15px; }

/* Kart iç bosluklari */
.blogInner {
    background: #fff;
    border-radius: 6px;
    padding: 8px;
    transition: box-shadow .18s ease, transform .18s ease;
    border: 1px solid rgba(0, 0, 0, 0.04);
}

/* Çok hafif hover etkisi, abartilmadi */
.blogInner:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(20, 24, 30, 0.06);
}

/* Görsel küçük yuvarlama, responsive korunur */
.featureImg .img-responsive {
    width: 100%;
    height: 190px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

/* Baslik ve isveren arasina hafif bosluk */
.postTitle h4 {
    margin: 12px 0 6px;
    font-size: 18px;
    line-height: 1.2;
}

.project-client {
    font-size: 13px;
    color: #667085;
    margin-bottom: 8px;
}

/* Devami linki hafif vurgulu */
.readMore {
    font-weight: 600;
    color: #0b6b7a;
    text-decoration: none;
}

.readMore:hover { text-decoration: underline; }

/* Küçük ekranlarda görsel yüksekligini ayarla */
@media (max-width: 768px) {
    .featureImg .img-responsive { height: 220px; }
}

@media (max-width: 480px) {
    .featureImg .img-responsive { height: 200px; }
    .postTitle h4 { font-size: 16px; }
}



/* Devami butonu — sade, modern, abartisiz */
.readMore {
    display: inline-block;
    padding: 6px 14px;
    background: #1646b2;
    color: #fff !important;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: background .2s ease;
    margin-top: 6px;
}

.readMore:hover {
    background: #113a94;
    text-decoration: none;
}




/**** video slayt ***/
/* Slider listesinin pozisyonunu garantiye alalim */
.mainSlider ul li {
    position: relative;
    overflow: hidden; /* Videonun tasmasini engeller */
}

/* Videoyu arka plana yayma ve sabitleme */
video.slider-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1; /* Yazilarin (caption) arkasinda kalmasini saglar */
    transform: translateX(-50%) translateY(-50%); /* Tam ortalamak için */
    object-fit: cover; /* CSS3 destekleyen tarayicilarda görüntüyü kaplar */
}

/* YENI EKLENEN CSS: Video Üzerindeki Seffaf Katman */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* Siyah renk (%40 seffaflik) */
    z-index: 0; /* Videonun üzerinde, yazilarin altinda */
}


/* Eger caption yazilari videonun altinda kalirsa, z-indexlerini artirmamiz gerekebilir.
   Mevcut CSS'e göre bu gerekmeyebilir ama gerekirse sunu ekleyin: */
.mainSlider .caption {
    z-index: 10 !important; /* Önemli: Overlay'in üzerinde oldugundan emin olun */
    position: relative; /* z-index'in çalismasi için position degeri sart */
}






/**** videolar ****/

/* Video kapsayicisini genislet */
.wp-video {
    width: 100% !important;
    max-width: 100% !important;
}

/* Videonun kendisini oranla */
.wp-video-shortcode {
    width: 100% !important;
    height: auto !important;
}







.esit-hizala {
    display: -webkit-box; /* Eski tarayicilar için */
    display: -ms-flexbox; /* IE 10 için */
    display: flex; /* Modern tarayicilar için */
    flex-wrap: wrap; /* Sigmayan kutuyu alt satira atar */
}

.esit-hizala > [class*='col-'] {
    display: flex;
    flex-direction: column;
}











/*** ansayfa hakkimizda ***/

/* --- GENEL AYARLAR --- */
.bulut-wrapper {
    padding: 60px 0;
    background-color: #fff;
    overflow-x: hidden; /* Yanlardan tasmayi kesin engeller */
}

/* Baslik Stilleri */
.main-title {
    font-size: 32px;
    font-weight: 700;
    color: #2c3e50;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.sub-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.line {
    height: 1px;
    width: 40px;
    background-color: #ccc;
    display: inline-block;
}

/* Sol Taraf Yazi Stilleri */
.why-title {
    font-size: 26px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 20px;
    border-bottom: 3px solid #f7b71e;
    display: inline-block;
    padding-bottom: 5px;
}

.intro-desc {
    color: #555;
    line-height: 1.6;
    margin-bottom: 25px;
}

.advantage-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

/* --- AKORDIYON --- */
.accordion {
    background-color: #f9f9f9;
    color: #444;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    outline: none;
    font-size: 15px;
    font-weight: 600;
    transition: 0.3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    margin-top: 5px;
}

.accordion:hover, .accordion.active {
    background-color: #fffcf0;
    color: #f7b71e;
}

.accordion:after {
    content: '\002B';
    color: #999;
    font-weight: bold;
    font-size: 20px;
}

.accordion.active:after {
    content: "\2212";
    color: #f7b71e;
}

.panel {
    padding: 0 15px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    border-left: 3px solid #f7b71e;
}

/* --- RESIMLER (SADECE GÖRÜNÜM AYARI) --- */
/* Bootstrap col yapisi genisligi hallediyor, biz sadece boy ve efekt veriyoruz */

.top-img {
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 3; /* Dikey Uzun */
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.bottom-img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; /* Yatay Genis */
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}




.resim_100 img { width: 100% !important; object-fit: cover !important; }

/* DUZELTME: Dosya sonundaki fazladan '}' silindi */






/***** hizmetler ***/

/* --- Taahhüt Sayfasi Tasarimi --- */

.taahhut-wrapper {
    padding: 40px 0;
    font-family: 'Open Sans', sans-serif;
    color: #333;
}

/* Baslik Alani */
.taahhut-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
}

.taahhut-header .main-title {
    color: #1646b2; /* Kurumsal Mavi */
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.title-line {
    display: block;
    width: 60px;
    height: 3px;
    background: #f7b71e; /* Kurumsal Sari */
    margin: 0 auto 20px;
}

.taahhut-lead {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

/* Grid Yapisi */
.taahhut-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
}

/* Kart Tasarimi */
.t-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border-bottom: 4px solid transparent;
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

.t-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-bottom-color: #f7b71e;
}

/* Ikonlar (FontAwesome yoksa kare olarak görünür, varsa ikon gelir) */
.t-icon {
    font-size: 40px;
    color: #1646b2;
    margin-bottom: 20px;
}

.t-title {
    font-size: 20px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 15px;
}

.t-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
}

.t-subtext {
    font-size: 13px;
    color: #888;
    font-style: italic;
}

/* Liste Tasarimi */
.t-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.t-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #444;
}

.t-list li::before {
    content: "•";
    color: #f7b71e;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: -2px;
}

/* Alt Mavi Alan (CTA) */
.taahhut-cta {
    background: #1646b2; /* Kurumsal Mavi */
    color: #fff;
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.cta-content h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.cta-content p {
    font-size: 16px;
    opacity: 0.9;
    max-width: 700px;
    margin: 0 auto 30px;
    line-height: 1.6;
}

.cta-features {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.cta-features span {
    background: rgba(255,255,255,0.1);
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.2);
}

.cta-features span i {
    color: #f7b71e;
    margin-right: 5px;
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    .taahhut-grid {
        grid-template-columns: 1fr;
    }
    
    .cta-features {
        flex-direction: column;
    }
}






/* --- Insaat Sayfasi Tasarimi --- */

.insaat-wrapper {
    padding: 40px 0;
    font-family: 'Open Sans', sans-serif;
    color: #333;
}

/* Baslik Alani */
.insaat-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
}

.insaat-header .main-title {
    color: #1646b2; /* Kurumsal Mavi */
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.insaat-header .title-line {
    display: block;
    width: 60px;
    height: 3px;
    background: #f7b71e; /* Kurumsal Sari */
    margin: 0 auto 20px;
}

.insaat-lead {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

/* Grid Yapisi */
.insaat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
}

/* Kart Tasarimi */
.i-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border-bottom: 4px solid transparent;
    transition: all 0.3s ease;
    border: 1px solid #eee;
    display: flex;
    flex-direction: column;
}

.i-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-bottom-color: #f7b71e;
}

/* Ikonlar */
.i-icon {
    font-size: 40px;
    color: #1646b2;
    margin-bottom: 20px;
}

.i-title {
    font-size: 20px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 15px;
}

.i-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
    flex-grow: 1; /* Içerik uzarsa hizayi korur */
}

.i-subtext {
    font-size: 13px;
    color: #888;
    font-style: italic;
    margin-top: auto;
}

/* Liste Tasarimi */
.i-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.i-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #444;
}

.i-list li::before {
    content: "•";
    color: #f7b71e;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: -2px;
}

/* Alt Mavi Alan (CTA) */
.insaat-cta {
    background: #1646b2; /* Kurumsal Mavi */
    color: #fff;
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.insaat-cta .cta-content h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.insaat-cta .cta-content p {
    font-size: 16px;
    opacity: 0.9;
    max-width: 700px;
    margin: 0 auto 30px;
    line-height: 1.6;
}

.insaat-cta .cta-features {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.insaat-cta .cta-features span {
    background: rgba(255,255,255,0.1);
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.2);
}

.insaat-cta .cta-features span i {
    color: #f7b71e;
    margin-right: 5px;
}

/* Responsive */
@media (max-width: 768px) {
    .insaat-grid {
        grid-template-columns: 1fr;
    }
    
    .insaat-cta .cta-features {
        flex-direction: column;
    }
}





/* Liste Tasarimi - GÜNCELLENMIS (Tik Ikonlu) */
.i-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.i-list li {
    position: relative;
    padding-left: 25px; /* Ikon ile metin arasi mesafe açildi */
    margin-bottom: 8px;
    font-size: 14px;
    color: #444;
    line-height: 1.4;
}

/* Listenin basina sari tik isareti ekler */
.i-list li::before {
    content: "\2714"; /* Standart CSS Tik Isareti Kodu */
    color: #f7b71e; /* Kurumsal Sari */
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 1px; /* Hizalama ayari */
    font-weight: bold;
}





/* --- Proje Gelistirme Sayfasi Tasarimi --- */

.proje-wrapper {
    padding: 40px 0;
    font-family: 'Open Sans', sans-serif;
    color: #333;
}

/* Baslik Alani */
.proje-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
}

.proje-header .main-title {
    color: #1646b2; /* Kurumsal Mavi */
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.proje-header .title-line {
    display: block;
    width: 60px;
    height: 3px;
    background: #f7b71e; /* Kurumsal Sari */
    margin: 0 auto 20px;
}

.proje-lead {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

/* Grid Yapisi */
.proje-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
}

/* Kart Tasarimi */
.p-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border-bottom: 4px solid transparent;
    transition: all 0.3s ease;
    border: 1px solid #eee;
    display: flex;
    flex-direction: column;
}

.p-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-bottom-color: #f7b71e;
}

/* Ikonlar */
.p-icon {
    font-size: 40px;
    color: #1646b2;
    margin-bottom: 20px;
}

.p-title {
    font-size: 20px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 15px;
}

.p-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
    flex-grow: 1;
}

/* Liste Tasarimi (Sari Tik Ikonlu) */
.p-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: auto; /* Listeyi alta dogru iter */
}

.p-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #444;
    line-height: 1.4;
}

.p-list li::before {
    content: "\2714"; /* Standart Tik Isareti */
    color: #f7b71e; /* Kurumsal Sari */
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 1px;
    font-weight: bold;
}

/* Alt Mavi Alan (CTA) */
.proje-cta {
    background: #1646b2; /* Kurumsal Mavi */
    color: #fff;
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.proje-cta .cta-content h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.proje-cta .cta-content p {
    font-size: 16px;
    opacity: 0.9;
    max-width: 700px;
    margin: 0 auto 30px;
    line-height: 1.6;
}

.proje-cta .cta-features {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.proje-cta .cta-features span {
    background: rgba(255,255,255,0.1);
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.2);
}

.proje-cta .cta-features span i {
    color: #f7b71e;
    margin-right: 5px;
}

/* Responsive */
@media (max-width: 768px) {
    .proje-grid {
        grid-template-columns: 1fr;
    }
    
    .proje-cta .cta-features {
        flex-direction: column;
    }
}







/***** header top ***/

/* Sadece Mobil Ekranlar Için Düzenleme (768px alti) */
@media (max-width: 768px) {

    /* 1. Üst seridin yüksekligini serbest birak (içerik tasmasin) */
    #nr_topStrip {
        height: auto !important; 
        padding: 10px 0; /* Üstten ve alttan biraz bosluk */
    }

    /* 2. Içerikleri (Telefon/Mail ve Bayraklar) dikey hizala */
    #nr_topStrip .container > .row {
        display: flex;
        flex-direction: column; /* Alt alta diz */
        align-items: center; /* Yatayda ortala */
        justify-content: center;
    }

    /* 3. Telefon ve Mail listesi */
    #nr_topStrip ul.c-info {
        float: none !important; /* Sola yaslamayi iptal et */
        width: 100%;
        text-align: center;
        margin: 0 0 8px 0; /* Altina biraz bosluk birak */
        padding: 0;
        display: flex;
        flex-wrap: wrap; /* Sigmazsa alt satira geçsin */
        justify-content: center;
    }

    /* Liste elemanlari (Telefon ve Mail) */
    #nr_topStrip ul.c-info li {
        display: inline-block;
        margin: 2px 8px; /* Ögeler arasi mesafe */
        border: none; /* Varsa kenar çizgilerini kaldir */
    }

    /* Linklerin font boyutu */
    #nr_topStrip ul.c-info li a {
        font-size: 13px; /* Mobilde daha rahat okunur */
        white-space: nowrap; /* Yazilarin kirilmasini engelle */
    }

    /* 4. Dil Bayraklari */
    #nr_topStrip ul.lang {
        float: none !important; /* Saga yaslamayi iptal et */
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    /* Bayraklarin hizasi */
    #nr_topStrip ul.lang li {
        display: inline-block;
        margin: 0 5px;
    }
}




/*** mobil proje detay ***/


@media (max-width: 768px) {

.pageTitle {
	    font-size: 15px!important;
		line-height:20px!important;
		padding:10px!important;
}

}





/* =========================================
   PROJE DETAY SAYFASI - NAVIGASYON BUTONLARI (KURUMSAL RENKLER)
   ========================================= */

/* 1. Ana Tasiyici Alan */
.proje-navigasyon-container {
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #eaeaea;
    width: 100%;
    clear: both;
    display: block; /* Görünürlügü garantiye al */
}

/* 2. Flex Yapisi (Yan yana dizilim) */
.proje-nav-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

/* 3. Butonlarin Genel Görünümü */
.proje-nav-wrapper a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    background-color: #fff;
    color: #555; /* Standart yazi rengi */
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;
    border: 1px solid #e0e0e0; /* Ince gri çerçeve */
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    min-width: 150px;
}

/* Ikon Ayarlari */
.proje-nav-wrapper i {
    font-size: 14px;
    color: #f7b71e; /* Ikonlar Sari olsun (Temaya uygun) */
    transition: transform 0.3s ease, color 0.3s ease;
}

.proje-onceki i { margin-right: 10px; }
.proje-sonraki i { margin-left: 10px; }


/* --- HOVER (ÜZERINE GELINCE) RENKLERI --- */

/* Önceki ve Sonraki Butonlari -> KURUMSAL MAVI (#1646b2) */
.proje-onceki a:hover,
.proje-sonraki a:hover {
    background-color: #1646b2; /* Tema Mavisi */
    color: #fff !important;
    border-color: #1646b2;
    box-shadow: 0 5px 15px rgba(22, 70, 178, 0.3); /* Mavi gölge */
    transform: translateY(-3px);
}

/* Hover durumunda ikonlar beyaz olsun */
.proje-onceki a:hover i,
.proje-sonraki a:hover i {
    color: #fff;
}
.proje-onceki a:hover i { transform: translateX(-5px); }
.proje-sonraki a:hover i { transform: translateX(5px); }


/* Ortadaki "Tüm Projeler" Butonu -> KURUMSAL SARI (#f7b71e) */
.proje-liste-don a {
    background-color: #f9f9f9;
    color: #444;
    border-color: #eee;
    min-width: auto;
}

.proje-liste-don a:hover {
    background-color: #f7b71e; /* Tema Sarisi */
    border-color: #f7b71e;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(247, 183, 30, 0.3);
}
.proje-liste-don a:hover i {
    color: #fff;
}


/* --- MOBIL UYUMLULUK --- */
@media (max-width: 768px) {
    .proje-nav-wrapper {
        justify-content: center;
        flex-direction: column; /* Alt alta diz */
        gap: 10px;
    }
    
    .proje-nav-wrapper > div, 
    .proje-nav-wrapper a {
        width: 100%; /* Tam genislik */
    }

    /* Mobilde siralama: Önceki -> Sonraki -> Tüm Projeler (en altta) */
    .proje-onceki { order: 1; }
    .proje-sonraki { order: 2; }
    .proje-liste-don { order: 3; margin-top: 5px; } 
    
    /* Mobilde butonlar biraz daha büyük olsun */
    .proje-nav-wrapper a {
        padding: 15px;
    }
}








.video-responsive {
  /* Kapsayicinin en-boy oranini belirler */
  position: relative;
  overflow: hidden;
  height: 0;
  /* 16:9 orani için: 9 / 16 = 0.5625. Yani %56.25 */
  padding-bottom: 56.25%; 
}

.video-responsive iframe {
  /* Iframe'in kapsayiciya tam oturmasini saglar */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}