/**
    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.7914rem + 0.3822vw, 1.25rem); /*  Min-14 & Max-20 */ }

.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.1783rem + 3.1847vw, 5rem); /* Min-30 & Max-80 */
    font-weight: var(--wdtFontWeight_Alt); font-family: var(--wdtFontTypo_Alt); text-transform: capitalize; line-height: 1; }

.wdt-animation-item.text-item,
.wdt-animation-item.text-item a { color: var(--wdtHeadAltColor); text-decoration: none !important; transition: var(--wdt-Ad-Transition); }
.wdt-animation-item.text-item a:hover { color: var(--wdtLinkHoverColor); }

/**
    Animation Icon Style 
*/

.wdt-animation-item.icon-item { display: flex; align-items: center; justify-content: center;
    font-size: clamp(1.75rem, 1.4615rem + 1.2821vw, 3rem); /* Min-28 & Max-48 */ }

.wdt-animation-item.icon-item svg { width: 1em; height: 1em; fill: currentColor; }


/**
    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 Gallery Style 
*/


.wdt-animation-item.gallery-items { flex-wrap: wrap; justify-content: center; width: 350px; height: 600px; padding: 0 10px; }
.wdt-animation-item.gallery-items .gallery-img { flex: 1 1 100%; position: relative; }
.wdt-animation-item.gallery-items .gallery-img ~ .gallery-img { flex: 1 1 50%; }

.wdt-animation-item.gallery-items .gallery-img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; 
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.wdt-animation-item.gallery-items .gallery-img:nth-child(1):not(:only-child) { margin-bottom: 20px; }
.wdt-animation-item.gallery-items .gallery-img:nth-child(2):has( ~ .gallery-img) { padding-right: 10px; }
.wdt-animation-item.gallery-items .gallery-img:nth-child(3) { padding-left: 10px; }

/* .wdt-animation-item.gallery-items .gallery-img:nth-child(2):has( ~ .gallery-img) img { right: auto; width: calc(100% - 10px); }
.wdt-animation-item.gallery-items .gallery-img:nth-child(3) img { left: auto; width: calc(100% - 10px); } */
.wdt-animation-item.gallery-items .gallery-img .wdt-gallery-img { 
    display: flex ; width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: var(--wdtRadius_2X);
    -webkit-border-radius: var(--wdtRadius_2X);}
.wdt-animation-item.gallery-items .gallery-img .wdt-gallery-img:after {
    content: ''; position: absolute; background: var(--wdtAccentTxtColor); width: 32px; height: 32px; left: 0; top: 0; right: 0; bottom: 0; 
    margin: auto; mask-repeat: no-repeat; 
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M97.05,84.25,79.17,66.37a6.67,6.67,0,0,0-8.29-.91l-3.59-3.4a37.52,37.52,0,1,0-5.64,5.64l3.58,3.39a6.66,6.66,0,0,0,.87,8.35L84,97.32a6.66,6.66,0,0,0,9.42,0l3.65-3.65A6.66,6.66,0,0,0,97.05,84.25ZM62.11,57.15a30.68,30.68,0,0,1-5.67,5.6,30.41,30.41,0,1,1,5.67-5.6Z'/%3E%3Cpath d='M57,35.92v5.22a1.14,1.14,0,0,1-1.14,1.14H41.88V56.14a1.23,1.23,0,0,1-1.23,1.23h-5a1.24,1.24,0,0,1-1.24-1.23V42.28h-14a1.14,1.14,0,0,1-1.14-1.14V35.92a1.14,1.14,0,0,1,1.14-1.14h14V20.93a1.24,1.24,0,0,1,1.24-1.24h5a1.23,1.23,0,0,1,1.23,1.24V34.78H55.83A1.14,1.14,0,0,1,57,35.92Z'/%3E%3C/svg%3E"); 
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M97.05,84.25,79.17,66.37a6.67,6.67,0,0,0-8.29-.91l-3.59-3.4a37.52,37.52,0,1,0-5.64,5.64l3.58,3.39a6.66,6.66,0,0,0,.87,8.35L84,97.32a6.66,6.66,0,0,0,9.42,0l3.65-3.65A6.66,6.66,0,0,0,97.05,84.25ZM62.11,57.15a30.68,30.68,0,0,1-5.67,5.6,30.41,30.41,0,1,1,5.67-5.6Z'/%3E%3Cpath d='M57,35.92v5.22a1.14,1.14,0,0,1-1.14,1.14H41.88V56.14a1.23,1.23,0,0,1-1.23,1.23h-5a1.24,1.24,0,0,1-1.24-1.23V42.28h-14a1.14,1.14,0,0,1-1.14-1.14V35.92a1.14,1.14,0,0,1,1.14-1.14h14V20.93a1.24,1.24,0,0,1,1.24-1.24h5a1.23,1.23,0,0,1,1.23,1.24V34.78H55.83A1.14,1.14,0,0,1,57,35.92Z'/%3E%3C/svg%3E"); 
    -webkit-mask-repeat: no-repeat; z-index: 2; opacity: 0; -webkit-transform: scale(1.25); transform: scale(1.25); 
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }

.wdt-animation-item.gallery-items .gallery-img .wdt-gallery-img:before { content: ""; position: absolute; width: 100%; height: 100%; inset: 0; 
    background-color: rgb(var(--wdtPrimaryColorRgb), .6); border-radius: inherit; transform: scale(1); -webkit-transform: scale(1); opacity: 0; 
    transition: var(--wdt-Ad-Transition); pointer-events: none; z-index: 1; }

.wdt-animation-item.gallery-items .gallery-img:hover .wdt-gallery-img:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.wdt-animation-item.gallery-items .gallery-img:hover .wdt-gallery-img:before { opacity: 1; transform: scale(0.9); -webkit-transform: scale(0.9); }

.wdt-animation-item.gallery-items .gallery-img .wdt-gallery-img img { transform: scale(1.05); -webkit-transform: scale(1.05); 
    transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); }
.wdt-animation-item.gallery-items .gallery-img:hover .wdt-gallery-img img { transform: scale(1.1); -webkit-transform: scale(1.1); }

.mfp-wrap.mfp-gallery img.mfp-img { border-radius: var(--wdtRadius_2X); }
.mfp-wrap.mfp-gallery .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { top: 0; transform: translate(20px, 20px); font-size: 1.75em; cursor: pointer; background-color: var(--wdtAccentTxtColor); color: var(--wdtLinkColor); }
.mfp-wrap.mfp-gallery .mfp-image-holder .mfp-close:hover { background: var(--wdtLinkHoverColor); color: var(--wdtAccentTxtColor); }
.mfp-container button.mfp-arrow { background: transparent; }


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