/* ==========================================================================
   brand.css — marka renkleri (logo2.png'den olculdu) ve arayuz iyilestirmeleri
   Palet: 藏蓝 #103662 · 暗金 #D2AD35 · 拉丝银 #C6C6C6 · 米白 #F7F7F7
   Yapi  : 1) degiskenler 2) logo 3) tipografi/basliklar 4) butonlar 5) menu
           6) kartlar 7) bolumler 8) bilesenler 9) guvenlik 10) medya (en sonda)
   ========================================================================== */

/* 1) degiskenler ---------------------------------------------------------- */
:root {
    /* yeni palet */
    --navy: #103662;
    --navy-deep: #0B2647;
    --navy-soft: #1B4677;
    /* logo zemininden DAHA KOYU tonlar (logo rengine dokunmadan kontrast icin) */
    --navy-bar-top: #071A33;
    --navy-bar-bottom: #030D1A;
    --gold: #D2AD35;
    --gold-light: #E8CE7A;
    --gold-dark: #A8842A;
    --silver: #C6C6C6;
    --silver-line: #E4E4E6;
    --offwhite: #F7F7F7;

    /* sablon degiskenleri (yeni palete baglandi) */
    --secondary-color: #103662;
    --button-color: #103662;
    --text-color: #4A5568;
    --accent: #C9CDD4;

    /* geriye donuk kullanim (eski ad) */
    --teal: #D2AD35;
    --teal-dark: #A8842A;
}

/* 2) logo ve ust serit ---------------------------------------------------- */
/* NOT: Logo gorseli ASLA yeniden renklendirilmez (orijinal lacivert + altin).
   Contrast, ust serit ve footer zemininin DAHA KOYU lacivert yapilmasiyla saglanir. */
.header-main-con {
    background: linear-gradient(180deg, var(--navy-bar-top) 0%, var(--navy-bar-bottom) 100%);
}

.header-main-con .navbar-light .navbar-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 0;
}

.header-main-con .navbar-light .navbar-brand figure {
    margin-bottom: 0;
}

.header-main-con .navbar-light .navbar-brand .brand-mark img {
    height: 40px;
    width: auto;
    display: block;
}

.brand-text {
    display: block;
    line-height: 1.05;
}

.brand-text .brand-name {
    display: block;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 2.6px;
    text-transform: uppercase;
    color: #fff;
}

.brand-text .brand-sub {
    display: block;
    margin-top: 3px;
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: 3.4px;
    text-transform: uppercase;
    color: var(--gold-light);
}

/* 3) tipografi ve bolum basliklari --------------------------------------- */
body {
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4 {
    letter-spacing: .2px;
}

.generic-title h2 {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 18px;
}

.generic-title h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 68px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light));
}

.generic-title p {
    color: var(--text-color);
}

h2,
.core-service-box h4,
.supplementory-left-box h2 {
    color: var(--secondary-color);
}

/* NOT: `.case-text-box h3` bilincli olarak bu listeden CIKARILDI.
   Bu kutular ya lacivert zeminin uzerinde (iletisim sayfasi) ya da fotografin
   uzerinde (anasayfa) durur; sablonun kendi kurali olan BEYAZ baslik rengi
   dogru olandir. Lacivert verildiginde baslik zeminle ayni renge geliyor ve
   gorunmez oluyordu (kontrast 1.0). */

/* 4) butonlar ------------------------------------------------------------- */
.generic-btn a {
    background: linear-gradient(135deg, var(--navy), var(--navy-deep));
    border: 1px solid var(--navy);
    color: #fff;
    letter-spacing: 1.2px;
    border-radius: 4px;
    transition: all .25s ease-in-out;
}

.generic-btn a:hover {
    background: linear-gradient(135deg, var(--gold), var(--gold-dark));
    border-color: var(--gold-dark);
    color: var(--navy-deep);
}

/* 5) ust menu ------------------------------------------------------------- */
.header-main-con {
    border-bottom: 1px solid rgb(255 255 255 / 18%);
}

.header-main-con .navbar-light .navbar-nav .nav-link {
    color: #fff;
    letter-spacing: 1.2px;
    position: relative;
}

.header-main-con .navbar-light .navbar-nav .nav-link:hover,
.header-main-con .navbar-light .navbar-nav .nav-link.active {
    color: var(--gold-light);
}

