
.wdt-interactive-showcase-container a.wdt-interactive-showcase-element:empty { display: none; }
.wdt-interactive-showcase-container a { color: var(--wdtLinkColor); }
.wdt-interactive-showcase-container a:hover { color: var(--wdtLinkHoverColor); }

.wdt-interactive-showcase-container { display: flex; will-change: flex; flex-wrap: wrap; margin: -20px; width: auto; align-items: center; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper,
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { flex: 1; padding: 20px; }

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { padding: 0; margin: 0 auto 0 0; width: 100%; max-width: 680px;  }
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { list-style-type: none; padding: 20px 30px; position: relative; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) { margin-bottom: 5px; }

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > * { position: relative; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title { 
    font-size: clamp(1.375rem, 1.2019rem + 0.7692vw, 2.125rem); font-weight: 600; line-height: normal; }

.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-content-item .wdt-media-image-overlay .wdt-content-image-wrapper:before { display: none; }

.custom-interact-image-box-style .wdt-image-box-holder .wdt-content-item .wdt-content-button { flex: none; }
.custom-interact-image-box-style .wdt-image-box-holder .wdt-content-item .wdt-content-button > a {
    font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); font-weight: 500; padding: clamp(1.125rem, 1.0096rem + 0.5128vw, 1.625rem); 
    line-height: 1; background-color: rgba(var(--wdtPrimaryColorRgb),0.7); border: none; border-radius: 50%; aspect-ratio: 1; font-weight: normal;
    display: flex; align-items: center; justify-content: center; text-decoration: underline !important; text-decoration-skip-ink: none; margin: 0; }

.custom-interact-image-box-style .wdt-image-box-holder .wdt-content-item .wdt-media-image-overlay > .wdt-media-image-overlay-container { 
    opacity: 1 !important; visibility: visible !important; }
.custom-interact-image-box-style .wdt-image-box-holder .wdt-content-item .wdt-content-button > a {
    transition: background .3s ease, color .3s ease, opacity .3s ease, transform var(--wdt-transform-transition-duration);
    transform: perspective(0px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1); transform-origin: 50px 50px; }
.custom-interact-image-box-style .wdt-image-box-holder .wdt-content-item .wdt-content-button > a:hover {
    color: var(--wdtAccentTxtColor); background-color: var(--wdtPrimaryColor);
    transform: perspective(var(--wdt-transform-perspective)) rotateX(var(--wdt-transform-rotateX)) rotateY(var(--wdt-transform-rotateY)) 
    scaleX(var(--wdt-transform-scale)) scaleY(var(--wdt-transform-scale)); }

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-content-group { 
    display: grid; grid-template-columns: 112px 1fr; gap: 40px; align-items: center; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-content-group a.wdt-interactive-showcase-element {
    grid-column: 1/3; }

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-content-group .wdt-content-image,
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-content-group .wdt-content-image img { 
    width: 110px; height: 110px; border-radius: 50%; }

.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { position: relative; display: grid; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] { 
    grid-area: 1/-1; visibility: hidden; transition: transform .2s ease .25s ,visibility 03s ease; position: relative; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active {  
    visibility: visible; z-index: 1; }

/* Content Active Animation - New */

.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .elementor-widget-text-editor,
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .elementor-widget-icon-list { 
    -webkit-transition: 400ms cubic-bezier(0.7, 0, 0.3, 1); transition: 400ms cubic-bezier(0.7, 0, 0.3, 1);
    display: block; text-align: start; position: relative; translate: none; rotate: none; scale: none;
    transform-origin: left top; transform: translate3d(0px, 49.2404px, -41.3176px) rotateX(-80deg); opacity: 0; }

.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .elementor-widget-text-editor,
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .elementor-widget-icon-list {
    -webkit-transition: 600ms cubic-bezier(0.7, 0, 0.3, 1); transition: 600ms cubic-bezier(0.7, 0, 0.3, 1); 
    display: block; text-align: start; position: relative; translate: none; rotate: none; scale: none;
    transform-origin: left bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }

/* .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] { overflow: hidden; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .custom-interact-image-box-style { 
    -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: translatex(50%) scalex(2); transform: translatex(50%) scalex(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px);}
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .custom-interact-image-box-style { 
    -webkit-transform: translatex(0) scalex(1); transform: translatex(0) scalex(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } */

.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .custom-interact-image-box-style {
    width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: bottom right; transform-origin: bottom right;
    -webkit-transition: transform 0.25s ease-out; transition: transform 0.25s ease-out; }   
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .custom-interact-image-box-style {
    -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: bottom left; transform-origin: bottom left; }


@media ( max-width: 1024px) {
    .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { flex: 1 1 100%; padding: 20px; }
    .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] { position: relative; } 
}

@media (max-width: 480px) {
    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-content-group {
        display: grid; grid-template-columns: 1fr; gap: 10px; align-items: center; }
}


/* Home-3 intersctive showcase */

.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-element .wdt-interactive-showcase-content-group {
    display: block; position: relative; }
 .wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li {
    padding: clamp(0.625rem, 0.3942rem + 1.0256vw, 1.625rem) 0px; margin: 0px; display: block; width: fit-content; }

.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-title-prefix,
.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title {
    font-size: clamp(1.375rem, 1.2019rem + 0.7692vw, 2.125rem); font-weight: 600; line-height: normal; display: inline; }
.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-title-prefix {
    padding: 0 35px 0 0; position: relative; }
.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-title-prefix:after {
    content: ""; background: currentColor; height: 70%; width: 2px; position: absolute; transform: rotate(22deg); bottom: 0; 
    left: 35px; right: 0; top: 0; margin: auto; transition: var(--wdtBaseTransition); }

.wdt-custom-interactive-showcase .wdt-interactive-showcase-container { margin: -50px; flex-direction: row-reverse; }
.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper,
.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { flex: 1; padding: 50px; }

.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li[id*="wdt-interactive-showcase-"] .wdt-interactive-showcase-title-prefix,
.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li[id*="wdt-interactive-showcase-"] .wdt-content-title { 
    background-image: linear-gradient(180deg, var(--wdtPrimaryColor) 0%, var(--wdtPrimaryColor) 100%); -webkit-transition: background-size .5s cubic-bezier(.47,1.21,.47,1.21),color .25s ease-in;
    background-repeat: no-repeat; background-position: 0 100%; background-size: 0 2px; 
    -webkit-transition: background-size 375ms ease, color 500ms ease 0s; transition: background-size 375ms ease, color 500ms ease 0s; }
.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-interactive-showcase-title-prefix,
.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-content-title { 
    -webkit-transition: background-size 500ms ease, color 500ms ease 0s; transition: background-size 500ms ease, color 500ms ease 0s; color: var(--wdtPrimaryColor);
    background-size: 100% 2px; }

.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li[id*="wdt-interactive-showcase-"] .wdt-interactive-showcase-title-prefix { 
    -webkit-transition: background-size 375ms ease 500ms, color 500ms ease 0s; transition: background-size 375ms ease 500ms, color 500ms ease 0s; }
.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li[id*="wdt-interactive-showcase-"] .wdt-content-title {
    -webkit-transition: background-size 375ms ease 0ms, color 500ms ease 0s; transition: background-size 375ms ease 0ms, color 500ms ease 0s; }

.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-interactive-showcase-title-prefix {
    -webkit-transition: background-size 500ms ease 0ms, color 500ms ease 0s; transition: background-size 500ms ease 0ms, color 500ms ease 0s; }
.wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-content-title {
    -webkit-transition: background-size 500ms ease 500ms, color 500ms ease 0s; transition: background-size 500ms ease 500ms, color 500ms ease 0s; }


/* Responsive */

@media(max-width: 1540px) {
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container { margin: -40px; }
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper,
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { padding: 40px; }
}
@media(max-width: 1280px) {
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container { margin: -36px; }
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper,
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { padding: 36px; }
}
@media(max-width: 1024px) {
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container { margin: -30px; }
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper,
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { padding: 30px; }
}
@media(max-width: 767px) {
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container { margin: -20px; }
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper,
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { padding: 20px; }
}
@media(max-width: 480px) {
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container { margin: -15px; flex-direction: column; }
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper,
    .wdt-custom-interactive-showcase .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { padding: 15px; }
}