@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
  --ink:   #0A1628;
  --gold:  #B8862A;
  --gold2: #D4A43C;
  --gold3: #F0C060;
  --cream: #F7F4EE;
  --light: #EAE6DE;
  --mid:   #7A8A9E;
}

body { font-family: 'DM Sans', sans-serif !important; }

/* ── HERO ── */
.tp-caption.big-s1 h3,
.tp-caption.big-s1 h3.id-color {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: var(--gold3) !important;
}
.tp-caption.very-big-white h1 {
  font-family: 'Playfair Display', serif !important;
  font-weight: 800 !important;
  font-size: clamp(34px,5vw,60px) !important;
  letter-spacing: -1px !important;
  line-height: 1.1 !important;
  color: #fff !important;
}
.tp-caption p.lead {
  font-size: 16px !important;
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.8 !important;
}
.tp-caption .btn-custom,
.tp-caption a.btn-custom {
  background: transparent !important;
  color: var(--gold3) !important;
  border: 2px solid var(--gold) !important;
  border-radius: 0 !important;
  padding: 13px 34px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  transition: background 0.25s, color 0.25s !important;
}
.tp-caption .btn-custom:hover { background: var(--gold) !important; color: #fff !important; }
#section-slider .rev-slidebg { filter: brightness(0.5) !important; }

/* ── GOLD BAR ── */
section.pt40.pb40.bg-color {
  background: var(--ink) !important;
  border-top: 3px solid var(--gold) !important;
  border-bottom: 3px solid var(--gold) !important;
  padding: 18px 0 !important;
}
section.pt40.pb40.bg-color h3 {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--gold3) !important;
}
section.pt40.pb40.bg-color .btn-custom,
section.pt40.pb40.bg-color a.btn-custom {
  background: var(--gold) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 12px 28px !important;
}

/* ── TANITIM ── */
#section-highlight {
  background: var(--ink) !important;
  padding: 80px 0 !important;
  border-bottom: 1px solid rgba(184,134,42,0.2) !important;
}
#section-highlight .p-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3.5px !important;
  text-transform: uppercase !important;
  color: var(--gold3) !important;
}
#section-highlight h3 {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(26px,3vw,38px) !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1.15 !important;
}
#section-highlight .small-border {
  background: var(--gold) !important;
  width: 40px !important;
  height: 2px !important;
  border-radius: 0 !important;
}
#section-highlight p {
  font-size: 15.5px !important;
  color: rgba(255,255,255,0.62) !important;
  line-height: 1.9 !important;
}

/* ── HİZMET KARTLARI 5S/YALIN/KAİZEN ── */
section.no-top .mask {
  border-radius: 0 !important;
  box-shadow: 0 20px 60px rgba(10,22,40,0.18) !important;
  transition: box-shadow 0.4s, transform 0.4s !important;
  overflow: hidden !important;
}
section.no-top .mask:hover {
  box-shadow: 0 32px 80px rgba(10,22,40,0.28) !important;
  transform: translateY(-8px) !important;
}
section.no-top .mask img.img-responsive {
  transition: transform 0.6s ease !important;
  display: block !important;
  width: 100% !important;
}
section.no-top .mask:hover img.img-responsive { transform: scale(1.06) !important; }
section.no-top .cover {
  background: linear-gradient(to top, rgba(10,22,40,0.96) 0%, rgba(10,22,40,0.55) 55%, transparent 100%) !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: 26px !important;
}
section.no-top .c-inner h3 {
  font-family: 'Playfair Display', serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #fff !important;
  border-left: 3px solid var(--gold) !important;
  padding-left: 10px !important;
  margin-bottom: 10px !important;
}
section.no-top .c-inner h3 i { color: var(--gold3) !important; margin-right: 6px !important; }
section.no-top .c-inner p {
  font-size: 13px !important;
  color: rgba(255,255,255,0.68) !important;
  line-height: 1.7 !important;
}
section.no-top .btn-custom.capsule,
section.no-top a.btn-custom.capsule {
  background: transparent !important;
  color: var(--gold3) !important;
  border: 1px solid var(--gold) !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  transition: background 0.25s, color 0.25s !important;
}
section.no-top .btn-custom.capsule:hover { background: var(--gold) !important; color: #fff !important; }

/* ── EĞİTİM KARTLARI (es-edu) ── */
.es-edu { padding: 88px 0 !important; background: var(--cream) !important; }
.es-edu__title {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(24px,3vw,36px) !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  letter-spacing: -0.5px !important;
}
.es-edu__line { width: 40px !important; height: 2px !important; background: var(--gold) !important; border-radius: 0 !important; margin: 14px auto 20px !important; }
.es-edu__lead { font-size: 15px !important; color: var(--mid) !important; line-height: 1.85 !important; }
.es-edu__card {
  background: #fff !important;
  border: none !important;
  border-left: 3px solid var(--gold) !important;
  border-radius: 0 !important;
  padding: 28px 24px 22px !important;
  box-shadow: 0 8px 40px rgba(10,22,40,0.07) !important;
  transition: transform 0.3s, box-shadow 0.3s !important;
  height: 100% !important;
}
.es-edu__card:hover { transform: translateY(-5px) !important; box-shadow: 0 20px 60px rgba(10,22,40,0.12) !important; }
.es-edu__cardTitle {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--light) !important;
}
.es-edu__list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.es-edu__list li {
  font-size: 14px !important;
  color: #3A4A5C !important;
  padding: 7px 0 7px 18px !important;
  position: relative !important;
  border-bottom: 1px solid rgba(234,230,222,0.6) !important;
}
.es-edu__list li:last-child { border-bottom: none !important; }
.es-edu__list li:before { content: '→' !important; position: absolute !important; left: 0 !important; color: var(--gold) !important; font-size: 11px !important; top: 9px !important; }

