.wdt-showcase-container { display: flex; flex-wrap: nowrap; --inter-gap: clamp(3.125rem, 0.9777rem + 3.352vw, 5rem); /*80-50px*/  gap: var(--inter-gap); align-items: start;}

.wdt-showcase-container > .wdt-showcase-list-wrapper { flex: 0 0 calc(52% - calc(var(--inter-gap) / 2)); height: auto; height: 100%; }
.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; padding-bottom: 0; overflow: hidden;}
.wdt-showcase-container > .wdt-showcase-list-wrapper .wdt-showcase-list {padding-top: 170px;}

.wdt-showcase-container > .wdt-showcase-content-wrapper {flex: 0 0 calc(48% - calc(var(--inter-gap) / 2));position: sticky;top: 0;height: auto;}

.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; opacity: 0; visibility: hidden; transition: all .5s ease; }

.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"] {
	opacity: 0; transform: scale(1) translateX(0); transition: opacity .35s,transform .45s ease-out; transform-origin: right; }

.wdt-showcase-container > .wdt-showcase-content-wrapper > div[id*="wdt-showcase-"].wdt-active {
	opacity: 1; transform: scale(1) translateX(0); z-index: 2;  visibility: visible; }

    
.wdt-showcase-container .wdt-content-additional-title{margin: 0; padding: 30px 0;}
.wdt-showcase-container .wdt-showcase-element .wdt-showcase-content-group{display: flex; width: 100%;}
.wdt-showcase-container .wdt-showcase-element .wdt-content-title-wrapper{width: 50%; z-index: 6;}
.wdt-showcase-container .wdt-showcase-element .wdt-showcase-content-wrapper{width:50%; z-index: 5;}
.wdt-showcase-container .wdt-showcase-title-group .wdt-content-title { 
    display: inline; 
    font-size: var(--wdtFontSize_H5);
    font-family: var(--wdtFontTypo_Base);
    font-weight:var(--wdtFontWeight_Base);
    margin: 0; text-transform:uppercase;
}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-content-title {
    color: var(--wdtPrimaryColor);
}
.wdt-dark-bg .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-content-title {
    color: var(--wdtPrimaryColor);
}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-subtitle{
    margin: 10px 0 15px;
}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-subtitle{color: var(--wdtBodyTxtColor);}
.wdt-dark-bg .wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-subtitle{ color: var(--wdtAccentTxtColor);}
.wdt-showcase-container .wdt-showcase-element .wdt-social-icons-list{display: flex;gap:20px;}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-content-additional-title{
    font-size: var(--wdtFontSize_H5); 
    font-family: var(--wdtFontTypo_Base); 
    z-index: 0;
    transition: var(--wdtBaseTransition);
}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-content-additional-title:hover{color: rgb(var(--wdtHeadAltColorRgb),0.5);}
.wdt-showcase-container .wdt-showcase-element ul.wdt-social-icons-list i:before {
    height: 16px;
    width: 16px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color:var(--wdtPrimaryColor); 
    background-color:transparent; 
    transition: var(--wdtBaseTransition);
    margin:0;
}
.wdt-showcase-container .wdt-showcase-element ul.wdt-social-icons-list i:hover:before {
    color: rgb(var(--wdtPrimaryColorRgb), 0.5);
}
.wdt-dark-bg .wdt-showcase-container .wdt-showcase-element ul.wdt-social-icons-list i:before{  
    color: var(--wdtAccentTxtColor); 
    background-color: var(--wdtPrimaryColor); 
    transition: var(--wdtBaseTransition);
}
.wdt-dark-bg .wdt-showcase-container .wdt-showcase-element ul.wdt-social-icons-list i:hover::before{
    color: var(--wdtHeadAltColor);
    background-color: var(--wdtAccentTxtColor);
}
.wdt-showcase-container .wdt-showcase-element ul.wdt-social-icons-list i{margin-bottom: 0px;
    padding: 0px 0px 0px;
    border-bottom: 0px solid var(--wdtBorderColor);}
.wdt-showcase-container .wdt-showcase-element .wdt-showcase-content-wrapper .wdt-content-description{margin-bottom: 20px;}
.wdt-dark-bg .wdt-showcase-container .wdt-showcase-element .wdt-showcase-content-wrapper .wdt-content-description p{color: var(--wdtAccentTxtColor);}

.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li .wdt-content-additional-title{
    border-bottom: 1px solid rgba(var(--wdtBorderColorRgb), .2);
    text-transform:uppercase;
}