/* hero ------------------------------------------------------------------- */
.banner-inner-section span {
    color: var(--gold-light) !important;
    letter-spacing: 2.5px;
    font-weight: 500;
}

/* 6) kartlar -------------------------------------------------------------- */
.consulting-services-box,
.core-service-box,
.blog-box,
.case-main-box,
.customer-slider-review,
.about-team-member {
    border: 1px solid var(--silver-line);
    border-radius: 6px;
    box-shadow: 0 10px 30px rgb(16 54 98 / 6%);
    transition: transform .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
}

.consulting-services-box:hover,
.core-service-box:hover,
.blog-box:hover,
.case-main-box:hover,
.about-team-member:hover {
    transform: translateY(-6px);
    border-color: var(--gold);
    box-shadow: 0 18px 44px rgb(16 54 98 / 13%);
}

.customer-slider-review::after {
    color: var(--gold) !important;
}

/* 7) bolumler ------------------------------------------------------------- */
.consulting-services-section,
.core-services-section,
.faq-main-section,
.about-team-section,
.blog-section {
    background-color: var(--offwhite);
}

.intro-section {
    background: #fff;
}

.intro-inner {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.intro-kicker {
    display: inline-block;
    margin-bottom: 14px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: var(--gold-dark);
}

.intro-inner h2 {
    margin-bottom: 22px;
}

.intro-inner p {
    margin-bottom: 18px;
    font-size: 17px;
    line-height: 30px;
    color: var(--text-color);
}

/* Duzeltme: kural onceden `.intro-inner a` idi ve `.generic-btn a` ile ayni
   ozgullukte (0,1,1) oldugu icin, sonra yazildigindan buton metnini de
   lacivert yapiyordu -> lacivert zemin uzerinde okunmuyordu ve butona
   gereksiz altin alt cizgi ekliyordu. Artik yalnizca paragraf icindeki
   baglantilari hedefler (sayfadaki tek metin bagi `<p>` icindedir). */
.intro-inner p a {
    color: var(--navy);
    font-weight: 600;
    border-bottom: 1px solid var(--gold);
}

.intro-inner p a:hover {
    color: var(--gold-dark);
}

/* Buton metni her zaman beyaz kalir (butonun kendi zemini lacivert). */
.intro-inner .generic-btn a {
    color: #fff;
    border-bottom: 0;
}

.intro-inner .generic-btn a:hover {
    color: var(--navy-deep);
}

.intro-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 34px;
    max-width: 780px;
    margin: 28px auto 32px;
    text-align: left;
}

.intro-list li {
    position: relative;
    padding-left: 28px;
    font-size: 16px;
    line-height: 26px;
    color: var(--text-color);
}

.intro-list li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 13px;
    color: var(--gold);
}

/* counter bandi + gosterge ------------------------------------------------ */
.customer-counter-box .count,
.customer-counter-box small {
    color: var(--gold-light);
}

.skillbar {
    background: linear-gradient(90deg, var(--gold-dark), var(--gold-light));
}

.blog-text-details .posting-date {
    background: linear-gradient(135deg, var(--gold), var(--gold-dark));
    color: var(--navy-deep);
}

/* uzman sayfasi ----------------------------------------------------------- */
.uzman-facts {
    margin: 0 0 26px;
}

.uzman-facts li {
    position: relative;
    padding: 6px 0 6px 30px;
    font-size: 17px;
    line-height: 28px;
    color: var(--text-color);
}

.uzman-facts li strong {
    color: var(--secondary-color);
}

.uzman-facts li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 14px;
    color: var(--gold);
}

.career-inner {
    max-width: 940px;
    margin: 0 auto;
}

.career-item {
    position: relative;
    margin-left: 10px;
    padding: 0 0 36px 36px;
    border-left: 2px solid rgb(16 54 98 / 14%);
}

.career-item:last-child {
    padding-bottom: 0;
}

.career-item::before {
    content: "";
    position: absolute;
    left: -9px;
    top: 6px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 0 4px rgb(210 173 53 / 18%);
}

.career-year {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--gold-dark);
}

.career-item h4 {
    margin-bottom: 4px;
    font-size: 22px;
    line-height: 30px;
    color: var(--secondary-color);
}

