/**
    Marquee Animation Style 
*/

.wdt-animation-wrapper {     
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    overflow: visible;
    overflow-x: clip; 
    -webkit-mask-image: linear-gradient(to right, transparent 0%, var(--wdtHeadAltColor) 5%, var(--wdtHeadAltColor) 95%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, var(--wdtHeadAltColor) 5%, var(--wdtHeadAltColor) 95%, transparent 100%);
    -webkit-transition: var(--wdtBaseTransition);
    transition: var(--wdtBaseTransition); }
.wdt-animation-wrapper:has(.wdt-animation-item.image-text){padding: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem) 0;}
/* .wdt-animation-wrapper::before,
.wdt-animation-wrapper::after{
    content: '';
    position: absolute;
    width: 40px;
    height: 100%;
    background: linear-gradient(-90deg, transparent 0%, var(--wdtAccentTxtColor) 70%, var(--wdtAccentTxtColor) 100%);
    z-index: 1;
}
.wdt-dark-bg .wdt-animation-wrapper::before,.wdt-dark-bg .wdt-animation-wrapper::after{
    background: linear-gradient(-90deg, transparent 0%, var(--wdtSecondaryColor) 70%, var(--wdtSecondaryColor) 100%);
}
.wdt-animation-wrapper:after {
    background: linear-gradient(90deg, transparent 0%, var(--wdtAccentTxtColor) 70%, var(--wdtAccentTxtColor) 100%);
    right: 0;
}
.wdt-dark-bg .wdt-animation-wrapper:after{
    background: linear-gradient(90deg, transparent 0%, var(--wdtSecondaryColor) 70%, var(--wdtSecondaryColor) 100%);
} */

.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; align-items: center;justify-content: center;}
.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"] .wdt-animation-item.image-text .image-item{position: absolute;left: 0; top: 0; margin: auto; width: 100%; height: 100%; opacity: 0; rotate: -45deg; transition: var(--wdtAltTransition);z-index: 2; pointer-events: none;}
.wdt-animation-wrapper div[class*="-marqee"] .wdt-animation-item.image-text .image-item img{width: clamp(3.125rem, 2.5rem + 3.125vw, 6.25rem);height: clamp(3.125rem, 2.5rem + 3.125vw, 6.25rem);border-radius: var(--wdtRadius_Full);}
.wdt-animation-wrapper div[class*="-marqee"] .wdt-animation-item.image-text:hover .image-item{opacity: 1; rotate: 0deg; }
.wdt-animation-item.icon-item{    font-size: var(--wdtFontSize_H6);  animation: spin 9s linear infinite; padding: 0 clamp(0.625rem, 0.3rem + 1.625vw, 2.25rem);/* 10 - 36 */}
.wdt-animation-wrapper div[class*="-marqee"] .wdt-animation-item.image-text{padding: 0;}

.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_Ext); font-family: var(--wdtFontTypo_Alt); text-transform: capitalize; }

.wdt-animation-item.text-item,
.wdt-animation-item.text-item a { color: var(--wdtHeadAltColor); text-decoration: none !important; }
.wdt-animation-item.text-item a:hover { color: var(--wdtPrimaryColor); }
 .wdt-animation-item.text-item{-webkit-text-stroke: 0; color: var(--wdtHeadAltColor); transition: var(--wdtAltTransition);}
 .wdt-animation-item.text-item:hover{color: var(--wdtLinkHoverColor);}

/**
    Animation Icon Style 
*/
 .wdt-animation-main-marqee > .wdt-animation-item.icon-item,
 .wdt-animation-cloned-marqee > .wdt-animation-item.icon-item{
     display: flex; align-items: center; justify-content: center;
   
   padding: 0 clamp(1.25rem, 0.6875rem + 2.8125vw, 4.0625rem);/* 20 - 65 */}

.wdt-animation-item.icon-item svg { width: 1em; height: 1em; fill: currentColor;}
.wdt-animation-item.double-icon-item svg{transition: var(--wdtAltTransition); height: fit-content;}
.wdt-animation-item.double-icon-item{
    overflow: hidden;     
    align-items: center;
    justify-content: center;
    font-size: clamp(5.625rem, 4.625rem + 5vw, 10.625rem);/* 90 - 170 */
    transition: var(--wdtAltTransition);
    color: var(--wdtHeadAltColor);}
.wdt-animation-wrapper > div .wdt-animation-item.double-icon-item svg:nth-child(2) {
    color: var(--wdtLinkHoverColor);
    position: absolute;
    transform: translateY(-100%);
    --webkit-transform: translateY(-100%);
}

.wdt-animation-wrapper > div .wdt-animation-item.double-icon-item:hover svg:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
    --webkit-transform: translateY(0);
}

.wdt-animation-wrapper > div .wdt-animation-item.double-icon-item:hover svg:nth-child(1) {
    opacity: 0;
    transform: translateY(100%);
    --webkit-transform: translateY(100%);
}
.wdt-animation-wrapper .wdt-animation-item.double-icon-item{padding: 0 clamp(1.25rem, 0.6875rem + 2.8125vw, 4.0625rem);/* 20 - 65 */}
.wdt-animation-item.icon-item.double-icon-item{animation:none;}


/**
    Animation Image Style 
*/

.wdt-animation-item.image-item img { object-fit: cover; object-position: center; }
.wdt-animation-image.wdt-animation-holder .wdt-animation-wrapper .wdt-animation-main-marqee > .wdt-animation-item.image-item,
.wdt-animation-image.wdt-animation-holder .wdt-animation-wrapper .wdt-animation-cloned-marqee > .wdt-animation-item.image-item 
{padding: clamp(0.625rem, 0.5375rem + 0.4375vw, 1.0625rem) clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem);/* 17 - 50 */ 
    margin: 0 clamp(0.625rem, 0.5625rem + 0.3125vw, 0.9375rem);/* 15 - 10 */ background-color: var(--wdtAccentTxtColor);border-radius: var(--wdtRadius_2X);}
.wdt-animation-image.wdt-animation-holder .wdt-animation-wrapper .wdt-animation-main-marqee > .wdt-animation-item.text-item + .wdt-animation-item.image-item,
.wdt-animation-image.wdt-animation-holder .wdt-animation-wrapper .wdt-animation-cloned-marqee > .wdt-animation-item.text-item + .wdt-animation-item.image-item
{padding: 0; background-color: transparent;}
.wdt-animation-image.wdt-animation-holder .wdt-animation-wrapper .wdt-animation-main-marqee > .wdt-animation-item.image-item img,
.wdt-animation-image.wdt-animation-holder .wdt-animation-wrapper .wdt-animation-cloned-marqee > .wdt-animation-item.image-item img{
    max-width: clamp(6.25rem, 5.2112rem + 3.4698vw, 9.375rem) /*150px - 100px*/;
}
/* Text with image */
.wdt-animation-wrapper .wdt-animation-item.text-item + .wdt-animation-item.image-item img{height: 50px; width: 50px; border-radius: var(--wdtRadius_Full); object-fit: cover;}

.wdt-animation-item.text-item a:hover,
.wdt-animation-item.text-item:hover{color: var(--wdtLinkHoverColor);}
.wdt-animation-wrapper .wdt-animation-item.text-item + .wdt-animation-item.image-item{background-color: transparent; padding: 0;}


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