.wdt-showcase-container .wdt-showcase-element .wdt-showcase-content-group {
    display: flex;
    width: 100%;
    overflow: hidden;
    margin-bottom: calc(var(--height) * -1);
    opacity: 0;
    transition: var(--wdtBaseTransition);
    border-bottom: 1px solid rgba(var(--wdtBorderColorRgb), 1);
}

.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-content-group { 
    margin-bottom: 0;
    padding: 30px 0;
    opacity: 1;
    z-index: 4;
}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-content-additional-title {
    opacity: 0;
    height: 0;
    padding: 0;
}
.wdt-showcase-container .wdt-content-image-wrapper .wdt-content-image img{
    height: 685px;
    width: 750px;
    object-fit: cover;
    object-position: top center;
}

.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:last-child .wdt-showcase-content-group,
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:last-child .wdt-content-additional-title {
    border-bottom: transparent;
}


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

/* Responsive */

@media only screen and (max-width:1540px){
	.wdt-showcase-container > .wdt-showcase-list-wrapper .wdt-showcase-list {padding-top: 155px;}
}
@media only screen and (max-width:1280px){
	.wdt-showcase-container > .wdt-showcase-list-wrapper .wdt-showcase-list {padding-top: 135px;}
    .wdt-showcase-container .wdt-showcase-element .wdt-showcase-content-group{flex-direction: column;}
    .wdt-showcase-container .wdt-showcase-element .wdt-content-title-wrapper{width: 100%; z-index: 6;}
    .wdt-showcase-container .wdt-showcase-element .wdt-showcase-content-wrapper{width:100%; z-index: 5;}
}
@media only screen and (max-width: 1024px) {
    .wdt-showcase-container > .wdt-showcase-list-wrapper .wdt-showcase-list {
        padding-top: 0px;
    }
    .wdt-showcase-container{
        flex-direction: row;
    }
    .wdt-showcase-container > .wdt-showcase-list-wrapper { flex: 0 0 calc(48% - calc(var(--inter-gap) / 2)); width:100%;}
    .wdt-showcase-container > .wdt-showcase-content-wrapper {flex: 0 0 calc(52% - calc(var(--inter-gap) / 2));width:100%; }
    
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:first-child.wdt-active .wdt-showcase-content-group{ 
    margin-bottom: 0;
    padding: 0px 0 30px;
    opacity: 1;
    z-index: 4;
}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:first-child.wdt-active .wdt-content-additional-title {
     padding: 0px 0 0px;
}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:first-child .wdt-content-additional-title {
     padding: 0px 0 30px;
}
.wdt-showcase-container .wdt-content-image-wrapper .wdt-content-image img{
    height: 550px;
    width: 750px;
    object-fit: cover;
    object-position: top center;
}

}
@media (max-width: 767px){
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active:first-child .wdt-showcase-content-group {
    padding-top: 0;
}
.wdt-showcase-container {
    flex-direction: column-reverse;
    gap: 50px;
  }
  .wdt-showcase-container .wdt-content-additional-title {
    margin: 0;
    padding: 20px 0;
}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-content-group {
    margin-bottom: 0;
    padding: 20px 0;
    opacity: 1;
    z-index: 4;
}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:first-child .wdt-content-additional-title {
     padding: 0px 0 20px;
}
.wdt-showcase-container > .wdt-showcase-content-wrapper{position: static;}
}
@media(max-width: 479px){
    .wdt-showcase-container .wdt-showcase-element .wdt-showcase-content-group{flex-direction: column;}
    .wdt-showcase-container .wdt-showcase-element .wdt-content-title-wrapper{width: 100%; z-index: 6;}
    .wdt-showcase-container .wdt-showcase-element .wdt-showcase-content-wrapper{width:100%; z-index: 5;}.wdt-showcase-container {
        flex-direction: column-reverse;
        gap: 30px;
    }
  .wdt-showcase-container .wdt-content-image-wrapper .wdt-content-image img {
        height: 400px;
        width: 750px;
  }
  .wdt-showcase-container .wdt-content-additional-title {
    margin: 0;
    padding: 20px 0;
}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li.wdt-active .wdt-showcase-content-group {
    margin-bottom: 0;
    padding: 20px 0;
    opacity: 1;
    z-index: 4;
}
.wdt-showcase-container > .wdt-showcase-list-wrapper ul > li:first-child .wdt-content-additional-title {
     padding: 0px 0 20px;
}
}