.wdt-showcase-container { display: grid; overflow: hidden; }
.wdt-showcase-container > .wdt-showcase-list-wrapper {   grid-area: 1/-1; z-index: 1; padding: clamp(3.125rem, 2.4283rem + 3.1847vw, 6.25rem) 20px; width: 100%;}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li { line-height: var(--wdtLineHeight_Base); cursor: pointer; padding: 0; transition: var(--wdtAltTransition); margin: 0;}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul.wdt-showcase-list { padding: 0; margin: 0; }

.wdt-showcase-container .wdt-showcase-content-wrapper div[id*="wdt-showcase-"] {
    grid-area: 1 / -1;
    -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
}
.wdt-showcase-container > .wdt-showcase-content-wrapper { width: 100%; grid-area: 1/-1; position: relative; display: grid; height: 100%;}

.wdt-showcase-container > .wdt-showcase-content-wrapper div[id*="wdt-showcase-"],
.wdt-showcase-container > .wdt-showcase-content-wrapper  div[id*="wdt-showcase-"] * {
    height: 100%;
}
/** 
    Icon Style
*/
.wdt-showcase-container .wdt-content-icon span { display: inline-flex; padding: 5px; align-items: center; justify-content: center;
    background-color: var(--wdt-elementor-color-white); color: rgba(var(--wdt-elementor-color-accent-rgb),0.85); 
    font-size: 24px; height: 60px; width: 60px; -webkit-border-radius: 50%; border-radius: 50%; 
    -webkit-box-shadow: 0 0 3px 0 rgba(var(--wdt-elementor-color-secondary-rgb),0.15); 
    box-shadow: 0 0 3px 0 rgba(var(--wdt-elementor-color-secondary-rgb),0.15); }

/** 
	Title Group - Style
*/

.wdt-showcase-title-group .wdt-content-title {  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(--wdtPrimaryColor); 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 Button - Style
*/
.wdt-showcase-container .wdt-showcase-button > a {
    background-color: var(--wdtAccentTxtColor);
    color: var(--wdtPrimaryColor);
    justify-content: center;
    text-align: center;
    line-height: 1;
    font-size: var(--wdtFontSize_Ext);
    padding: var(--wdtPadding_Btn);
    clip-path: inset(-1px);
}
.wdt-showcase-container .wdt-showcase-button > a span {
  display: inline-grid;
  align-content: center;
  text-align: left;
  gap: 10px;
  height: 100%;
  position: relative;
  top: 2px;
  filter: drop-shadow(0px 40px 0 currentcolor);
  transition: var(--wdt-Ad-Transition);
}
.wdt-showcase-container .wdt-showcase-button > a:hover span {
  transform: translateY(-40px);
  filter: drop-shadow(0px 40px 0 currentcolor);
}

/** Type-1 */
.wdt-showcase-container.type1 {
	place-items:center;
}
.wdt-showcase-container.type1 > .wdt-showcase-content-wrapper{
    overflow: hidden;
}
.wdt-showcase-container.type1 > .wdt-showcase-list-wrapper ul.wdt-showcase-list{
    max-width:675px;
    margin:auto;
}
.wdt-showcase-container.type1>.wdt-showcase-list-wrapper ul>li:not(:last-child) {
    margin-bottom: clamp(1.25rem, 0.9713rem + 1.2739vw, 2.5rem); /* Min-20 & Max-40 */
    padding: 0px 0px clamp(1.25rem, 0.9713rem + 1.2739vw, 2.5rem); /* Min-20 & Max-40 */
    border-bottom: 1px solid rgba(var(--wdtAccentTxtColorRgb), 0.6);
}
.wdt-showcase-container.type1  > .wdt-showcase-content-wrapper:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:var(--wdt-elementor-color-custom-4-rgb);
	opacity:0.4
}
.wdt-showcase-container.type1 > .wdt-showcase-list-wrapper ul > li .wdt-showcase-title-group h4.wdt-content-title {
    color: rgba(var(--wdtAccentTxtColorRgb), 0.6);
    font-size: clamp(2.25rem, 1.8333rem + 1.3889vw, 3.5rem); /* Min-36 & Max-56 */
    transition: var(--wdt-Ad-Transition);
}
.wdt-showcase-container.type1 > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-title-group h4.wdt-content-title{
   color: var(--wdtAccentTxtColor);
}
.wdt-showcase-container.type1 > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .wdt-content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    -webkit-transform:scale(1.1) translateY(-10px) rotateX(1deg);
    transform: scale(1.1) translateY(-10px) rotateX(1deg);
	filter:blur(0px) brightness(0.5) saturate(1);
    transition: var(--wdtAltTransition);
	transition-duration:0.5s;
}
.wdt-showcase-container.type1 > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"].wdt-active .wdt-content-image img{
    -webkit-transform: scale(1) translateY(0px) rotateX(0deg);
    transform: scale(1) translateY(0px) rotateX(0deg);
	filter:blur(0px) brightness(0.5) saturate(1);
    opacity: 1;
}

