.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: 0px;
}

.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: 0;
    position: relative;
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) {
    margin-bottom: 30px;
}

.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 li a.wdt-interactive-showcase-element {
    color: var(--wdtLinkColor);
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element:hover {
    color: var(--wdtLinkHoverColor);
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title {
    font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
    /* Min-20 & Max-24 */
    font-weight: var(--wdtFontWeight_Alt);
    font-family: var(--wdtFontTypo_Alt);
    line-height: var(--wdtLineHeight_Alt);
}

.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;
    color: var(--wdtHeadAltColor);
    transition: var(--wdtBaseTransition);
    -webkit-transition: var(--wdtBaseTransition);
    font-family: var(--wdtFontTypo_Base);
    font-size: var(--wdtFontSize_Base);
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-description {
    font-family: var(--wdtFontTypo_Base);
    line-height: var(--wdtLineHeight_Base);
    font-size: var(--wdtFontSize_Base);
    color: var(--wdtBodyTxtColor);
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group .wdt-content-item-description {
    font-size: var(--wdtFontSize_Base);
    font-family: var(--wdtFontTypo_Base);
    text-wrap: balance;
}

.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;
    font-size: var(--wdtFontSize_Base);
    padding: var(--wdtPadding_Btn);
    font-family: var(--wdtFontTypo_Base);
    font-weight: var(--wdtFontWeight_Ext);
    line-height: var(--wdtLineHeight_Ext);
}

.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;
    opacity: 0;
    transition: var(--wdtAltTransition);
    -webkit-transition: var(--wdtAltTransition);
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active {
    visibility: visible;
    opacity: 1;
}

/* Description */

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group .wdt-content-description ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 0;
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group .wdt-content-description ul li {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    line-height: var(--wdtLineHeight_Base);
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group .wdt-content-description ul li::before {
    content: '';
    display: inline-block;
    position: relative;
    top: 9px;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    background: var(--wdtPrimaryColor);
    align-self: flex-start;
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-interactive-showcase-content-group .wdt-content-description ul li:not(:last-child) {
    margin: 0 20px 0 0;
}



/* -----------------Add Code----------------- */

.wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-interactive-showcase-content-group .wdt-interactive-showcase-content-titles-group {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: space-between;
    gap: 10px clamp(6.25rem, 2.6711rem + 5.5866vw, 9.375rem); /* mx-150- mn-100 */
}

.wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-interactive-showcase-content-group .wdt-interactive-showcase-content-titles-group .wdt-content-title {
    grid-row: 1/2;
    grid-column: 1/2;
}

.wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-interactive-showcase-content-group .wdt-interactive-showcase-content-titles-group .wdt-content-sub-title {
    grid-row: 1 / 3;
    grid-column: 2 / 3;
    max-width: 90px;
    text-align: center;

    font-weight: var(--wdtFontWeight_Alt);
    color: var(--wdtPrimaryColor);
    font-family: var(--wdtFontTypo_Alt);
    font-size: var(--wdtFontSize_Ext);
    line-height: var(--wdtLineHeight_Base);
}

.wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-interactive-showcase-content-group .wdt-interactive-showcase-content-titles-group .wdt-content-item-description {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    color: rgb(var(--wdtHeadAltColorRgb), .8);
}

.wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-interactive-showcase-image-group {
    display: block;
    width: clamp(8.75rem, 7.919rem + 2.7759vw, 11.25rem); /* mx-180 mn-140 */
    height: 100%; /* mx-80 mn-60 */
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition: var(--wdt-Ad-Transition);
    -webkit-transition: var(--wdt-Ad-Transition);
    clip-path: inset(0 100% 0 0);
    transform: scale(0.8) translateX(-50px);
    -webkit-transform: scale(0.8) translateX(-50px);
}

.wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li.wdt-interactive-showcase-active a.wdt-interactive-showcase-element .wdt-interactive-showcase-image-group {
    opacity: 1;
    transform: scale(1) translateX(0px);
    -webkit-transform: scale(1) translateX(0px);
    clip-path: inset(0 0 0 0);
}

.wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li:not(:last-child) a.wdt-interactive-showcase-element .wdt-interactive-showcase-image-group .wdt-interactive-showcase-media-image {
    height: calc(100% - 30px);
}

.wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li:last-child a.wdt-interactive-showcase-element .wdt-interactive-showcase-image-group .wdt-interactive-showcase-media-image {
    height: 100%;
}

.wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-interactive-showcase-image-group .wdt-interactive-showcase-media-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li > * {
    position: static;
}

.wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: var(--wdtBorderColor);
}


/* responsive */


@media (max-width: 1024px) {
    .wdt-cus-interActive-1 .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-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-interactive-showcase-content-group .wdt-interactive-showcase-content-titles-group {
        gap: 10px  clamp(3.75rem, -9.4853rem + 44.1176vw, 18.75rem); /* mx-300- mn-40 */
    }
}

@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-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-interactive-showcase-content-group .wdt-interactive-showcase-content-titles-group {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-interactive-showcase-image-group .wdt-interactive-showcase-media-image img {
        top: 40px;
    }

    .wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-interactive-showcase-image-group .wdt-interactive-showcase-media-image img {
        opacity: 1;
        clip-path: inset(0 0 0 0)
    }

    .wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-interactive-showcase-image-group {
        height: 80px;
    }

    .wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li:not(:last-child) a.wdt-interactive-showcase-element .wdt-interactive-showcase-image-group .wdt-interactive-showcase-media-image {
        height: 100%;
    }

    .wdt-cus-interActive-1 .wdt-interactive-showcase-container .wdt-interactive-showcase-list li a.wdt-interactive-showcase-element .wdt-interactive-showcase-content-group .wdt-interactive-showcase-content-titles-group .wdt-content-sub-title {
        max-width: 100%;
        text-align: left;
    }

}