.wdt-showcase-container {display: grid;align-items: end;overflow: hidden;}

.wdt-showcase-container > div {grid-area: 1/-1;height: 100%;}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul { padding: 0; display: flex; list-style-type: none; height: 100%;}

.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li {padding: 0;  cursor: pointer; place-content: end;transition: var(--wdt-Ad-Transition);backdrop-filter: blur(10px);overflow: hidden;}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active{ box-shadow: inset 0 0 0 10px var(--wdtPrimaryColor); backdrop-filter: blur(0px); }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li::after{ content: ""; width: 100%; height: 100%; background-image: linear-gradient(0deg, var(--e-global-color-secondary) 0%, #5E3A2000 30%); position: absolute; bottom: 0; left: 0; z-index: 0; }


.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-element{ padding:  clamp(1.5625rem, -0.227rem + 2.7933vw, 3.125rem) /*50px - 25px*/; background-color: transparent; transition: var(--wdt-Ad-Transition); position: relative; z-index: 1; } 
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:not(:last-child){ border-right: 1px solid var(--wdtBorderColor); }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active ,
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:has(+ .wdt-active){ border-color: var(--wdtPrimaryColor); }

.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-element .wdt-showcase-content-group { transform: translateY(var(--wdt-content-extra-height)); transition: var(--wdt-Ad-Transition); transition-duration: 0.5s; }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-element .wdt-content-description , .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-element .wdt-showcase-button { opacity: 0; transition: var(--wdt-Ad-Transition); }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-element .wdt-content-description ,
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-element .wdt-showcase-button { opacity: 1; }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-element .wdt-showcase-content-group { transform: translateY(0%); opacity: 1; }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-element{ background-color: var(--wdtPrimaryColor); }
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] { position: absolute; left: 0; top: 0; height: 100%; }
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] * { height: 100%; display: block; }
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .wdt-content-image-wrapper img { transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0; transition: 0.25s linear; -webkit-transition: 0.25s linear; object-fit:cover; }
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"].wdt-active .wdt-content-image-wrapper img { transform:scale(1); -webkit-transform:scale(1); opacity:1; }

.wdt-showcase-container > .wdt-showcase-list-wrapper ul li .wdt-button { font-size: clamp(0.75rem, 0.7221rem + 0.1274vw, 0.875rem); padding: var(--wdtPadding_Btn_Icon); font-family: var(--wdt-elementor-typo-text-font-family); font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Ext); background-color:var(--wdtSecondaryColor); display: flex; align-items: center; justify-content: start; width: max-content; }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul li .wdt-button:hover{ background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul li .wdt-button:hover .wdt-content-icon span{ background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul li .wdt-button .wdt-content-icon span{ border-radius: var(--wdtRadius_Full); margin-right: 10px; line-height: 0; transition: var(--wdt-Ad-Transition); width: clamp(1.375rem, 1.2078rem + 0.7643vw, 2.125rem) /*34px-22px*/; height: clamp(1.375rem, 1.2078rem + 0.7643vw, 2.125rem) /*34px-22px*/; background-color: var(--wdtAccentTxtColor); display: flex; align-items: center; justify-content: center; font-size: 1em; color: var(--wdtHeadAltColor); border-radius: var(--wdtRadius_Full); }
.wdt-showcase-container > .wdt-showcase-list-wrapper .wdt-showcase-title-group{ margin-bottom: 0; transition: var(--wdt-Ad-Transition); }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul li.wdt-active .wdt-showcase-title-group {margin-bottom: clamp(0.3125rem, 0.1042rem + 0.434vw, 0.625rem) /*10px - 5px*/;}
.wdt-showcase-container > .wdt-showcase-list-wrapper .wdt-showcase-title-group .wdt-content-title { font-size: clamp(1.5rem, 1.4164rem + 0.3822vw, 1.875rem) /*30px - 24px*/; color: var(--wdtAccentTxtColor); transition: var(--wdt-Ad-Transition);; }
.wdt-showcase-container > .wdt-showcase-list-wrapper .wdt-content-description{ color: var(--wdtAccentTxtColor); padding-bottom: 15px; margin: 0; }
.wdt-showcase-container > .wdt-showcase-list-wrapper .wdt-content-description p { margin: 0; }
.wdt-showcase-container > .wdt-showcase-content-wrapper .wdt-content-image{ overflow: hidden; }


/** 
    Icon Style
*/

 .wdt-showcase-container .wdt-content-icon span { display: inline-flex; align-items: center; justify-content: center; color: var(--wdtPrimaryColor); font-size: var(--wdtFontSize_H4); } 

/** 
	Title Group - Style
*/

.wdt-showcase-title-group .wdt-content-title { display: inline; position: relative; margin: 0px; }

.wdt-showcase-title-group .wdt-showcase-title-prefix { width: fit-content; display: inline-flex; font-size: 20px; 
	font-weight: 500; color: var(--wdt-elementor-color-accent); position: relative; margin-right: 10px; padding-right: 10px; line-height: 1; }

.wdt-showcase-title-group .wdt-showcase-title-prefix:after { content: ""; position: absolute; right: 0; top: 50%;
	width: 1px; height: 80%; display: inline-block; background: currentColor; transform: rotate(20deg) translate(-200%, -50%); }

/** 
	The Content - Style
*/

.wdt-showcase-content-group > div:not(:last-child) { margin-bottom: 12px; }

/* ------------------------------------------ */

/* Responsive */

@media (max-width: 1024px) {
	.wdt-showcase-container {
		flex-direction:column;
	}
	.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-element{
		padding: 20px;
	}
}

/* === Swiper responsive width fix (FINAL) === */

.wdt-showcase-list-wrapper.swiper
ul.wdt-showcase-list.swiper-wrapper {
    display: flex;
}


/* Force Swiper to use full available width */
.wdt-showcase-list-wrapper.swiper {
    width: 100% !important;
    max-width: 100%;
}

.wdt-showcase-list-wrapper.swiper .swiper-wrapper {
    width: 100%;
}

.wdt-showcase-container {
    width: 100%;
}