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

/* bg interactive sections */

.wdt-interactive-section-with-background .wdt-interactive-showcase-container{margin: 0;display: grid;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper, 
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper{flex: unset;width: 100%;grid-column: 1 / 1;grid-row: 1;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper{padding: 0;height: 100%;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list{max-width: 100%;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-content-group{grid-template-columns: 1fr;gap: 0;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper .wdt-interactive-showcase-content-group {display: flex;width: 100%;align-items: center;justify-content: space-between;}
.wdt-interactive-section-with-background .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{display: flex;align-items: center;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"]{visibility: visible;transform: unset;opacity: 0;height: 100%;-webkit-transition: all 1s ease;transition: all 1s ease;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active{opacity: 1;mix-blend-mode: luminosity;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper {z-index: 1;padding: 0;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child){border-bottom: 1px solid rgba(var(--wdtSecondaryColorRgb), 0.15);margin-bottom: 0;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:before,
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:after{display: none;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-content-group{padding: 20px;border-radius: 100px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active > .wdt-interactive-showcase-content-group{padding: 20px ;background: var(--wdtSecondaryColor);backface-visibility: hidden;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active .wdt-content-title,
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active > .wdt-interactive-showcase-content-group a.wdt-interactive-showcase-element .wdt-content-description{color: var(--wdtAccentTxtColor);}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li{padding: 20px 50px;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title{font-weight: 400;font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem);font-family: var(--wdtFontTypo_H2);letter-spacing: 0;line-height: 1;-webkit-transition: all .3s ease;transition: all .3s ease;}
.wdt-interactive-section-with-background .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 .wdt-content-description {margin-top: -25px;margin-left: 5px;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title:before {content: '*';opacity: 0;-webkit-transition: all .1s ease;transition: all .1s ease;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active .wdt-content-title:before {opacity: 1;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper .wdt-interactive-showcase-button {width: 50%;text-align: right;opacity: 0;-webkit-transition: all .3s ease;transition: all .3s ease;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper .wdt-interactive-showcase-button a .wdt-interactive-showcase-button-link{background: var(--wdtAccentTxtColor);border-radius: var(--wdtRadius_Part);color: var(--wdtBodyTxtColor);display: flex;align-items: center;justify-content: center;padding: var(--wdtPadding_Btn);text-transform: uppercase;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active .wdt-interactive-showcase-button{opacity: 1;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:nth-child(even) .wdt-interactive-showcase-content-group{flex-direction: row-reverse;}
.wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper{opacity: 0.2;}

@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-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper .wdt-interactive-showcase-button, .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active .wdt-interactive-showcase-button{width: 34%;}
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper, 
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper{grid-column: unset;grid-row: unset;}
}
@media (max-width: 768px) 
{
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper .wdt-interactive-showcase-content-group{flex-wrap: wrap;gap: 20px; justify-content: center;}
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active .wdt-interactive-showcase-button{width: 100%;}
    /* .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li{padding: 20px;} */
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-content-group {
        border-radius:30px;
        padding:30px 20px;
        transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition);
    }
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active > .wdt-interactive-showcase-content-group {
        padding:30px 20px; border-radius:30px;
    }
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper .wdt-interactive-showcase-button {
        width:100%; height:0%; opacity: 1; 
    }
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper .wdt-interactive-showcase-button a .wdt-interactive-showcase-button-link{
        background-color:var(--wdtHeadAltColor); color:var(--wdtAccentTxtColor); transition: var(--wdtBaseTransition); -webkit-transition: var(--wdtBaseTransition);
    }
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper li.wdt-interactive-showcase-active .wdt-interactive-showcase-button a .wdt-interactive-showcase-button-link{
        background-color:var(--wdtAccentTxtColor); color:var(--wdtHeadAltColor);
    }
    
}
@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; }
    .wdt-interactive-section-with-background .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 .wdt-content-description{margin-top: 0;margin-left: 0;}
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active > .wdt-interactive-showcase-content-group{ padding:20px;}
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li{padding: 20px;}
    .wdt-interactive-section-with-background .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{flex-wrap: wrap; justify-content: center;}
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-content-group{  padding: 20px;}
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > .wdt-interactive-showcase-button{opacity: 1;}
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper .wdt-interactive-showcase-button{width: 100%;opacity: 1;}
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title:before{opacity: 1;}
    .wdt-interactive-section-with-background .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title{margin-bottom: 10px; margin-right: 10px;}
}