.ck-home-banner {
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    background: #F4F7FA;
    color: #0b2d50;
    padding-inline: 0;
}
.ck-home-banner .ck-home-banner-slides {
    display: block;
    max-width: calc(1000px * 20 / 9);
    margin-inline: auto;
}
.ck-home-banner .ck-home-banner-slides:not(.owl-loaded) > .ck-home-banner-slide:not(:first-child) { display: none; }
.ck-home-banner .ck-home-banner-slide {
    width: 100%;
    aspect-ratio: 20 / 9;
    max-height: 1000px;
    max-width: calc(1000px * 20 / 9);
    margin-inline: auto;
    background: #F4F7FA;
}
.ck-home-banner .ck-home-banner-slide img {
    display: block;
    position: static;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.ck-home-banner .owl-stage-outer { touch-action: pan-y; }
.ck-home-banner .owl-carousel .owl-nav button.owl-prev,
.ck-home-banner .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgb(255 255 255 / 30%);
    border-radius: 50%;
    background: rgb(11 45 80 / var(--ck-banner-arrow-alpha, 0.1));
    color: #fff;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.ck-home-banner .owl-nav .owl-prev { left: 24px; }
.ck-home-banner .owl-nav .owl-next { right: 24px; }
@media (hover: none) {
    .ck-home-banner .owl-nav button { --ck-banner-arrow-alpha: 0.1; }
}
@media (hover: hover) {
    .ck-home-banner .owl-nav button:hover { --ck-banner-arrow-alpha: 0.5; }
}
.ck-home-banner .owl-nav button:focus-visible { --ck-banner-arrow-alpha: 0.5; }
.ck-home-banner:focus-visible,
.ck-home-banner button:focus-visible { outline: 3px solid #f59542; outline-offset: -3px; }
.ck-home-banner .owl-dots {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    background: transparent;
    pointer-events: none;
}
.ck-home-banner .owl-dots button { width: 44px; height: 44px; cursor: pointer; pointer-events: auto; }
.ck-home-banner .owl-dot span { display: block; margin: auto; width: 8px; height: 8px; border-radius: 50%; background: #a9b5c1; }
.ck-home-banner .owl-dot.active span { background: #0b2d50; outline: 2px solid #0b2d50; outline-offset: 3px; }
.ck-home-banner .owl-nav.disabled,
.ck-home-banner .owl-dots.disabled { display: none; }
@media (max-width: 991.98px) {
    .ck-home-banner .owl-carousel .owl-nav button.owl-prev,
    .ck-home-banner .owl-carousel .owl-nav button.owl-next {
        width: 44px;
        height: 44px;
        border: 0;
        background: transparent;
    }
    /* Keep the touch target larger than the visible arrow. */
    .ck-home-banner .owl-nav button::before {
        content: "";
        position: absolute;
        inset: 6px;
        border: 1px solid rgb(255 255 255 / 30%);
        border-radius: 50%;
        background: rgb(11 45 80 / var(--ck-banner-arrow-alpha, 0.1));
        pointer-events: none;
        transition: background-color 0.2s ease;
    }
    .ck-home-banner .owl-nav svg { position: relative; width: 18px; height: 18px; }
    .ck-home-banner .owl-nav .owl-prev { left: 12px; }
    .ck-home-banner .owl-nav .owl-next { right: 12px; }
}
@media (max-width: 575.98px) {
    .ck-home-banner .owl-nav .owl-prev { left: 6px; }
    .ck-home-banner .owl-nav .owl-next { right: 6px; }
    .ck-home-banner .owl-nav button::before { inset: 8px; }
    .ck-home-banner .owl-nav svg { width: 16px; height: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .ck-home-banner .owl-stage { transition-duration: 0s !important; }
}