/* Projeler sayfası: başarı hikayelerini iki yana dönüşümlü bir zaman çizelgesinde sunar. */
.projeler-sayfasi {
  background: #fff;
  padding: 68px 0 86px;
}
.zc {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}
.zc::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 8px;
  left: 50%;
  width: 2px;
  margin-left: -1px;
  background: linear-gradient(180deg, transparent, #d6d6d0 4%, #d6d6d0 96%, transparent);
}
.zc-oge {
  position: relative;
  display: flex;
  justify-content: flex-start;
  min-height: 0;
  margin-bottom: 8px;
}
.zc-oge:nth-child(even) { justify-content: flex-end; }
.zc-kart {
  position: relative;
  background: transparent;
  box-sizing: border-box;
  width: calc(50% - 30px);
  padding: 5px 12px 22px;
  text-align: right;
  transition: transform .25s ease;
}
.zc-oge:nth-child(even) .zc-kart { text-align: left; }
.zc-kart:hover {
  transform: translateY(-2px);
}
.zc-kart h3 {
  margin: 0;
}
.zc-kurum {
  color: #151515;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1.38;
}
.zc-tarih {
  color: #ef7c00;
  display: block;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .075em;
  line-height: 1.4;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.zc-aciklama {
  color: #60605c;
  list-style: none;
  margin: 5px 0 0;
  padding: 0;
}
.zc-aciklama li {
  line-height: 1.45;
}
.zc-aciklama li + li { margin-top: 2px; }
.zc-nokta {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  border: 6px solid #fff;
  border-radius: 50%;
  background: #151515;
  box-shadow: 0 4px 12px rgba(21, 21, 21, .18);
}
.zc-nokta .fa {
  color: #fff;
  font-size: 14px;
  line-height: 1;
}

@media (max-width: 991px) {
  .projeler-sayfasi { padding-top: 58px; }
  .zc { padding-left: 18px; padding-right: 18px; }
}
@media (max-width: 767px) {
  .projeler-sayfasi { padding: 48px 0 66px; }
  .zc { padding: 0 15px; }
  .zc::before { top: 0; left: 25px; }
  .zc-oge, .zc-oge:nth-child(even) { justify-content: flex-start; margin-bottom: 14px; }
  .zc-kart, .zc-oge:nth-child(even) .zc-kart {
    margin-left: 55px;
    padding: 2px 0 18px;
    border-bottom: 1px solid #dfdfda;
    text-align: left;
    width: calc(100% - 55px);
  }
  .zc-nokta { top: 0; left: 25px; width: 34px; height: 34px; margin-left: -17px; border-width: 5px; }
  .zc-nokta .fa { font-size: 11px; }
  .zc-kurum { font-size: 17px; }
}