/* ── EKİP (es-team) ── */
.es-team { padding: 88px 0 !important; background: var(--ink) !important; }
.es-team__title {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(24px,3vw,36px) !important;
  font-weight: 700 !important;
  color: #fff !important;
}
.es-team__line { width: 40px !important; height: 2px !important; background: var(--gold) !important; border-radius: 0 !important; margin: 12px auto 14px !important; }
.es-team__desc { color: rgba(255,255,255,0.5) !important; font-size: 15px !important; }
.es-card {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-top: 2px solid var(--gold) !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.28) !important;
  transition: transform 0.3s, background 0.3s, box-shadow 0.3s !important;
}
.es-card:hover { transform: translateY(-6px) !important; background: rgba(255,255,255,0.07) !important; box-shadow: 0 24px 60px rgba(0,0,0,0.4) !important; }
.es-card__photo img {
  border: 3px solid var(--gold) !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.35) !important;
}
.es-card__name { font-size: 15px !important; font-weight: 700 !important; color: #fff !important; }
.es-card__text { font-size: 13px !important; color: rgba(255,255,255,0.5) !important; line-height: 1.6 !important; }
.es-card__btn {
  background: transparent !important;
  color: var(--gold3) !important;
  border: 1px solid var(--gold) !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  transition: background 0.25s, color 0.25s !important;
}
.es-card__btn:hover { background: var(--gold) !important; color: #fff !important; }
.es-modal, .es-modal__head, .es-modal__body, .es-modal__foot { background: var(--ink) !important; border-radius: 0 !important; }
.es-modal__head { border-bottom: 1px solid rgba(184,134,42,0.2) !important; }
.es-modal__foot { border-top: 1px solid rgba(184,134,42,0.2) !important; }
.es-modal .modal-title { font-family: 'Playfair Display', serif !important; color: #fff !important; }
.es-modal__bio { color: rgba(255,255,255,0.78) !important; font-size: 14.5px !important; line-height: 1.8 !important; }

/* ── YALIN EĞİTİMLER (es-lean) ── */
.es-lean { padding: 90px 0 !important; }
.es-lean:before { background: linear-gradient(135deg,rgba(10,22,40,0.88),rgba(10,22,40,0.55)) !important; }
.es-lean__title { font-family: 'Playfair Display', serif !important; font-size: clamp(24px,3vw,36px) !important; font-weight: 700 !important; }
.es-lean__line { width: 40px !important; height: 2px !important; background: var(--gold) !important; border-radius: 0 !important; margin: 14px auto 12px !important; }
.es-lean__card {
  border-radius: 0 !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-top: 2px solid var(--gold) !important;
  transition: background 0.3s, transform 0.3s !important;
}
.es-lean__card:hover { background: rgba(184,134,42,0.10) !important; transform: translateY(-5px) !important; }
.es-lean__cardTitle { font-size: 17px !important; font-weight: 700 !important; color: #fff !important; line-height: 1.4 !important; }
.es-lean__quote { background: rgba(184,134,42,0.15) !important; border: 1px solid rgba(184,134,42,0.3) !important; border-radius: 0 !important; }
.es-lean__quote i { color: var(--gold3) !important; }
.es-lean__name { color: var(--gold3) !important; font-weight: 700 !important; }

/* ── EĞİTİM GRİD (es-grid / es-card2) ── */
.es-grid { padding: 88px 0 !important; background: var(--cream) !important; }
.es-grid__title { font-family: 'Playfair Display', serif !important; font-size: clamp(24px,3vw,36px) !important; font-weight: 700 !important; color: var(--ink) !important; letter-spacing: -0.5px !important; }
.es-grid__line { width: 40px !important; height: 2px !important; background: var(--gold) !important; border-radius: 0 !important; margin: 14px auto !important; }
.es-grid__sub { font-size: 15px !important; color: var(--mid) !important; line-height: 1.85 !important; }
.es-card2 { border-radius: 0 !important; border: none !important; box-shadow: 0 8px 40px rgba(10,22,40,0.08) !important; transition: transform 0.3s, box-shadow 0.3s !important; overflow: hidden !important; }
.es-card2:hover { transform: translateY(-6px) !important; box-shadow: 0 24px 70px rgba(10,22,40,0.14) !important; }
.es-card2__badge { background: var(--gold) !important; color: #fff !important; border-radius: 0 !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; padding: 5px 12px !important; }
.es-card2__title a { font-size: 15px !important; font-weight: 700 !important; color: var(--ink) !important; transition: color 0.2s !important; }
.es-card2__title a:hover { color: var(--gold) !important; }
.es-card2__who { font-weight: 700 !important; color: var(--gold) !important; }
.es-card2__btn {
  background: var(--ink) !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 11px 18px !important;
  transition: background 0.25s !important;
}
.es-card2__btn:hover { background: var(--gold) !important; color: #fff !important; }

/* ── TOPBAR ── */
#topbar { border-bottom: 1px solid rgba(184,134,42,0.15) !important; }