.wdt-interactive-showcase-container a.wdt-interactive-showcase-element:empty { display: none; }

.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;z-index: 1; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title { 
    font-size: clamp(1.25rem, 1.0192rem + 1.0256vw, 2.25rem); font-weight: 600; }

.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image img { width: 100vw; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container { padding: 0; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-content-item .wdt-content-button > a { display: inline-flex; align-items: center;
    text-transform: uppercase; letter-spacing: var(--wdtLetterspacing_2x); padding: clamp(1.25rem, 0.5288rem + 3.2051vw, 4.375rem) clamp(1.5rem, 0.6923rem + 3.5897vw, 5rem); }

.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-"] { /*position: absolute; bottom: 0;*/
    grid-area: 1/-1; visibility: hidden; opacity: 0; transform-origin: 0 50%; transition: transform .2s ease .25s ,visibility 03s ease; }
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active { 
    opacity: 1; visibility: visible; }


.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:before {
   content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-color: rgba(var(--wdtPrimaryColorRgb),.6);
   visibility: hidden; transform-origin: 0 50%; transform: scaleX(0); z-index: 0; transition: transform .2s ease .25s,visibility 03s ease;}

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

.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); }

   /* Custom-style */
   .wdt-custom-banner-icon {pointer-events: none;}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container {flex-direction: column-reverse;}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper .wdt-content-item .wdt-content-button > a {padding: inherit;}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list {width: 100%;max-width: 100%;display: flex;justify-content: center;}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper,
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper {width: 100%;padding: 0;}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list .wdt-interactive-showcase-content-group {display: flex;align-items: center;justify-content: center;}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container {margin: 0;}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li {padding: 45px 30px;}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) {
    border-right: 1px solid var(--wdtAccentTxtColor);}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:before {mix-blend-mode: multiply;}
   .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--wdtquaternaryColor);
    visibility: visible;
    transform-origin: left center;
    z-index: 0;
    transition: transform .2s ease, visibility .3s ease;
    transform: scale(1);
    mix-blend-mode: multiply;
    opacity: .4;
    
}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) {margin-bottom: 0;}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li {width: 100%;}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-media-group {margin-right: 30px;}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-icon {font-size: 30px;}
   .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title {font-size: var(--wdtFontSize_Base);letter-spacing: calc(var(--wdtLetter_spacing_btn) + 0.8px);}
   .wdt-interactive-showcase-content-wrapper .wdt-custom-right-inter {-webkit-transform: translateX(50px);transform: translateX(50px);transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);transition:  all 0.3s ease-in-out;clip-path: inset(0% 0% 0% 30%);-webkit-clip-path: inset(0% 0% 0% 30%);}
   .wdt-interactive-showcase-content-wrapper .wdt-custom-left-inter {-webkit-transform: translateX(-0px);transform: translateX(-0px);transition:  all 0.3s ease-in-out;}
   .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-active .wdt-custom-right-inter {-webkit-transform: translateX(0px);transform: translateX(0px);clip-path: inset(0% 0% 0% 0%);}
   .wdt-interactive-showcase-content-wrapper .wdt-interactive-showcase-active .wdt-custom-left-inter {-webkit-transform: translateX(-0px);transform: translateX(-0px);}

@media only screen and (max-width: 1280px) {
    .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title 
    {font-size: calc(var(--wdtFontSize_Base) - 2px);}
    .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li {
    padding: 25px 15px;}
    .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-media-group {margin-right: 20px;}
}
@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; } 
    .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li {padding: 15px 15px;}
    .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title {font-size: calc(var(--wdtFontSize_Base) - 4px);letter-spacing: calc(var(--wdtLetter_spacing_btn) - 1px);}
    .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-media-group {margin-right: 10px;}
}
@media only screen and (max-width: 767px) {
    .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-media-group {margin-right: 0;}
    .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list .wdt-interactive-showcase-content-group .wdt-interactive-showcase-content-group {
    position: absolute;transition: bottom.2s ease .25s,visibility 03s ease;opacity: 0; visibility: hidden;padding: 2px 4px;background-color: var(--wdtPrimaryColor);text-align: center;width: auto;bottom: 50%;}
    .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-active .wdt-interactive-showcase-content-group .wdt-interactive-showcase-content-group {
    opacity: 1;visibility: visible;
    bottom: calc(100% - 5px);}
    .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title {font-size: calc(var(--wdtFontSize_Base) - 6px);}
    .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li {padding: 0;}
}
@media (max-width: 479px) {
    .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; }
    .wdt-custom-main-home-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title {
    font-size: calc(var(--wdtFontSize_Base) - 8px);
}
}