.bg{background:#fff!important}
.kha{position:relative;height:310px;margin:0 0 28px;overflow:hidden;border-radius:6px;background:#fff}
.kha img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:kha 25s infinite}
.kha img:nth-child(1){opacity:1}
.kha img:nth-child(2){animation-delay:5s}
.kha img:nth-child(3){animation-delay:10s}
.kha img:nth-child(4){animation-delay:15s}
.kha img:nth-child(5){animation-delay:20s}
@keyframes kha{0%,18%{opacity:1}22%,100%{opacity:0}}
.khg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:28px 0}
.khg a{display:block;height:100%;color:#333;text-decoration:none;background:#fff;border:1px solid #ddd;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:.18s}
.khg a:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.khg img{width:100%;height:145px;object-fit:cover}
.khg div{padding:13px}
.khg h3{margin:0 0 7px;font-size:18px;color:#f9810c}
.khg p{margin:0;line-height:1.45}
@media(max-width:991px){.khg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.kha{height:180px}.khg{grid-template-columns:1fr}.khg img{height:180px}}