.han-tf-wrap{
  position:relative;
  overflow:hidden;
  background:var(--han-tf-bg,#f5f5f5);
  padding:48px 0;
}
.han-tf-head{
  width:min(1280px,92%);
  margin:0 auto 22px;
}
.han-tf-title{
  margin:0;
  font-size:clamp(28px,4vw,48px);
  line-height:1.08;
  color:var(--han-tf-title-color,#171717);
}
.han-tf-marquee{
  overflow:hidden;
  position:relative;
}
.han-tf-track{
  display:flex;
  align-items:stretch;
  gap:26px;
  width:max-content;
  will-change:transform;
  animation:hanTfMarquee var(--han-tf-speed,28s) linear infinite;
  padding:10px 0 18px;
}
.han-tf-marquee:hover .han-tf-track,
.han-tf-marquee.is-paused .han-tf-track{
  animation-play-state:paused;
}
.han-tf-card{
  width:360px;
  min-height:510px;
  background:linear-gradient(135deg,var(--han-tf-card-bg,#171717),#1f1f1f);
  color:var(--han-tf-text,#fff);
  border-radius:0;
  padding:38px 28px 28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transform:rotate(calc(var(--han-tf-rotate,7deg) * -1));
  transition:transform .35s ease, background .35s ease, box-shadow .35s ease, color .35s ease;
  box-shadow:0 20px 40px rgba(0,0,0,.08);
  flex:0 0 auto;
}
.han-tf-card:nth-child(even){
  transform:rotate(var(--han-tf-rotate,7deg));
}
.han-tf-card.is-featured{
  background:var(--han-tf-card-active-bg,#ff6a3d);
  color:var(--han-tf-active-text,#1f1f1f);
}
.han-tf-card:hover,
.han-tf-card:focus-within,
.han-tf-card:focus{
  transform:rotate(0deg) translateY(-6px);
}
.han-tf-quote-mark{
  color:var(--han-tf-quote-mark-color,#ffffff);
  font-size:112px;
  line-height:.8;
  font-family:Georgia, serif;
  margin-bottom:10px;
}
.han-tf-quote{
  font-size:24px;
  line-height:1.42;
  letter-spacing:-0.02em;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.han-tf-user{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:32px;
}
.han-tf-avatar-wrap{
  width:68px;
  height:68px;
  border-radius:999px;
  overflow:hidden;
  flex:0 0 68px;
}
.han-tf-avatar{width:100%;height:100%;object-fit:cover;display:block;}
.han-tf-name{
  font-size:20px;
  font-weight:700;
  color:var(--han-tf-name,#fff);
  line-height:1.2;
}
.han-tf-card.is-featured .han-tf-name{color:var(--han-tf-active-text,#1f1f1f);}
.han-tf-role{
  margin-top:8px;
  font-size:16px;
  line-height:1.35;
  color:var(--han-tf-role,#cfcfcf);
}
.han-tf-card.is-featured .han-tf-role{color:rgba(0,0,0,.72);}
@keyframes hanTfMarquee{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}
@media (max-width: 1024px){
  .han-tf-card{width:320px;min-height:460px;padding:32px 24px 24px;}
  .han-tf-quote{font-size:22px;}
}
@media (max-width: 767px){
  .han-tf-wrap{padding:32px 0;}
  .han-tf-head{width:92%;margin-bottom:18px;}
  .han-tf-track{gap:18px;}
  .han-tf-card{width:270px;min-height:390px;padding:24px 18px 20px;}
  .han-tf-quote-mark{
  color:var(--han-tf-quote-mark-color,#ffffff);font-size:78px;}
  .han-tf-quote{font-size:18px;line-height:1.5;}
  .han-tf-avatar-wrap{width:54px;height:54px;flex-basis:54px;}
  .han-tf-name{font-size:17px;}
  .han-tf-role{font-size:14px;}
}


/* Elementor editöründe widgeti sabit göstererek düzenlemeyi kolaylaştır */
.elementor-editor-active .han-tf-marquee,
.elementor-element-edit-mode .han-tf-marquee{
  overflow:auto;
}
.elementor-editor-active .han-tf-track,
.elementor-element-edit-mode .han-tf-track{
  animation:none !important;
  transform:none !important;
}