.kst .kst-page .kst-main .kst-blog.e-con{background:#fff;padding-block:100px 50px}

.kst-blog__slider{position:relative;display:flow-root;margin-top:60px}
.kst-blog__track{margin:-20px 2px 0 -2px;padding-top:20px;gap:24px}
.kst-blog__card{
  position:relative;width:648px;max-width:100%;height:182px;
  background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:20px 222px 20px 20px;transition:box-shadow .2s ease;
}
.kst-blog__card:hover{box-shadow:var(--sh-card)}
.kst-blog__cover{position:absolute;inset:0;z-index:1;border-radius:20px}
.kst-blog__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;height:140px;pointer-events:none}
.kst-blog__body a{pointer-events:auto}
.kst-blog__t{font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.32px;color:var(--ink);height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.kst-blog__t a:hover{color:var(--brand)}
.kst-blog__x{
  font-size:16px;line-height:28px;font-weight:400;letter-spacing:-.32px;color:var(--muted);
  height:56px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.kst-blog__line{
  height:1px;flex:none;opacity:.2;
  background:linear-gradient(90deg,rgba(4,4,4,0) 0%,rgba(4,4,4,.4) 50%,rgba(4,4,4,0) 100%);
}
.kst-blog__meta{display:flex;align-items:center;justify-content:space-between;height:24px;direction:ltr}
.kst-blog__more{display:flex;align-items:center;gap:4px;color:var(--ink);font-size:14px;line-height:20px;font-weight:400;letter-spacing:-.28px}
.kst-blog__more .ic{width:24px;height:24px;flex:none;display:block}
.kst-blog__more .ic svg{width:100%;height:100%}
.kst-blog__more span{direction:rtl}
.kst-blog__more:hover{color:var(--brand)}
.kst-blog__date{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:400;letter-spacing:-.24px;color:var(--ink)}
.kst-blog__date span{direction:rtl}
.kst-blog__date .ic{width:16px;height:16px;flex:none;display:block}
.kst-blog__date .ic svg{width:100%;height:100%}
.kst-blog .kst-blog__img{position:absolute;top:-20px;right:19px;width:180px;max-width:none;height:180px;object-fit:cover;border-radius:20px;z-index:0}

.kst-blog__arr{
  position:absolute;top:67px;z-index:3;width:48px;height:48px;border-radius:100px;
  display:grid;place-items:center;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;
}
.kst-blog__arr:hover:not([disabled]){transform:scale(1.06)}
.kst-blog__arr--l{left:-22px}
.kst-blog__arr--r{right:-26px}

.kst-blog__dots{display:flex;align-items:center;justify-content:center;gap:4px;height:8px;margin-top:40px}
.kst-blog__dots[hidden]{display:none}
.kst-blog__dots button{width:8px;height:8px;border-radius:20px;background:var(--brand-tint);padding:0;transition:width .2s ease,background .2s ease}
.kst-blog__dots button.is-on{width:21px;background:var(--brand)}

.kst .kst-page .kst-main .kst-sec>.kst-blog__all.elementor-widget{margin-top:40px}
.kst .kst-page .kst-main .kst-blog__all .elementor-button{
  display:inline-flex;align-items:center;justify-content:center;min-width:172px;height:48px;padding:12px 32px;
  border:1px solid var(--brand);border-radius:var(--r-pill);background:transparent;
  font-family:inherit;font-size:16px;line-height:24px;font-weight:600;color:var(--brand);white-space:nowrap;
  transition:background .18s ease,color .18s ease;
}
.kst .kst-page .kst-main .kst-blog__all .elementor-button:hover{background:var(--brand);color:#fff}

@media (max-width:1100px){
  .kst .kst-page .kst-main .kst-blog.e-con{padding-block:80px 40px}
  .kst-blog__arr--l{left:-8px}
  .kst-blog__arr--r{right:-8px}
}
@media (max-width:720px){
  .kst .kst-page .kst-main .kst-blog.e-con{padding-block:56px 24px}
  .kst-blog__slider{margin-top:40px}
  .kst-blog__track{gap:16px}
  .kst-blog__card{height:auto;padding:0 0 16px;border-radius:16px;margin-top:0}
  .kst-blog .kst-blog__img{position:static;width:100%;height:170px;border-radius:16px 16px 0 0;order:-1;display:block}
  .kst-blog__card{display:flex;flex-direction:column}
  .kst-blog__cover{border-radius:16px}
  .kst-blog__body{height:auto;padding:16px 16px 0}
  .kst-blog__t{height:auto;white-space:normal}
  .kst-blog__x{height:auto;line-height:26px}
  .kst-blog__arr{top:60px;width:40px;height:40px}
  .kst-blog__arr--l{left:-4px}
  .kst-blog__arr--r{right:-4px}
}