/*==============================
    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(2.5rem, 0.838rem + 5.5517vw, 7.5rem); /* Min-40 & Max-120 */
    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(7.5rem, 6.3854rem + 5.0955vw, 12.5rem);/* 200 - 120 */
    height: clamp(4.375rem, 3.6783rem + 3.1847vw, 7.5rem);/* 120 - 70 */
    color: var(--wdtHeadAltColor);
    transition: var(--wdt-Ad-Transition);
    -webkit-transition: var(--wdt-Ad-Transition);
    padding: 0 clamp(1.5625rem, 1.0748rem + 2.2293vw, 3.75rem);/* 60 - 25 */
}

.wdt-animation-item.icon-item:hover {
    color: var(--wdtLinkHoverColor);
}

.wdt-dark-bg .wdt-animation-item.icon-item {
    color: var(--wdtAccentTxtColor);
}

.wdt-dark-bg .wdt-animation-item.icon-item:hover {
    color: rgba(var(--wdtAccentTxtColorRgb),0.7);
}

.wdt-animation-item.icon-item svg { width: 1em; height: 1em; fill: currentColor; }
.wdt-animation-item.image-text-item + .wdt-animation-item.icon-item{
    margin-top: -50px; 
    padding: 0 clamp(0.625rem, 0.0017rem + 2.0819vw, 2.5rem);/* 10 - 40 */
    height: 100%; 
    font-size: clamp(1.25rem, 1.0007rem + 0.8328vw, 2rem);/* 20 - 32 */}

.wdt-animation-item.image-text-item + .wdt-animation-item.icon-item svg{animation: rotate 4s linear infinite;}

@keyframes rotate{
    100%{rotate: 360deg;}
}


/*==============================
    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 Icon with Text Style 
================================*/    

.wdt-animation-wrapper .wdt-animation-item.icon-text-item { gap: 20px; align-items: center;     color: var(--wdt-elementor-color-black); }

.wdt-animation-wrapper .wdt-animation-item.icon-text-item svg {
    width: clamp(2.5rem, 2.2922rem + 0.694vw, 3.125rem);/*50-40*/ 
    height: clamp(2.5rem, 2.2922rem + 0.694vw, 3.125rem);/*50-40*/ 
    font-size: clamp(2.5rem, 2.2922rem + 0.694vw, 3.125rem);/*50-40*/ }

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

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

.wdt-animation-wrapper .wdt-animation-item.image-text-item { align-items: center; }
.wdt-animation-item.image-text-item .image-text-item-image{margin-right: -13rem; transition: var(--wdt-Ad-Transition); transform: rotate(-45deg); opacity: 0; will-change: transform;}
.wdt-animation-item.image-text-item:hover .image-text-item-image{transform: rotate(0deg); opacity: 1;}

.wdt-dark-bg .wdt-animation-item.image-text-item .wdt-animation-item.text-item:hover{color: rgb(var(--wdtAccentTxtColorRgb),0.5);}

.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 */ }
.wdt-animation-item.image-text-item .image-text-item-image img { height:clamp(6.25rem, 3.3414rem + 9.7155vw, 15rem);/*100-240*/  width: clamp(6.25rem, 3.3414rem + 9.7155vw, 15rem);/*100-240*/}


/* ===========================
    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:1540px) {
.wdt-animation-item.image-text-item .image-text-item-image{margin-right: -10rem;}.wdt-animation-item.image-text-item + .wdt-animation-item.icon-item{
    margin-top: clamp(-0.625rem, 0.206rem + -2.7759vw, -3.125rem); /* -10 - 50 */}}
@media (max-width:1024px) {
.wdt-animation-item.image-text-item .image-text-item-image{margin-right: -8rem;}}

@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; }

    /* ---vertical--- */
    .wdt-animation-holder.vertical .wdt-animation-item.gallery-items {  padding:10px 0; }
    .wdt-animation-item.image-text-item .image-text-item-image{margin-right: -7rem;}
}
@media (max-width:479px) {
.wdt-animation-item.image-text-item .image-text-item-image{margin-right: -6rem;}}