/*================================
    Marquee Animation Style 
================================*/

.wdt-animation-wrapper { position: relative; display: flex; flex-flow: row nowrap; overflow: hidden; }

.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 10px; }

.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; }
.wdt-animation-item.text-item .wdt-animation-text { font-size: clamp(1.5rem, 1.2771rem + 1.0191vw, 2.5rem); /* Min-24 & Max-40 */
    font-weight: var(--wdtFontWeight_Alt); font-family: var(--wdtFontTypo_Alt); text-transform: capitalize; line-height: 1; }

.wdt-animation-item.text-item .wdt-animation-text a { text-decoration: none !important; color: inherit;}
.wdt-animation-item.text-item .wdt-animation-text a:hover { color: var(--wdtLinkHoverColor); }

/* ===========================
    Animation Icon Style 
=========================== */

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

/**
    Gallery
*/

.wdt-animation-item.gallery-items { flex-wrap: wrap; justify-content: center; height: 500px; }
.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_3X);
    -webkit-border-radius: var(--wdtRadius_3X);}
.wdt-animation-item.gallery-items .gallery-img .wdt-gallery-img:after {
    content: ''; position: absolute; background: var(--wdtAccentTxtColor); width: 42px; height: 42px; 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%; background: rgba(var(--wdtPrimaryColorRgb), 0.25); 
    left: 0; top: 0; opacity: 0; -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transition: var(--wdt-Ad-Transition); 
    transition: var(--wdt-Ad-Transition); border-radius: var(--wdtRadius_3X); 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; -webkit-transform: scale(1); transform: scale(1); }

.wdt-animation-item.gallery-items .gallery-img .wdt-gallery-img img { transform: rotate(0deg) scale(1.05); -webkit-transform: rotate(0deg) 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: rotate(2deg) scale(1.1); -webkit-transform: rotate(2deg) scale(1.1); }