/*==============================
    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 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.7308rem + 0.641vw, 1.5rem); /*  Min-14 & Max-24 */ }

.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(--wdt-elementor-typo-primary-font-weight); 
    font-family: var(--wdt-elementor-typo-primary-font-family); text-transform: capitalize; line-height: 1; }

.wdt-animation-item.text-item,
.wdt-animation-item.text-item a { 
    color: var(--wdt-elementor-color-primary); text-decoration: none !important;
    -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.wdt-animation-item.text-item a:hover { color: var(--wdt-elementor-color-accent); }

.wdt-dark-bg .wdt-animation-item.text-item,
.wdt-dark-bg .wdt-animation-item.text-item a:not(:hover) { color: var(--wdt-elementor-color-white); }


/*===============================
    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: auto;
    height: auto; }

    .wdt-animation-item.image-item{
        padding: 0 clamp(1.875rem, 1.2517rem + 2.0819vw, 3.75rem) /*60px - 30px*/;
    }
    
/*==============================
    Animation Icon with Text Style 
================================*/    

.wdt-animation-item.icon-text-item {align-items: center; padding:0 clamp(0.9375rem, 0.7285rem + 0.9554vw, 1.875rem) /*30px - 15px*/;
    gap: clamp(1.875rem, 1.457rem + 1.9108vw, 3.75rem) /*60px - 30px*/; color: var(--wdt-elementor-color-black); }
 
.wdt-animation-wrapper .wdt-animation-item.icon-text-item .wdt-animation-item{
    padding: 0;
}
.wdt-animation-item.icon-text-item .text-item {
    font-size: clamp(1.5rem, 1.4164rem + 0.3822vw, 1.875rem) /*30px - 24px*/;
    text-transform: capitalize;
    font-weight: var(--wdtFontWeight_Alt);
    line-height: var(--wdtLineHeight_H1);
}
.wdt-animation-item.icon-text-item .icon-item{
    color: var(--wdtPrimaryColor);
    font-size: clamp(1.875rem, 1.7914rem + 0.3822vw, 2.25rem) /*36px - 30px*/;
}
.wdt-dark-bg .wdt-animation-item.icon-text-item > div{
    color: var(--wdtAccentTxtColor);
}
.wdt-animation-item.icon-text-item:nth-child(odd) .text-item{
    opacity: 0.4;
}

/*==============================
    Animation Image with Text Style 
================================*/    

.wdt-animation-wrapper .wdt-animation-item.image-text-item { gap: 20px; align-items: center; }



.wdt-animation-wrapper .wdt-animation-item.image-text-item .image-text-item-text { color: var(--wdt-elementor-color-black); font-size: clamp(1.75rem, 1.4615rem + 1.2821vw, 3rem); /* Min-28 & Max-48 */ }



/* ===========================
    Vertical Animation Style
=========================== */

.wdt-animation-holder.vertical { overflow: hidden; max-height: 600px; }

.wdt-animation-holder.vertical .wdt-animation-item.gallery-items {  padding:15px 0; }

.wdt-animation-holder.vertical .wdt-animation-wrapper { 
    max-height: inherit; flex-direction: column; -webkit-mask-image: linear-gradient(to top, transparent 0%, var(--wdtHeadAltColor) 5%, var(--wdtHeadAltColor) 95%, transparent 100%); mask-image: linear-gradient(to top, transparent 0%, var(--wdtHeadAltColor) 5%, var(--wdtHeadAltColor) 95%, transparent 100%); -webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); }

.wdt-animation-holder.vertical .wdt-animation-wrapper div[class*="-marqee"] { display: flex; flex-direction: column; flex-wrap: nowrap; }

.wdt-animation-holder.vertical .wdt-animation-wrapper .wdt-animation-item.text-item { 
    display: block; writing-mode: vertical-lr; -webkit-transform: scale(-1); transform: scale(-1); white-space: nowrap; 
    padding: clamp(0.625rem, 0.5694rem + 0.3067vw, 0.9375rem) 0; /* Min-10 & Max-15 */ }

