.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.duration-500 {
    transition-duration: 500ms;
}

.transition-opacity {
    transition-property: opacity;
    transition-duration: 0.5s;
}

.z-10 {
    z-index: 10;
}

.opacity-0 {
    opacity: 0;
}

.opacity-100 {
    opacity: 1;
}

.not-visible {
    visibility: hidden;
}

.og-slider {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}

.og-slider--controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 10;
}

.og-slider--prev,
.og-slider--next {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 50%;
    height: 44px;
    width: 44px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transition: background-color 0.3s ease;
    z-index: 20;
}

.og-slider--prev:hover,
.og-slider--next:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

@media (max-width: 767px) {
    .og-slider--prev,
    .og-slider--next {
        height: 36px;
        width: 36px;
        font-size: 16px;
    }
}

.og-slide--content {
    padding: 0 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (min-width: 783px) {
    .og-slide--content {
        padding: 0 3rem 0 0;
    }
}


.og-slider--prev::before {
    content: "←";
}


.og-slider--next::before {
    content: "→";
}

.og-slider--dots {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    gap: 8px;
    z-index: 20;
}

.og-slider--dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    border: none;
    transition: all 0.3s ease;
}

.og-slider--dot:hover {
    background-color: rgba(0, 0, 0, 0.6);
    transform: scale(1.1);
}

.og-slider--dot--active {
    background-color: #000;
    transform: scale(1.2);
}


.og-slide {
    background-color: #ecb100;
    display: flex;
    min-height: 300px;
    align-items: center;
    border-radius: 8px;
}

@media (min-width: 768px) {
    .og-slide {
        min-height: 400px;
    }
}

@media (min-width: 1024px) {
    .og-slide {
        min-height: 450px;
    }
}

.og-slides-container {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

.og-slide--wrapper {
    flex: 0 0 100%;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: relative !important;
}


.og-slide {
    flex-direction: column;
}

@media (min-width: 768px) {
    .og-slide {
        flex-direction: row;
    }
}

.og-slide>div {
    width: 100%;
}

.og-slide--image {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 200px;
    border-radius: 8px 8px 0 0;
}

@media (min-width: 768px) {
    .og-slide--image {
        width: 50%;
        border-radius: 8px 0 0 8px;
        min-height: auto;
    }
}

.og-slide--text {
    width: 100%;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}

@media (min-width: 768px) {
    .og-slide--text {
        width: 50%;
        padding: 40px;
    }
}

.og-slide--text p {
    color: inherit;
}
.og-slide {
    font-size: 20px;
}
.og-slide > div{
    width: 100%;
}

.og-slide--black {
 background-color: #575757;
}
.og-slide--red {
    background-color: #a02d2c;
}
.og-slide--yellow {
    background-color:  #ecb100;
}

.og-slider.og-slider--alternate {
    background-color: #EFF0EF;
    padding: 63px 0;

    .og-slide {
        background-color: transparent !important;
        max-width: 65%;
        margin: 0 auto;

        .wp-block-columns {
            display: grid;
            grid-template-columns: 33% 1fr;
            gap: 38px;

            .wp-block-column {
                width: 100%;
            }
        }

        @media (max-width: 1024px) {
            .og-slide {
                max-width:75%;
            }

            .wp-block-columns {
                grid-template-columns: 1fr;
            }
        }
    }

    .og-slider--dot {
        width: 16px;
        height: 16px;
        margin: 5px;
    }

    .og-slider--prev {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 50 50'%3E%3Cimage id='Left_arrow' data-name='Left arrow' width='50' height='50' xlink:href='data:image/png;base64,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'/%3E%3C/svg%3E%0A");
        background-size: contain;
        background-repeat: no-repeat;
        width:50px;
        height: 50px;
    }

    @media (max-width: 1024px) {
        .og-slider--prev {
            transform: scale(0.5);
        }

        .og-slider--next {
            transform: scale(0.5);
        }
    }

    .og-slider--prev::before {
        content: "";
    }

    .og-slider--next {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 50 50'%3E%3Cimage id='Right_arrow' data-name='Right arrow' width='50' height='50' xlink:href='data:image/png;base64,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'/%3E%3C/svg%3E ");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top left;
        width:50px;
        height: 50px;
    }

    .og-slider--next::before {
        content: "";
    }

    .og-slider--controls {
        left: 7%;
        right: 7%;
    }
}

.og-slide--wraper:not(.og-slide--active) {
    pointer-events: none;
}