/**
    Marquee Animation Style 
*/

.wdt-animation-wrapper {-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%); 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(1.25rem, 1.0422rem + 0.694vw, 1.875rem); /*  Min-20 & Max-30 */ }

.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(6rem, 4.6624rem + 6.1146vw, 12rem); /* Min-6rem & Max-12rem */
    font-weight: var(--wdtFontWeight_Ext); 
    font-family: var(--wdtFontTypo_Alt); 
    text-transform: capitalize; line-height: 1; 
    letter-spacing: -0.02em;
}

.wdt-animation-item.text-item,
.wdt-animation-item.text-item a {
  position: relative;
  display: inline-block;
  color:rgba(var(--wdtSecondaryColorRgb),0.085);
  line-height: var(--wdtLineHeight_H5);
  transition:var(--wdtBaseTransition);
  transition-duration: .25s;
}

.wdt-dark-bg .wdt-animation-item.text-item,
.wdt-dark-bg .wdt-animation-item.text-item a {
    -webkit-text-stroke: 1px rgb(var(--wdtAccentTxtColorRgb), 0.6);
}

.wdt-animation-item.text-item a:hover,
.wdt-dark-bg .wdt-animation-item.text-item a:hover {
    color: var(--wdtPrimaryColor);
    text-decoration: none;
   color:var(--wdtLinkHoverColor);
    -webkit-text-stroke: 1px var(--wdtLinkHoverColor);
}


/**
    Animation Icon Style 
*/

.wdt-animation-item.icon-item { display: flex; align-items: center; justify-content: center;
   font-size: clamp(3.625rem, 3.1rem + 2.625vw, 6.25rem); /* Min-58 & Max-100 */
   color: rgba(var(--wdtSecondaryColorRgb),0.085); transition: var(--wdt-Ad-Transition); }
.wdt-animation-item.icon-item:has(> svg + svg) { color: rgba(var(--wdtSecondaryColorRgb),0.2); }

 .wdt-dark-bg .wdt-animation-item.icon-item { color: rgb(var(--wdtAccentTxtColorRgb),0.4) }


.wdt-animation-item.icon-item:hover,
.wdt-dark-bg .wdt-animation-item.icon-item:hover { transition-delay: 0.02s; }

.wdt-animation-item.icon-item svg { width: 1em; height: 1em; fill: currentColor; transition: var(--wdt-Ad-Transition); }

.wdt-animation-wrapper .wdt-animation-item.icon-item { padding: 0 clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem); /* Min-20 & Max-60 */}

.wdt-marquee-icon-animation .wdt-animation-item.icon-item svg:nth-child(2){
    color: var(--wdtLinkHoverColor); position: absolute; transform: translateY(-100%); --webkit-transform: translateY(-100%); }

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

.wdt-marquee-icon-animation .wdt-animation-item.icon-item:hover svg:nth-child(1){
    transform: translatey(100%); --webkit-transform: translatey(100%); }

@keyframes scroll{
  50%{ -webkit-transform: translateY(-100px); transform: translateY(-100px); }
  51%{ -webkit-transform: translateY(100px); transform: translateY(100px); }
}



/**
    Animation Image Style 
*/

.wdt-animation-item.image-item img { object-fit: cover; object-position: center; width: clamp(2.75rem, 2.5rem + 1.25vw, 4rem); /* Min-44 & Max-64 */
    height: clamp(2.75rem, 2.5rem + 1.25vw, 4rem); /* Min-44 & Max-64 */ border-radius: var(--wdtRadius_Full); }



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


/* Img+text */

.wdt-animation-holder .wdt-animation-item.image-text-item {
    margin: 0 10px; padding: 6px 20px 6px 6px; border-radius:var(--wdtRadius_Part); background-color:var(--wdtTertiaryColor); 
    display:inline-flex; gap: 10px; align-items:center; transition:var(--wdtBaseTransition); }
.wdt-animation-holder  .wdt-animation-item.image-text-item .inner-text{
    font-family:var(--wdtFontTypo_Alt); font-weight:var(--wdtFontWeight_Alt); 
    font-size: clamp(1.5rem, 1.3753rem + 0.4164vw, 1.875rem); /* Min-24 & Max-30 */ letter-spacing:0; }
.wdt-animation-holder .wdt-animation-item.image-text-item:hover{ background-color:var(--wdtPrimaryColor); color:var(--wdtAccentTxtColor); }
.wdt-animation-holder .wdt-animation-item.image-text-item .inner-text a { transition:var(--wdtBaseTransition); color:var(--wdtHeadAltColor); font-size: var(--wdtFontSize_Base); }
.wdt-animation-holder .wdt-animation-item.image-text-item:hover .inner-text a { color:var(--wdtAccentTxtColor); }
.wdt-full-height { height:100%; }