/**
    Marquee Animation Style 
*/

.wdt-animation-holder.horizontal .wdt-animation-wrapper { position: relative; display: flex; flex-flow: row nowrap; overflow: visible; overflow-x: clip;
    -webkit-mask-image: linear-gradient(to left, transparent 0%, var(--wdtHeadAltColor) 5%, var(--wdtHeadAltColor) 95%, transparent 100%);
    mask-image: linear-gradient(to left, transparent 0%, var(--wdtHeadAltColor) 5%, var(--wdtHeadAltColor) 95%, transparent 100%);
}

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

.wdt-animation-holder.horizontal .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.625rem, 0.5553rem + 0.3185vw, 0.9375rem); /*  Min-10 & Max-15 */ } 

.wdt-animation-holder.horizontal .wdt-animation-wrapper div[class*="-marqee"].right-to-left { 
    -webkit-animation: MarqueeLeft 24s linear infinite 0ms; animation: MarqueeLeft 24s linear infinite 0ms; }
.wdt-animation-holder.horizontal .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; } 
}

.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(--wdt-elementor-typo-primary-font-weight); font-family: var(--wdt-elementor-typo-primary-font-family); text-transform: capitalize; line-height: 1; }
.wdt-animation-item.icon-item { display: flex; align-items: center; justify-content: center;  animation: cleanSpin3 6s ease-in-out infinite;
    font-size: clamp(5rem, 4.8607rem + 0.6369vw, 5.625rem); /* Min-80 & Max-90 */ color: var(--wdt-elementor-color-accent); transition:var(--wdt-Ad-Transition); }
.wdt-animation-item.icon-item svg { width: 1em; height: 1em; fill: currentColor; }
.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 */ }

.wdt-animation-item.text-item,
.wdt-animation-item.text-item a {  font-size: clamp(6.25rem, 5.9713rem + 1.2739vw, 7.5rem); /* Min-100 & Max-120 */ text-decoration: none !important; 
    color:rgba(var(--wdtHeadAltColorRgb),0.09) }
.wdt-animation-item.text-item a:hover { color: var(--wdt-elementor-color-primary); }


/* dark-bg */

.wdt-dark-bg .wdt-animation-item.text-item,
.wdt-dark-bg .wdt-animation-item.text-item a {  font-size: clamp(6.25rem, 5.9713rem + 1.2739vw, 7.5rem); /* Min-100 & Max-120 */ text-decoration: none !important;
    -webkit-text-stroke: 1px rgba(var(--wdtHeadAltColorRgb),0); color: var(--wdt-elementor-color-accent); }
.wdt-dark-bg .wdt-animation-item.text-item a:hover { color: transparent; -webkit-text-stroke: 1px var(--wdt-elementor-color-white); }


/* logo only */

.wdt-animation-item.icon-block-item{color:var(--wdt-elementor-color-primary); padding:0 clamp(1.875rem, 1.7357rem + 0.6369vw, 2.5rem);; /* Min-30 & Max-40 */ 
font-size: clamp(11.25rem, 10.2747rem + 4.4586vw, 15.625rem); /* Min-180 & Max-250 */ transition:var(--wdt-Ad-Transition); }
.wdt-animation-item.icon-block-item svg{height:auto;}
.wdt-dark-bg .wdt-animation-item.icon-block-item{color:var(--wdt-elementor-color-white); animation:none;}
.wdt-dark-bg .wdt-animation-item.icon-block-item:hover{color:var(--wdt-elementor-color-accent);}




/* ===========================
    Vertical Animation Style
=========================== */

.wdt-animation-holder.vertical {
    overflow: hidden;
    max-height: clamp(25rem, 17.7488rem + 24.2718vw, 46.875rem); /* Min-400 & Max-750 */
    -webkit-mask-image: linear-gradient(to top, transparent 0%, var(--wdtHeadAltColor) 5%, var(--wdtHeadAltColor) 95%, transparent 100%);
    mask-image: linear-gradient(to top, transparent 0%, var(--wdtHeadAltColor) 5%, var(--wdtHeadAltColor) 95%, transparent 100%);
}
.wdt-animation-holder.vertical .wdt-animation-wrapper {
    height: var(--wdt-marque-height);
}
.wdt-animation-holder.vertical .wdt-animation-wrapper .wdt-animation-item {
    display: flex;
    justify-content: center;
    padding: clamp(1.5625rem, 1.2517rem + 1.0402vw, 2.5rem) 0; /* Min-25 & Max-40 */
}
.wdt-animation-holder.vertical .wdt-animation-wrapper div[class*="-marqee"].top-to-bottom,
.wdt-animation-holder.vertical .wdt-animation-wrapper div[class*="-marqee"].top-to-bottom~div[class*="-cloned-marqee"] {
    -webkit-animation: MarqueeTop 24s linear infinite 0ms;
    animation: MarqueeTop 24s linear infinite 0ms;
}
.wdt-animation-holder.vertical .wdt-animation-wrapper div[class*="-marqee"].bottom-to-top,
.wdt-animation-holder.vertical .wdt-animation-wrapper div[class*="-marqee"].bottom-to-top~div[class*="-cloned-marqee"] {
    -webkit-animation: MarqueeBottom 24s linear infinite 0ms;
    animation: MarqueeBottom 24s linear infinite 0ms;
}
.wdt-animation-wrapper:hover div[class*="-marqee"] {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important;
}
.wdt-animation-holder.vertical .wdt-animation-wrapper .wdt-animation-item{position:relative;}
.wdt-animation-holder.vertical .wdt-animation-wrapper .wdt-animation-item:before{
    content:"";
    height:1px; width:100%;
    position:absolute;
    bottom:0;
    background-image:linear-gradient(90deg, transparent, var(--wdtBorderColor),transparent);
}
@keyframes MarqueeTop {
    from {
        transform: translateY(var(--wdt-marque-Margin-height));
    }

    to {
        transform: translateY(0);
    }
}

@keyframes MarqueeBottom {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(var(--wdt-marque-Margin-height));
    }
}

/**
    Responsive - AT Media Query
    --------------------------------
*/
@media screen and (max-width:1280px) {
    .wdt-animation-holder.vertical {
        max-height: 550px;
    }
}
@media screen and (max-width:1024px) {
    .wdt-animation-holder.vertical {
        max-height: 450px;
    }
}
@media screen and (max-width:479px) {
    .wdt-animation-holder.vertical {
        max-height: 400px;
    }

}