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

/*==== Custom Styles ====*/

/*** Style A ***/
.wdt-interactive-style-a .wdt-interactive-showcase-container {
    display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper {
    width: 100%; max-width: 40%; padding: 0 0 0 35px; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper {
    width: 100%; max-width: 60%; padding: 0 40px 0 0; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list {
    width: auto; padding: 0; margin: 0; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-group { display: flex; align-items: center; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:hover:after,
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active:after { visibility: visible; transform: scaleY(0); }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li {
    width: 100%; max-width: fit-content; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { padding: 0; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title {
    font-family: var(--wdtFontTypo_Alt); font-size: clamp(1.25rem, 1.1833rem + 0.3681vw, 1.625rem); 
    line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; text-wrap: nowrap; white-space: nowrap; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) {
    margin-bottom: 30px; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-group .wdt-interactive-showcase-media-group .wdt-content-icon span {
    display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: var(--wdtSecondaryColor); margin-right: 15px; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a:hover {
    color: var(--wdtQuaternaryColor); }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:before {
    display: none; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-group .wdt-interactive-showcase-media-group .wdt-content-icon i, 
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-group .wdt-interactive-showcase-media-group .wdt-content-icon svg {
    width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] {
    -webkit-transform: none; transform: none; opacity: 0; -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active { opacity: 1; }
.wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active { -webkit-transform: scaleX(1); transform: scaleX(1); visibility: visible; }



/*==== Responsive ====*/

@media ( max-width: 1280px) {
    .wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper { max-width: 44%; }
    .wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { max-width: 56%; padding: 0; }
}

@media screen and (min-width: 1025px) { 
    .wdt-interactive-style-slider .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper { 
        padding: clamp(9.375rem, 7.2277rem + 3.352vw, 11.25rem) 0 clamp(9.375rem, 7.2277rem + 3.352vw, 11.25rem) 35px; }
}

@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-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper { max-width: 50%; }
    .wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { max-width: 50%; }

    .wdt-interactive-style-slider .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper { padding: 0; }
    .wdt-interactive-style-slider .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list {
        -webkit-scrollbar-width: none; scrollbar-width: none; scroll-behavior: smooth; display: flex; flex-direction: row; justify-content: flex-start; overflow: auto; scroll-snap-type: x mandatory; flex-wrap: nowrap; padding: 0; width: 100%; max-width: 100%; margin: 0; }
    .wdt-interactive-style-slider .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li {
        display: inherit; flex: 0 0 auto !important; width: auto !important; scroll-snap-align: center; scroll-snap-stop: always; margin: 10px; }
    .wdt-interactive-style-slider .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) { margin-bottom: 10px; }
    .wdt-interactive-style-slider .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper { max-width: 100%; margin-bottom: 50px; }
    .wdt-interactive-style-slider .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { max-width: 100%; }
}

@media ( max-width: 767px) {
    .wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper { max-width: 100%; padding: 0; margin-bottom: 20px; }
    .wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { max-width: 100%; }
    .wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list {
        width: 100%; max-width: 100%; }
    .wdt-interactive-style-a .wdt-interactive-showcase-container { 
        display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; margin: -10px; }
    .wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list {
        -webkit-scrollbar-width: none; scrollbar-width: none; scroll-behavior: smooth; display: flex; flex-direction: row; justify-content: flex-start; overflow: auto; scroll-snap-type: x mandatory; flex-wrap: nowrap; padding: 0; margin: 0; }
    .wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li {
        display: inherit; flex: 0 0 auto !important; width: auto !important; scroll-snap-align: center; scroll-snap-stop: always; margin: 10px; }
    .wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) { margin-bottom: 10px; }
    .wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-group .wdt-interactive-showcase-media-group .wdt-content-icon span { margin-right: 10px; }
}

@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-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { margin: 5px; }
    .wdt-interactive-style-a .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) { margin-bottom: 5px; }
}