.career-item .career-org {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px;
    color: var(--secondary-color);
}

.career-item p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 28px;
    color: var(--text-color);
}

/* footer ------------------------------------------------------------------ */
/* Sablonun dekoratif kose sekilleri (sari/altin lekeler) kaldirildi:
   bunlar ozgun sablonun acik zeminli footer'i icin tasarlanmisti ve
   logonun yaninda leke gibi gorunuyordu. Gerekirse display:block yapilabilir. */
.footer-main-section::before,
.footer-main-section::after {
    display: none;
}

/* Footer zamini da logodan daha koyu: orijinal renkli logo net okunur. */
.footer-main-section {
    background: linear-gradient(180deg, var(--navy-bar-top) 0%, var(--navy-bar-bottom) 100%);
    padding-top: 78px;
    padding-bottom: 40px;
}

.footer-inner-section {
    display: grid;
    grid-template-columns: 1.55fr 1fr 1.25fr;
    gap: 46px;
    align-items: start;
    /* Sablonun kolon alti ayrac cizgisi kaldirildi: telif satirinin
       border-top'i zaten ayrac gorevi goruyor, iki cizgi ust uste biniyordu. */
    border-bottom: 0;
}

.footer-main-section h4 {
    position: relative;
    margin-bottom: 22px;
    padding-bottom: 12px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.8px;
    color: var(--gold-light);
}

.footer-main-section h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--gold), var(--gold-light));
}

.footer-logo-con {
    padding-right: 0;
}

/* Footer marka kilidi: yuvarlak amblem solda, "Eurizon Capital" yazisi
   sagda - ust menudeki (navbar-brand) kilidin ayni dili. ---------------- */
.footer-brand-lockup {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 20px;
}

.footer-logo-img {
    display: block;
    width: 46px;
    height: auto;
    flex: 0 0 auto;
}

.footer-logo-wordmark {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2.4px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #fff;
}

.footer-logo-con p {
    color: var(--accent);
    font-size: 15.5px;
    line-height: 27px;
    /* Sablonun aciklama alti ayrac cizgisi kaldirildi: yalnizca sol kolonda
       kisa bir cizgi olarak kalip dengesiz gorunuyordu. */
    padding-bottom: 0;
    border-bottom: 0;
}

/* Logo altindaki marka slogani: sol kolonun kisa "basligi" gibi davranir,
   aciklama metniyle birlikte bir blok olusturur (h4 hiyerarsisiyle uyumlu). */
.footer-brand {
    display: block;
    margin-bottom: 13px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--gold-light);
}

.footer-main-section a {
    color: var(--accent);
}

.footer-main-section a:hover {
    color: var(--gold-light);
}

.footer-links-inner-box {
    display: block;
}

.footer-links-inner-box ul li {
    margin-bottom: 12px;
}

.footer-links-inner-box ul li a {
    font-size: 15.5px;
    line-height: 24px;
}

.footer-contact-details ul li {
    position: relative;
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 15.5px;
    line-height: 25px;
    color: var(--accent);
}

.footer-contact-details ul li i {
    margin-top: 5px;
    color: var(--gold);
}

/* Sablonun `.footer-contact-details ul li a { color: var(--text-color) }`
   kurali (#4A5568) koyu lacivert footer zemininde okunmuyordu (kontrast 2.3:1).
   Ustteki `li` rengi zaten --accent; baglantiyi da ayni tona cekiyoruz. */
.footer-main-section .footer-contact-details ul li a {
    color: var(--accent);
}

.footer-main-section .footer-contact-details ul li a:hover {
    color: var(--gold-light);
}

.footer-copyright-con {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 46px;
    padding-top: 22px;
    border-top: 1px solid rgb(255 255 255 / 10%);
}

.footer-copyright-con p {
    margin: 0;
    font-size: 15px;
    line-height: 24px;
    color: var(--accent);
}

.footer-copyright-con p strong {
    color: #fff;
}

/* grid ogeleri min-content genisliginin altina inebilsin (tasmasin) ------- */
.footer-logo-con,
.footer-links-box,
.footer-contact-box,
.customer-slider-outer-con,
.supplementory-inner-section>*,
.about-team-inner-con>* {
    min-width: 0;
}