/* TYPE 2 */

.wdt-showcase-container.type2 {
	place-items:center;
}

.wdt-showcase-container.type2  > .wdt-showcase-list-wrapper {
    padding: clamp(3.125rem, 1.0474rem + 6.9396vw, 9.375rem) 20px ;
}

.wdt-showcase-container.type2 > .wdt-showcase-list-wrapper ul.wdt-showcase-list {
	max-width:870px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
    gap: 30px 60px;

}
.wdt-showcase-container.type2  > .wdt-showcase-list-wrapper ul > li .wdt-showcase-title-group h4.wdt-content-title {
	color: rgba(var(--wdtAccentTxtColorRgb), 0.5);
	font-size: clamp(2.25rem, 1.8333rem + 1.3889vw, 3.5rem); /* Min-36 & Max-56 */
	transition:var(--wdt-Ad-Transition);
}
.wdt-showcase-container.type2 > .wdt-showcase-list-wrapper ul > li {
	opacity:1;
}
.wdt-showcase-container.type2  > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-title-group h4.wdt-content-title{
	color: rgba(var(--wdtAccentTxtColorRgb), 1);
}

.wdt-showcase-container.type2  > .wdt-showcase-content-wrapper:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:var(--wdt-elementor-color-custom-4-rgb);
	opacity:0.4
}
.wdt-showcase-container.type2 > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] {
	opacity:1;
    transition: var(--wdtAltTransition);
}

.wdt-showcase-container.type2 > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .wdt-content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    -webkit-transform: perspective(1000px) scale(1.1) translateY(-10px) rotateX(1deg);
    transform: perspective(1000px) scale(1.1) translateY(-10px) rotateX(1deg);
	filter:blur(0px) brightness(0.5) saturate(1);
    transition: var(--wdtAltTransition);
	transition-duration:0.6s;
}
.wdt-showcase-container.type2 > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"].wdt-active .wdt-content-image img{
    -webkit-transform: scale(1);
     transform: perspective(100px) scale(1) translateY(0px) rotateX(0deg);
	filter:blur(0px) brightness(0.5) saturate(1);
    opacity: 1;
}
/** Type-3 */

.wdt-showcase-container.type3 {
	place-items:end;
}

.wdt-showcase-container.type3 > .wdt-showcase-list-wrapper,
.wdt-showcase-container.type3 > .wdt-showcase-list-wrapper ul.wdt-showcase-list{ height:100%; }

.wdt-showcase-container.type3 > .wdt-showcase-list-wrapper ul { margin: 0px; padding: 0px; list-style-type: none; position: sticky; top: 50px;}
.wdt-showcase-container.type3 >.wdt-showcase-list-wrapper ul.wdt-showcase-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.wdt-showcase-container.type3 > .wdt-showcase-list-wrapper .wdt-showcase-content-group > div:not(:last-child) { margin-bottom: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); /* Min-20 & Max-30 */ }

.wdt-showcase-container.type3 > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] { opacity: 0; visibility: hidden; transition: all .5s ease; }

.wdt-showcase-container.type3 > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] {
	opacity: 0; transform: scale(1) translateX(0); transition: var(--wdtAltTransition)}

.wdt-showcase-container.type3 > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"].wdt-active {
 opacity: 1;
transform: scale(1) translateX(0);
z-index: -1;
visibility: visible;
}
.wdt-showcase-container.type3 > .wdt-showcase-list-wrapper ul > li{
    margin: 0;
    opacity: 0.4;
    transition: var(--wdtAltTransition);
    -webkit-transition: var(--wdtAltTransition);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.wdt-showcase-container.type3 > .wdt-showcase-list-wrapper ul > li.wdt-active{
	opacity: 1;
}
.wdt-showcase-container.type3 > .wdt-showcase-list-wrapper ul > li .wdt-showcase-title-group span.wdt-content-title {
	font-size: var(--wdtFontSize_Base);
    display: block;
    text-transform: uppercase;
    color:rgba(var(--wdtSecondaryColorRgb), 0.75) ;
    margin-bottom: 5px;
}
.wdt-showcase-container.type3  > .wdt-showcase-content-wrapper:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
    background: linear-gradient(0deg, var(--wdtHeadAltColor) 0%, transparent 80%);
}
.wdt-showcase-container.type3 > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .wdt-content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: var(--wdtAltTransition);
}
.wdt-showcase-container.type3 > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"].wdt-active .wdt-content-image img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
     -webkit-filter: blur(0px);
    filter: blur(0px);
}


@media only screen and (max-width: 1024px) {
    .wdt-showcase-container.type3 > .wdt-showcase-list-wrapper ul.wdt-showcase-list {
        grid-template-columns: 1fr;
		gap: clamp(1.5625rem, 0.7511rem + 3.7092vw, 3.125rem); /* Min-25 & Max-50 */
    }
}