.wdt-showcase-container { display: flex; flex-wrap: nowrap; --inter-gap: clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem);/* 50 - 70 */ gap: var(--inter-gap); }

.wdt-showcase-container > .wdt-showcase-list-wrapper { flex: 0 0 calc(35% - calc(var(--inter-gap) / 2)); }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul { margin: 0px; padding: 0px; list-style-type: none; position: sticky; top: 50px; }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li { line-height: var(--wdtLineHeight_Base); cursor: pointer; }

.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:not(:last-child) { margin-bottom: clamp(1.25rem, 0.9375rem + 1.5625vw, 2.8125rem);/* 20 - 45 */
	padding: 0px 0px clamp(1.25rem, 0.9375rem + 1.5625vw, 2.8125rem);/* 20 - 45 */ border-bottom: 1px dashed var(--wdtBorderColor); }

.wdt-showcase-container > .wdt-showcase-content-wrapper { flex: 0 0 calc(65% - calc(var(--inter-gap) / 2)); position: relative; }

.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"]:first-child { position: relative; }
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] {
	position: absolute; left: 0; top: 0; transition: all .5s ease-in-out; opacity: 0; height: 100%;}
    
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .elementor, 
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .elementor-element:not(.elementor-widget){height: 100%;}

.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"].wdt-active {
	transform: scale(1); z-index: 2; opacity: 1; transition-delay: 150ms; }
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group{
	display: flex;
	align-items: start;
	gap: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
}
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"].wdt-active .elementor-widget-image.wdt-box-shadow::after{transition-delay: 250ms; transform: translateX(0) translateY(0);}
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .elementor-widget-image.wdt-box-shadow img{   transform: translateX(-30px) translateY(-30px); transition: var(--wdt-Ad-Transition); }
.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"].wdt-active .elementor-widget-image.wdt-box-shadow img{    transform: translateX(0) translateY(0);transition-delay: 250ms;}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group .wdt-content-icon-wrapper{margin:0;}

.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:hover .wdt-showcase-content-group .wdt-content-icon span,
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-content-group .wdt-content-icon span,
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:hover .wdt-showcase-content-group .wdt-content-title,
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-content-group .wdt-content-title {color: var(--wdtLinkHoverColor);}


.elementor-widget-image.wdt-box-shadow{
    position: relative;
}
.elementor-widget-image.wdt-box-shadow::after{
    content: '';
    height: 108%;
    width: 95%;
    background-color: var(--wdtTertiaryColor);
    position: absolute;
    top: -25px; left: -25px;
    border-radius: var(--wdtRadius_3X);
    z-index: -1;
    transition: var(--wdt-Ad-Transition);
	transform: translateX(30px) translateY(30px);
}

/* ----Own--- */

.wdt-cus-megamenu-inter .wdt-showcase-container {
    --inter-gap: 30px; align-items: center;
}

.wdt-cus-megamenu-inter .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group {
    align-items: center;
}

.wdt-cus-megamenu-inter .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:not(:last-child){
    padding-bottom: clamp(1.25rem, 1.0422rem + 0.694vw, 1.875rem);/*30-20*/
    margin-bottom: clamp(1.25rem, 1.0422rem + 0.694vw, 1.875rem);/*30-20*/
}

.wdt-cus-megamenu-inter .wdt-showcase-title-group .wdt-content-title{
    font-size: clamp(1.125rem, 1.0003rem + 0.4164vw, 1.5rem);/*24-18*/
}

.wdt-cus-megamenu-inter .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group .wdt-content-icon-wrapper,
.wdt-cus-megamenu-inter .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group .wdt-content-icon-wrapper .wdt-content-icon{
    display: inherit;
}

.wdt-cus-megamenu-inter .wdt-showcase-container > .wdt-showcase-list-wrapper{
    width: 260px;
}

.wdt-cus-megamenu-inter .wdt-showcase-container > .wdt-showcase-list-wrapper,
.wdt-cus-megamenu-inter .wdt-showcase-container > .wdt-showcase-content-wrapper {
    flex: unset;
}

.mobile-menu .wdt-showcase-container .wdt-content-item.wdt-invisible{
 visibility: visible;
}


