/**
    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(1.875rem, 1.125rem + 3.75vw, 5.625rem); /* Min-30 & Max-90 */
    font-weight: var(--wdtFontWeight_Ext); 
    font-family: var(--wdtFontTypo_Alt); 
    text-transform: capitalize; line-height: 1; }

.wdt-animation-item.text-item,
.wdt-animation-item.text-item a {
  position: relative;
 -webkit-text-stroke: 1px var(--wdtHeadAltColor);
  display: inline-block;
  color:transparent;
  line-height: var(--wdtLineHeight_Alt);
  transition:var(--wdtBaseTransition);
  transition-duration: .1s;
}

.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: rgb(var(--wdtHeadAltColorRgb), .6);
    transition: var(--wdt-Ad-Transition);
 }

 .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;
    color: var(--wdtPrimaryColor);
}

.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(--wdtPrimaryColor);
    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%;
}