.legal-note {
    font-size: 13px;
    line-height: 21px;
    color: rgb(255 255 255 / 55%);
    margin-top: 22px;
    max-width: 760px;
}

.best-experience-section {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);
}

.best-experience-section .generic-btn a {
    background: linear-gradient(135deg, var(--gold), var(--gold-dark));
    border-color: var(--gold-dark);
    color: var(--navy-deep);
}

.best-experience-section .generic-btn a:hover {
    background: #fff;
    border-color: #fff;
    color: var(--navy);
}

/* guvenlik kurallari ------------------------------------------------------ */
html,
body {
    overflow-x: hidden;
}

.vision-img-con img,
.vision-imgs-box img {
    max-width: 100%;
    height: auto;
    display: block;
}

.about-team-member figure img {
    max-width: 100%;
    height: auto;
}

.customer-slider-section {
    overflow-x: hidden;
}

/* medya sorgulari (en sonda) --------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
    .header-main-con .navbar-nav {
        gap: 22px;
    }
}

@media (max-width: 991px) {
    .header-main-con .navbar-light .navbar-brand .brand-mark img {
        height: 34px;
    }

    .brand-text .brand-name {
        font-size: 16px;
        letter-spacing: 2px;
    }

    .brand-text .brand-sub {
        font-size: 9px;
        letter-spacing: 2.6px;
    }

    .footer-brand-lockup {
        gap: 12px;
        margin-bottom: 18px;
    }

    .footer-logo-img {
        width: 42px;
    }

    .footer-logo-wordmark {
        font-size: 17px;
        letter-spacing: 2.2px;
    }

    /* Tablet: marka blogu tam genislikte ust sirada kalir, altinda
       KESFEDIN ve ILETISIM yan yana durur (bos hucre olusmaz). */
    .footer-logo-con {
        grid-column: 1 / -1;
    }

    .footer-logo-con p {
        max-width: 560px;
    }

    .footer-inner-section {
        grid-template-columns: 1fr 1fr;
        gap: 34px;
    }
}

@media (max-width: 767px) {
    .intro-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .header-main-con .navbar-light .navbar-brand .brand-mark img {
        height: 30px;
    }

    .brand-text .brand-name {
        font-size: 14px;
        letter-spacing: 1.6px;
    }

    .brand-text .brand-sub {
        font-size: 8px;
        letter-spacing: 2.2px;
    }

    .footer-inner-section {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    /* 575px altinda footer icerigi ortalanir; marka kilidi de ortalanir. */
    .footer-brand-lockup {
        justify-content: center;
        gap: 11px;
        margin-bottom: 16px;
    }

    .footer-logo-img {
        width: 40px;
    }

    .footer-logo-wordmark {
        font-size: 16px;
        letter-spacing: 2px;
    }

    /* 575px altinda footer icerigi ortalanir; baslik alti altin cizgi de
       ortalanmazsa en solda kopuk kaliyordu. */
    .footer-main-section h4::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .footer-copyright-con {
        margin-top: 30px;
    }
}

/* banner basligi (yalnizca 1. slayt H1; digerleri ayni gorunumde <p>) ----- */
.banner-inner-section .banner-title {
    margin-bottom: 0;
    font-size: 72px;
    line-height: 1.12;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 18px rgb(0 0 0 / 35%);
}

@media (max-width: 1199px) {
    .banner-inner-section .banner-title {
        font-size: 56px;
    }
}

@media (max-width: 991px) {
    .banner-inner-section .banner-title {
        font-size: 42px;
    }
}

@media (max-width: 575px) {
    .banner-inner-section .banner-title {
        font-size: 30px;
    }
}



.blog-text-details h4 a:hover {
    color: var(--gold-dark);
}

.brand-strip {
    text-align: center;
    padding: 6px 0 56px;
}

.brand-strip img {
    width: 175px;
    height: auto;
}

.vision-text-con h3 {
    color: var(--secondary-color);
}

.about-team-member-details h3 a {
    color: inherit;
}

.about-team-member-details h3 a:hover {
    color: var(--gold-light);
}

.banner-inner-section h1 {
    text-shadow: 0 2px 18px rgb(0 0 0 / 35%);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    color: #fff;
    transition: color .2s ease-in-out;
}

.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
    color: var(--gold-light);
}