@media(max-width:1280px){
    .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:not(:last-child),
    .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:last-child{margin: 0;  padding: 20px; border: 0; padding-right: 4rem;}
    .wdt-showcase-container > .wdt-showcase-list-wrapper ul.wdt-expand > li:not(:last-child){border-bottom: 1px solid var(--wdtBorderColor);}
    .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group .wdt-content-icon span, 
    .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group .wdt-content-title{color: var(--wdtAccentTxtColor) !important; }
    .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group{justify-content: center;}
    .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group .wdt-content-icon-wrapper{display: none;}
    .wdt-cus-megamenu-inter .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:not(:last-child){  padding: 10px; padding-right: 3rem;margin-bottom: 0;}
    .wdt-cus-megamenu-inter .wdt-showcase-container > .wdt-showcase-list-wrapper{width: 100%;}
    .wdt-cus-megamenu-inter .wdt-showcase-container > .wdt-showcase-list-wrapper ul::before {right: 20px; top: 50%;   transform: translateY(-50%) rotate(-45deg); -webkit-transform:translateY(-50%) rotate(-45deg);}
}
@media(max-width:767px){
    .elementor-widget-image.wdt-box-shadow::after{
        display: none;
    }
    .elementor-widget-image.wdt-blur-img::after,
    .elementor-widget-image.wdt-blur-img::before{
    display: none;
    }
    .wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] .elementor-widget-image.wdt-box-shadow img{   transform: translateX(0) translateY(0);}
}

@media(max-width:380px){
    .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-showcase-content-group .wdt-content-icon-wrapper{margin: 2px 0 0 0;}}


/*
    Icon Style
*/


.wdt-showcase-container .wdt-content-icon span { 
	display: inline-flex; 
    color: rgb(var(--wdtBodyTxtColorRgb), 0.6);
    font-size: clamp(1.625rem, 1.45rem + 0.875vw, 2.5rem);/* 26 - 40 */
	transition: var(--wdtAltTransition);
    line-height: var(--wdtLineHeight_Ext);
 }

 .wdt-showcase-container .wdt-content-icon span i{display: flex;}


/** 
	Title Group - Style
*/

.wdt-showcase-title-group .wdt-content-title { display: inline; position: relative; margin: 0px;font-size: clamp(1.125rem, 0.925rem + 1vw, 2.125rem);/* 18 - 34 */ transition: var(--wdtAltTransition); color: rgb(var(--wdtBodyTxtColorRgb), 0.6); }

.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 Content - Style
*/

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

@media(max-width: 1280px){
	.wdt-showcase-container{
		flex-direction: column;
	}
    .wdt-showcase-title-group .wdt-content-title{font-size: calc(var(--wdtFontSize_Base) + 2px);}
}



/* ----------------
Toggle Mode
---------------- */

@media(max-width:1280px){
.wdt-showcase-container > .wdt-showcase-list-wrapper{
        position: relative;
        height: 4.87em;
        margin-bottom: 0;
        flex: unset;
}

.wdt-showcase-container > .wdt-showcase-list-wrapper ul {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0;
    width: 100%;
    z-index: 99;
    position: absolute;
    top: 0;
    visibility: hidden;

    border-radius: var(--wdtRadius_2X);
    -webkit-border-radius: var(--wdtRadius_2X);

    transition: var(--wdt-Ad-Transition);
    -webkit-transition:var(--wdt-Ad-Transition);
}

.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li {
    visibility: hidden;
    order: 1;
    background: var(--wdtPrimaryColor);
    transition: var(--wdt-Ad-Transition);
    -webkit-transition: var(--wdt-Ad-Transition);
}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:hover{background-color: var(--wdtSecondaryColor);}

.wdt-showcase-container > .wdt-showcase-list-wrapper ul.wdt-expand,
.wdt-showcase-container > .wdt-showcase-list-wrapper ul.wdt-expand li,
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active { visibility: visible; }

.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active{ order: 0; }





.wdt-hotspot-holder.wdt-display-mode-list > .wdt-hotspot-list-wrapper.wdt-hotspot-dropdown-toggle{ margin-top: 0; margin-bottom: 40px;}

/* arrow */
.wdt-showcase-container > .wdt-showcase-list-wrapper ul::before {
    content: "";
    position: absolute;
    right: 40px;
    top: 25px;

    visibility: visible;
    z-index: 1;
    pointer-events: none;

    border-style: solid;
    border-color: var(--wdtAccentTxtColor);

    height: 10px;
    width: 10px;

    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.wdt-showcase-container > .wdt-showcase-list-wrapper ul:not(.wdt-expand)::before {
    border-width: 0 0 2px 2px;
}

.wdt-showcase-container > .wdt-showcase-list-wrapper ul.wdt-expand::before {
    border-width: 2px 2px 0 0;
    top: 30px;
}
}