.kj-slider { position: relative; width: 100%; background: #fff; overflow: hidden; }
.kj-slider-frames { position: relative; max-width: 1000px; aspect-ratio: 5 / 2; margin: 0 auto; }
.kj-slider-frame { position: absolute; inset: 0; opacity: 0; transition: opacity .4s ease; pointer-events: none; }
.kj-slider-frame.is-active { opacity: 1; pointer-events: auto; }
.kj-slider-frame img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kj-slider .kj-slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); margin: 0; padding: 0; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #fff; background: #7777; color: white; font: 30px/23px sans-serif; cursor: pointer; }
.kj-slider-prev { left: 12px; }
.kj-slider-next { right: 12px; }
.kj-slider-dots { position: absolute; bottom: 14px; left: 0; right: 0; display: flex; justify-content: center; gap: 8px; }
.kj-slider .kj-slider-dots button { width: 10px; height: 10px; padding: 0; margin: 0; border: 2px solid #fff; border-radius: 50%; background: #7778; cursor: pointer; }
.kj-slider .kj-slider-dots button[aria-pressed=true] { background: #fff; }
.kj-slider button:focus-visible { outline: 3px solid #603a1c; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .kj-slider-frame { transition: none; } }
@media (max-width: 767px) {
  .header .logo-wrap::before, .header .logo-wrap::after { display: none; }
  .main-holder { overflow-wrap: anywhere; }
}