.omt-history-slider {
    background-image: var(--slider-bg-url);
    background-repeat: no-repeat;
    background-size: cover;
    padding: var(--wp--preset--spacing--80, 64px) var(--wp--preset--spacing--20);
    text-align: center;
}

.omt-history-slider__slider-title {
    color: var(--wp--preset--color--base, #ffffff);
    margin: var(--wp--preset--spacing--40, 32px) 0;
}

.omt-history-slider__content {
    display: flex !important;
    gap: var(--wp--preset--spacing--80, 64px);
    align-items: center;
}

.omt-history-slider__slider {
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.omt-history-slider__img {
    width: 100%;
    height: auto;
}

.omt-history-slider__thumbnail {
    margin: 0 auto;
    overflow: hidden;
    margin-top: var(--wp--preset--font-size--h-3, 40px)
}

.omt-history-slider__year {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: var(--wp--preset--color--base, #ffffff) !important;
    padding: 0px;
    text-decoration: none;
    display: block;
}


.omt-history-slider__text {
    font-weight: 300;
    font-size: var(--wp--preset--font-size--x-large, 24px);
    line-height: var(--wp--preset--font-size--regular, 24px);
    text-align: left;
    color: var(--wp--preset--color--base, #ffffff);
}


.omt-history-slider__thumbnail-slide .omt-history-slider__text {
    visibility: hidden;
    font-size: var(--wp--preset--font-size--medium, 18px);
    line-height: var(--wp--preset--font-size--x-large, 24px);
    display: block;
    text-align: center;
    margin: 10px 0;
}

.swiper-slide-active .omt-history-slider__text {
    visibility: visible;
}

.omt-history-slider__title {
    font-weight: bold;
    font-size: var(--wp--preset--font-size--h-4, 32px);
    line-height: var(--wp--preset--font-size--h-3, 40px);
    text-align: left;
    color: var(--wp--preset--color--base, #ffffff);
    text-transform: uppercase;
    max-width: 286px;
    margin: 0;
}


.omt-history-slider__thumbnail-slide {
    text-align: center;
    position: relative;
}

.omt-history-slider__thumbnail-dot {
    width: 12px;
    height: 12px;
    background: var(--wp--preset--color--neutral-500, #666666);
    border: 1px solid var(--wp--preset--color--base, #ffffff);
    display: block;
    border-radius: 20px;
    margin: 9px auto;
    z-index: 99;
    position: relative;
}

.swiper-slide-active .omt-history-slider__thumbnail-dot {
    background: var(--wp--preset--color--neutral-500, #666666);
    border: 8px solid var(--wp--preset--color--base, #ffffff);
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.omt-history-slider__content {
    max-width: 700px;
    margin: var(--wp--preset--spacing--50, 40px) auto;
    position: relative;
}

.omt-history-slider__img-box {
    width: 50%;
}

.omt-history-slider__description {
    width: 50%;
}

.omt-history-slider__content::after {
    content: '';
    width: 1px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--wp--preset--color--base, #ffffff);
    position: absolute;
}

.omt-history-slider__thumbnail-slide::before {
    content: '';
    width: 100%;
    left: 0;
    position: absolute;
    background: var(--wp--preset--color--base, #ffffff);
    height: 1px;
    top: 37px;
}

.omt-history-slider__button {
    width: 44px;
    height: 44px;
    background-color: var(--wp--preset--color--base, #ffffff);
    font-size: var(--wp--preset--font-size--h-5, 24px);
    cursor: pointer;
    padding: 0;
    top: 50%;
}


.omt-history-slider__no-bg .omt-history-slider__slider-title,
.omt-history-slider__no-bg .omt-history-slider__title,
.omt-history-slider__no-bg .omt-history-slider__text {
    color: var(--wp--preset--color--neutral-900, #191919);
}

.omt-history-slider__no-bg .omt-history-slider__year {
    color: var(--wp--preset--color--neutral-900, #191919) !important;
}

.omt-history-slider__no-bg .omt-history-slider__thumbnail-dot {
    background: var(--wp--preset--color--base, #ffffff);
    border: 1px solid var(--wp--preset--color--neutral-500, #666666);
}

.omt-history-slider__no-bg .swiper-slide-active .omt-history-slider__thumbnail-dot {
    border: 8px solid var(--wp--preset--color--neutral-500, #666666);
}

.omt-history-slider__no-bg .omt-history-slider__content::after,
.omt-history-slider__no-bg .omt-history-slider__thumbnail-slide::before {
    background-color: var(--wp--preset--color--neutral-900, #191919);
}

.omt-history-slider__button::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    mask-size: 20px;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: currentColor;
    color: var(--wp--preset--color--primary-500, #0099CD);
}

.omt-history-slider__button--next::after {
    mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/%3E%3C/svg%3E');
}

.omt-history-slider__button--prev::after {
    mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"%3E%3Cpath d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/%3E%3C/svg%3E');
}

.omt-history-slider__desc {
    text-align: left;
    margin-top: 16px;
}

@media (max-width:992px) {
    .omt-history-slider__content {
        max-width: unset;
        width: auto;
        gap: var(--wp--preset--spacing--50, 40px);
        padding: 0 var(--wp--preset--spacing--60, 48px);
    }

    .omt-history-slider__title {
        font-size: var(--wp--preset--font-size--h-3, 24px);
        line-height: var(--wp--preset--font-size--h-3, 24px);
    }
}

@media (max-width:767px) {
    .omt-history-slider__content {
        flex-direction: column;
    }

    .omt-history-slider__img-box {
        width: 100%;
        padding-bottom: var(--wp--preset--spacing--20, 16px);
        margin-bottom: var(--wp--preset--spacing--20, 16px);
        border-bottom: 1px solid var(--wp--preset--color--neutral-100, #f2f2f2);
    }

    .omt-history-slider__no-bg .omt-history-slider__img-box {
        border-bottom: 1px solid var(--wp--preset--color--neutral-900, #191919);
    }

    .omt-history-slider__description {
        width: 100%;
    }

    .omt-history-slider__content::after {
        content: unset;
    }

    .omt-history-slider__content {
        gap: 0;
    }

}


@media (max-width:575px) {
    .omt-history-slider__button--prev {
        width: 25px;
        height: 25px;
        left: 0;
    }

    .omt-history-slider__button--next {
        width: 25px;
        height: 25px;
        right: 0;
    }

    .omt-history-slider__content {
        padding: 0 30px;
    }

    .omt-history-slider {
        padding: var(--wp--preset--spacing--20, 16px) 10px;
    }
}