/**
    Marquee Animation Style 
*/

.wdt-animation-wrapper {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    overflow: visible;
    overflow-x: clip;
}

.wdt-animation-wrapper div[class*="-marqee"] {
    width: auto;
    flex: 0 0 auto;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
}

.wdt-animation-wrapper div[class*="-marqee"] .wdt-animation-item {
    display: inline-flex;
    flex: 0 0 auto;
    text-align: center;
    position: relative;
}

.wdt-animation-wrapper .wdt-animation-item {
    padding: 0 clamp(0.875rem, 0.7308rem + 0.641vw, 1.5rem); /*  Min-14 & Max-24 */
}

.wdt-animation-wrapper div[class*="-marqee"].right-to-left {
    -webkit-animation: MarqueeLeft 24s linear infinite 0ms;
    animation: MarqueeLeft 24s linear infinite 0ms;
}

.wdt-animation-wrapper div[class*="-marqee"].left-to-right {
    -webkit-animation: MarqueeRight 24s linear infinite 0ms;
    animation: MarqueeRight 24s linear infinite 0ms;
}

.wdt-animation-wrapper:hover div[class*="-marqee"] {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@keyframes MarqueeLeft {
    from {
        margin-left: 0;
    }

    to {
        margin-left: var(--wdt-marque-Margin-Width);
    }
}

@keyframes MarqueeRight {
    from {
        margin-left: var(--wdt-marque-Margin-Width);
    }

    to {
        margin-left: 0;
    }
}


/**
    Animation Text Style 
*/

.wdt-animation-item.text-item {
    display: inline-block;
    font-size: clamp(1.75rem, 1.4615rem + 1.2821vw, 3rem); /* Min-28 & Max-48 */
    font-weight: var(--wdtFontWeight_H2);
    font-family: var(--wdtFontTypo_H2);
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: var(--wdtLetterSpacing_3X);
    color: var(--wdtPrimaryColor);
}

.wdt-animation-wrapper .wdt-animation-item {
    padding: 0 20px;
}

.wdt-animation-item.text-item,
.wdt-animation-item.text-item a {
    color: var(--wdtSecondaryColor);
}

.wdt-animation-item.text-item a:hover {
    color: rgb(var(--wdtSecondaryColorRgb), .6);
}

.wdt-dark-bg .wdt-animation-item.text-item,
.wdt-dark-bg .wdt-animation-item.text-item a:not(:hover) {
    color: var(--wdt-elementor-color-white);
}


/**
    Animation Icon Style 
*/

.wdt-animation-holder .wdt-animation-item.icon-item svg {
    width: auto;
    fill: currentColor;
}

.wdt-animation-holder .wdt-animation-item.icon-item {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--wdtAccentTxtColor);
    font-size: clamp(2.5rem, 2.2213rem + 1.2739vw, 3.75rem); /* Min-40 & Max-60 */
    padding: 0px clamp(3rem, 2.3451rem + 2.9936vw, 5.9375rem); /* Min-48 & Max-94 */
}


/**
    Animation Image Style 
*/

.wdt-animation-item.image-item img {
    object-fit: cover;
    object-position: center;
    width: clamp(1.75rem, 1.4615rem + 1.2821vw, 3rem); /* Min-28 & Max-48 */
    height: clamp(1.75rem, 1.4615rem + 1.2821vw, 3rem); /* Min-28 & Max-48 */
}


/**
    Animation Icon & Text Style 
*/

.icon-text-group .wdt-animation-item.text-item {
    font-size: var(--wdtFontSize_Ext);
    font-weight: var(--wdtFontWeight_Alt);
    font-family: var(--wdtFontTypo_Alt);
    text-transform: uppercase;
    color: var(--wdtHeadAltColor, --wdt-elementor-color-accent);
    padding: 0;
}

.wdt-animation-holder .icon-text-group .wdt-animation-item.icon-item {
    font-size: 24px;
    color: var(--wdtHeadAltColor, --wdt-elementor-color-accent);
    padding: 0;
    padding-right: 12px;
}

.wdt-animation-holder .icon-text-group {
    display: flex;
    align-items: center;
    padding: 0 clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem); /* Min-30 & Max-50 */
}


 /* Animation Icon Type -1
  */
.wdt-animation-holder .icon-group .wdt-animation-item.icon-item{
    font-size: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem);/* Max-30px min-20px */
    padding: 0 clamp(1.875rem, 1.457rem + 1.9108vw, 3.75rem); /* Max-110px min-40px */
    color: rgba(var(--wdtHeadAltColorRgb),0.5);  
    transition: var(--wdtBaseTransition);
    -webkit-transition: var(--wdtBaseTransition);
}
.wdt-animation-holder .icon-group .wdt-animation-item.icon-item:hover{color: var(--wdtLinkColor);}
.wdt-animation-holder .icon-group .wdt-animation-item.icon-item svg {width: auto; fill: currentColor;}




/**
    Responsive - AT Media Query
    --------------------------------
*/