.wdt-interactive-showcase-container a[href="javascript:void(0);"] { pointer-events: none; }
.wdt-interactive-showcase-container a:not([href="javascript:void(0);"]) { pointer-events: all; }

.wdt-interactive-showcase-container { display: grid; grid-template-columns: 1.2fr 1.5fr; align-items: center; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { padding: clamp(1.25rem, 0.2404rem + 4.4872vw, 5.625rem); }

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { padding: 0; margin: 0; width: 100%; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li {
    list-style-type: none;
    padding: clamp(1.125rem, 0.7212rem + 1.7949vw, 2.875rem);
    position: relative;
    }

.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-interactive-showcase-content-group {display: grid;grid-template-columns: auto 2fr 1fr;gap: 5px;}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-element  
.wdt-interactive-showcase-content-group > * {  align-self: center;  line-height: normal;}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-element  
.wdt-interactive-showcase-content-group > svg,
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-element  
.wdt-interactive-showcase-content-group > i { display: inline-flex; margin-right: clamp(0.625rem, 0.4808rem + 0.641vw, 1.25rem);
    flex: 0 0 clamp(1.625rem, 1.4231rem + 0.8974vw, 2.5rem); font-size: clamp(1.625rem, 1.4231rem + 0.8974vw, 2.5rem); 
    width: clamp(1.625rem, 1.4231rem + 0.8974vw, 2.5rem);  height: clamp(1.625rem, 1.4231rem + 0.8974vw, 2.5rem); 
    -webkit-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; -webkit-transition: var(--wdt-Ad-Transition); 
    transition: var(--wdt-Ad-Transition); }

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title,
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-sub-title { 
    font-weight: var(--wdtFontWeight_Ext); text-transform: capitalize; margin: 0; display: inline;
    background-image: linear-gradient(0deg, var(--wdtLinkColor), var(--wdtLinkColor)); color: var(--wdtLinkColor); 
    -webkit-transition: background-size var(--wdt-Ad-Transition); transition: background-size var(--wdt-Ad-Transition); 
    background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 1px; width: fit-content; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-sub-title { 
    text-align: center; margin: auto; }

/* Active Style */

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active .wdt-content-title,
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active .wdt-content-sub-title { 
    background-size: 100% 1px; }

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active > 
.wdt-interactive-showcase-element .wdt-interactive-showcase-content-group > svg,
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active > 
.wdt-interactive-showcase-element .wdt-interactive-showcase-content-group > i { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }



    /* Template style */

.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; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active { visibility: visible; }

.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] .wdt-interactive-showcase-media-group > 
.wdt-content-image-wrapper { transform: scale(0) rotate(24deg);  position: relative; z-index: 1;
    transform-origin: center center; transition: transform var(--wdt-Ad-Transition),visibility var(--wdt-Ad-Transition); }

.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active 
.wdt-interactive-showcase-media-group > .wdt-content-image-wrapper { transform: scale(1) rotate(-5.54deg); }

.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] > .wdt-interactive-showcase-media-group > .wdt-content-image-wrapper img {
    width: 100%; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.6); box-shadow: 0 0 6px rgba(0,0,0,0.6); }
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] > .wdt-interactive-showcase-media-group > .wdt-content-image-wrapper:before {
    content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: var(--wdtLinkColor); transform: rotate(8.54deg); z-index: -1; }


.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:after {
   content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: var(--wdtSecondaryColor); visibility: hidden; transform: scaleY(0); 
   transform-origin: 50% 0; z-index: 1; transition: transform .2s ease, visibility .3s ease; }

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:hover:after,
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active:after {
   visibility: visible; transform: scaleY(1); }


/* Wdt-Aakum Interactive style */

.wdt-interactive-showcase-container[class*="wdt-image-box-"] { border: 1px solid var(--wdtBorderColor); margin: 0; }
.wdt-interactive-showcase-container[class*="wdt-image-box-"] .wdt-interactive-showcase-content-wrapper { 
    order: -1; position: sticky; top: 0; height: fit-content; align-self: self-start; }

.wdt-interactive-showcase-container[class*="wdt-image-box-"] .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { width: 100%; max-width: 100%; }
.wdt-interactive-showcase-container[class*="wdt-image-box-"] .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) {
    border-bottom: 1px solid var(--wdtBorderColor);
    margin: 0;
    }

.wdt-interactive-showcase-container[class*="wdt-image-box-"] .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:after {
    content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: var(--wdtBorderColor); visibility: visible;
    -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: bottom left; transform-origin: bottom left; 
    z-index: 1; -webkit-transition: transform var(--wdt-Ad-Transition); transition: transform var(--wdt-Ad-Transition); }

.wdt-interactive-showcase-container[class*="wdt-image-box-"] .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:hover:after,
.wdt-interactive-showcase-container[class*="wdt-image-box-"] .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active:after {
    -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top left; transform-origin: top left; visibility: visible; }

@media ( max-width: 991px) {

    .wdt-interactive-showcase-container { grid-template-columns: 50% 50%; }
    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-element  
    .wdt-interactive-showcase-content-group { grid-template-columns: auto 1fr; gap: 10px; }

    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > 
    .wdt-interactive-showcase-element .wdt-interactive-showcase-content-group > svg, 
    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > 
    .wdt-interactive-showcase-element .wdt-interactive-showcase-content-group > i { grid-row: 1/3; align-self: start; }

    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-sub-title { 
        text-align: left; margin: 0; grid-row: 2/3; grid-column: 2/3; }
}

@media ( max-width: 480px) {
    .wdt-interactive-showcase-container { grid-template-columns: none; }
    .wdt-interactive-showcase-container.wdt-image-box-interactive-style > div { grid-area: 1/-1; background: rgba(var(--wdtBodyBGColorRgb),0.6); }
    .wdt-interactive-showcase-container.wdt-image-box-interactive-style > div.wdt-interactive-showcase-list-wrapper { z-index: 2; }
    .wdt-interactive-showcase-container[class*="wdt-image-box-"] .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:after { display: none; }
}