/* TÜM SAYFA için örnek: */
body {
  scrollbar-width: thin;              /* Firefox için: ince scrollbar */
  scrollbar-color: #20ffe4 #23242e;   /* Renk (kaydırma kolu, arkaplan) */
}

/* Webkit tabanlı tarayıcılar (Chrome, Edge, Opera, Safari) */
body::-webkit-scrollbar {
  width: 9px;
  background: #23242e;
  border-radius: 10px;
}
body::-webkit-scrollbar-thumb {
  background: linear-gradient(120deg,#20ffe4 20%,#e63946 90%);
  border-radius: 10px;
  box-shadow: 0 0 6px #20ffe488;
  border: 2px solid #20202c;
  transition: background .3s;
}
body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(120deg,#e63946 10%,#20ffe4 85%);
  box-shadow: 0 0 12px #e63946cc;
}
body::-webkit-scrollbar-corner {
  background: #23242e;
}

.egitim-programi-section {
  max-width: 1400px;
  margin: 38px auto 0 auto;
  padding: 0 18px 80px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.egitim-title {
  color: #ff227a;
  font-size: 2.75rem;
  font-weight: 900;
  letter-spacing: .07em;
  margin-bottom: 18px;
  margin-top: 0;
  text-align: center;
  text-shadow: 0 4px 42px #e6394630, 0 0 18px #ff227a26;
}
.egitim-desc {
  color: #fff0f2;
  font-size: 1.23rem;
  opacity: 0.96;
  max-width: 830px;
  margin: 0 auto 36px auto;
  font-weight: 500;
  text-align: center;
}

.egitim-kartlar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 46px;
  width: 100%;
  margin: 0 auto;
  flex-wrap: wrap;
}
.egitim-kart {
  background: linear-gradient(100deg, #191a1b 85%, #271114 100%);
  border-radius: 20px;
  border: 2px solid #e6394680;
  box-shadow: 0 0 18px 4px #ff227a33, 0 0 0px #e6394620;
  padding: 32px 32px 44px 32px; /* Üst padding: 32px */
  min-width: 320px;
  max-width: 400px;
  flex: 1 1 340px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: box-shadow .18s, border-color .14s, transform .13s;
  position: relative;
}

.egitim-kart:hover {
  box-shadow: 0 0 28px 8px #e63946a1, 0 0 58px #e6394640;
  border-color: #ff227a;
  transform: translateY(-8px) scale(1.025);
  z-index: 4;
}

.kart-ikon-kutu {
  background: #101215;
  border-radius: 18px;
  box-shadow: 0 0 34px #29f9ec77, 0 0 56px #e6394659;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 104px;
  margin-bottom: 25px;
  margin-top: 0;
  position: relative;
  z-index: 2;
}
.kart-ikon-kutu img {
  width: 84px;
  height: 84px;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 0 11px #e6394650;
  background: #17191c;
  display: block;
}
.kart-baslik {
  color: #ff227a;
  font-size: 1.27rem;
  font-weight: 800;
  margin-bottom: 18px;
  margin-top: 0;
  letter-spacing: .02em;
  text-align: center;
  text-shadow: 0 2px 11px #e6394630;
}
.kart-aciklama {
  color: #fff;
  font-size: 1.09rem;
  opacity: 0.97;
  margin: 0;
  margin-bottom: 0;
  text-align: center;
  line-height: 1.7;
}

@media (max-width: 1200px) {
  .egitim-kartlar { gap: 24px;}
  .egitim-title { font-size: 2.1rem; }
  .egitim-kart { min-width: 260px; max-width: 340px; padding: 34px 13px; }
  .kart-ikon-kutu { width: 82px; height: 82px;}
  .kart-ikon-kutu img { width: 65px; height: 65px;}
}
@media (max-width: 850px) {
  .egitim-kartlar { flex-direction: column; align-items: center; }
  .egitim-kart { width: 98vw; min-width: 0; max-width: 99vw; }
}
@media (max-width: 850px) {
  .egitim-kart { padding: 62px 8px 36px 8px; }
  .kart-ikon-kutu {
    width: 80px; height: 80px; top: -40px;
    /* veya */
    /* width: calc(100% + 20px); left: -10px; right: -10px; */
  }
  .kart-ikon-kutu img { width: 62px; height: 62px;}
}
.kart-ikon-kutu::before {
  content: "";
  position: absolute;
  inset: -14px;
  border-radius: 20px;
  box-shadow: 0 0 48px 18px #ff227a44;
  opacity: 0.7;
  z-index: 1;
}