.wdt-animation-holder.vertical .wdt-animation-wrapper .wdt-animation-item.text-item a {
    writing-mode: vertical-lr; -webkit-transform: scale(-1); transform: scale(-1); white-space: nowrap; }

.wdt-animation-holder.vertical .wdt-animation-wrapper div[class*="-marqee"].top-to-bottom,
.wdt-animation-holder.vertical .wdt-animation-wrapper div[class*="-marqee"].top-to-bottom~div[class*="-cloned-marqee"] {
    -webkit-animation: MarqueeTop 24s linear infinite 0ms; animation: MarqueeTop 24s linear infinite 0ms; }

.wdt-animation-holder.vertical .wdt-animation-wrapper div[class*="-marqee"].bottom-to-top,
.wdt-animation-holder.vertical .wdt-animation-wrapper div[class*="-marqee"].bottom-to-top~div[class*="-cloned-marqee"] {
    -webkit-animation: MarqueeBottom 24s linear infinite 0ms; animation: MarqueeBottom 24s linear infinite 0ms; }

.wdt-animation-wrapper:hover div[class*="-marqee"] {
    -webkit-animation-play-state: paused !important; animation-play-state: paused !important; }

@keyframes MarqueeTop {
    from { transform: translateY(var(--wdt-marque-Margin-height)); }
    to { transform: translateY(0); }
}

@keyframes MarqueeBottom {
    from { transform: translateY(0); }
    to { transform: translateY(var(--wdt-marque-Margin-height)); }
}



/*==================================
    Gallery
====================================*/

.wdt-animation-item.gallery-items { 
    flex-wrap: wrap; justify-content: center; height: clamp(18.75rem, 14.5949rem + 13.8793vw, 31.25rem);/*500-300*/ 
    width: clamp(18.75rem, 16.6724rem + 6.9396vw, 25rem);/*400-300*/ padding: 0 15px; } 

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

.wdt-animation-item.gallery-items .gallery-img:nth-child(2):has( ~ .gallery-img) { padding-right: 15px; }

.wdt-animation-item.gallery-items .gallery-img:nth-child(3) { padding-left: 15px; }


.wdt-animation-item.gallery-items .gallery-img .wdt-gallery-img { 
    display: flex ; width: 100%; height: 100%; position: relative; overflow: hidden; 
    border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); }

.wdt-animation-item.gallery-items .gallery-img .wdt-gallery-img:after { 
    content: ''; position: absolute; background: var(--wdtAccentTxtColor); width: clamp(1.875rem, 1.6257rem + 0.8328vw, 2.625rem);/*42-30*/ 
    height: clamp(1.875rem, 1.6257rem + 0.8328vw, 2.625rem);/*42-30*/ 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.5); 
    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: inherit; -webkit-border-radius: inherit; 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); }



 /*-=====================================
    Image Box Popup Style 
 ========================================= */

.mfp-gallery  .mfp-image-holder .mfp-close { right: 20px; top: 20px; }

.mfp-gallery .mfp-figure:after{ box-shadow: none; background: transparent; }

.mfp-gallery  .mfp-image-holder .mfp-content {
    width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; }


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

@media (max-width:767px) {
    .wdt-animation-item.gallery-items { padding: 0 10px; }

    .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.image-item img {
        width: 120px;
    }

    /* ---vertical--- */
    .wdt-animation-holder.vertical .wdt-animation-item.gallery-items {  padding:10px 0; }
}

/*====================================
    wdt-logo-ticker-holder
======================================*/


.wdt-animation-holder.wdt-logo-ticker-holder .wdt-logo-ticker-entry {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.wdt-animation-holder.wdt-logo-ticker-holder .wdt-logo-ticker-entry.active {
    opacity: 1;
}