/*
 * Izithelo SEO Text Slider v1.1.0
 * Author: Web Design Pro
 * Default visual authority: Poppins 35/40 heading, #fff, #F3BD04 highlight,
 * site-default 16/24 description. Elementor controls can override every style.
 */

.wdp-izithelo-slider,
.wdp-izithelo-slider * {
    box-sizing: border-box;
}

.wdp-izithelo-slider {
    --wdp-heading-color: #ffffff;
    --wdp-highlight-color: #F3BD04;
    --wdp-description-color: #ffffff;
    --wdp-heading-size: 35px;
    --wdp-heading-line-height: 40px;
    --wdp-description-size: 16px;
    --wdp-description-line-height: 24px;
    --wdp-description-gap: 27px;
    --wdp-max-width: 680px;
    --wdp-transition: 720ms;
    --wdp-slide-distance: 34px;
    --wdp-highlight-line-height: 0.12em;
    --wdp-highlight-opacity: 0.46;

    width: 100%;
    max-width: var(--wdp-max-width);
    color: var(--wdp-heading-color);
    text-align: left;
}

.wdp-izithelo-slider__slides {
    display: grid;
    width: 100%;
}

.wdp-izithelo-slider__slide {
    grid-area: 1 / 1;
    align-self: start;
    width: 100%;
    opacity: 0;
    transform: translate3d(var(--wdp-slide-distance), 0, 0);
    pointer-events: none;
    visibility: hidden;
    transition:
        opacity var(--wdp-transition) cubic-bezier(0.22, 1, 0.36, 1),
        transform var(--wdp-transition) cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear var(--wdp-transition);
    will-change: opacity, transform;
}

.wdp-izithelo-slider__slide.is-active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
    visibility: visible;
    z-index: 2;
    transition-delay: 0s;
}

.wdp-izithelo-slider__heading {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: var(--wdp-heading-size);
    line-height: var(--wdp-heading-line-height);
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.35px;
    color: var(--wdp-heading-color);
    text-transform: none;
    text-wrap: balance;
}

.wdp-izithelo-slider__highlight {
    position: relative;
    display: inline-block;
    color: var(--wdp-highlight-color);
    isolation: isolate;
}

.wdp-izithelo-slider__highlight::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: -0.04em;
    right: -0.04em;
    bottom: 0.04em;
    height: var(--wdp-highlight-line-height);
    border-radius: 999px;
    background: var(--wdp-highlight-color);
    opacity: calc(var(--wdp-highlight-opacity) * 0.4);
    transform: scaleX(0.14);
    transform-origin: left center;
}

.wdp-izithelo-slider.has-highlight-animation .wdp-izithelo-slider__slide.is-active .wdp-izithelo-slider__highlight::after {
    animation: wdp-izithelo-highlight-sweep 2.9s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

.wdp-izithelo-slider__description {
    margin: var(--wdp-description-gap) 0 0 !important;
    padding: 0 !important;
    font-family: inherit;
    font-size: var(--wdp-description-size);
    line-height: var(--wdp-description-line-height);
    font-style: normal;
    font-weight: inherit;
    letter-spacing: normal;
    color: var(--wdp-description-color);
}

@keyframes wdp-izithelo-highlight-sweep {
    0%, 14% {
        transform: scaleX(0.14);
        opacity: calc(var(--wdp-highlight-opacity) * 0.4);
    }
    42%, 72% {
        transform: scaleX(1);
        opacity: var(--wdp-highlight-opacity);
    }
    100% {
        transform: scaleX(0.14);
        opacity: calc(var(--wdp-highlight-opacity) * 0.4);
    }
}

@media (max-width: 480px) {
    .wdp-izithelo-slider__heading {
        letter-spacing: -0.25px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wdp-izithelo-slider__slide {
        transition: opacity 120ms linear;
        transform: none;
    }

    .wdp-izithelo-slider__highlight::after,
    .wdp-izithelo-slider.has-highlight-animation .wdp-izithelo-slider__slide.is-active .wdp-izithelo-slider__highlight::after {
        animation: none;
        transform: scaleX(1);
        opacity: calc(var(--wdp-highlight-opacity) * 0.65);
    }
}