:root {
	--wdtPrimaryColor: #c5a47e;
	--wdtPrimaryColorRgb: 172, 128, 93;
	--wdtSecondaryColor: #000000;
	--wdtSecondaryColorRgb: 0, 0, 0;
	--wdtTertiaryColor: #f5e7d6;
	--wdtTertiaryColorRgb: 245, 231, 214;
	--wdtBodyBGColor: #fff9f4;
	--wdtBodyBGColorRgb: 255, 249, 244;
	--wdtBodyTxtColor: #585858;
	--wdtBodyTxtColorRgb: 88, 88, 88;
	--wdtHeadAltColor: #000000;
	--wdtHeadAltColorRgb: 0, 0, 0;
	--wdtLinkColor: #000000;
	--wdtLinkColorRgb: 0, 0, 0;
	--wdtLinkHoverColor: #ac805d;
	--wdtLinkHoverColorRgb: 172, 128, 93;
	--wdtBorderColor: #aaaaaa;
	--wdtBorderColorRgb: 170, 170, 170;
	--wdtAccentTxtColor: #ffffff;
	--wdtAccentTxtColorRgb: 255, 255, 255;
	--wdtFontTypo_Base: 'Marcellus', serif;
	--wdtFontWeight_Base: 400;
	--wdtFontSize_Base: 16px;
	--wdtLineHeight_Base: 1.875;
	--wdtFontTypo_Alt: 'Marcellus', serif;
	--wdtFontWeight_Alt: 400;
	--wdtFontSize_Alt: 60px;
	--wdtLineHeight_Alt: 1.33;
	--wdtFontTypo_H1: 'Marcellus', serif;
	--wdtFontWeight_H1: 400;
	--wdtFontSize_H1: 60px;
	--wdtLineHeight_H1: 1.33;
	--wdtFontTypo_H2: 'Marcellus', serif;
	--wdtFontWeight_H2: 400;
	--wdtFontSize_H2: 50px;
	--wdtLineHeight_H2: 1.33;
	--wdtFontTypo_H3: 'Marcellus', serif;
	--wdtFontWeight_H3: 400;
	--wdtFontSize_H3: 40px;
	--wdtLineHeight_H3: 1.33em;
	--wdtFontTypo_H4: 'Marcellus', serif;
	--wdtFontWeight_H4: 400;
	--wdtFontSize_H4: 25px;
	--wdtLineHeight_H4: 1.33;
	--wdtFontTypo_H5: 'Marcellus', serif;
	--wdtFontWeight_H5: 400;
	--wdtFontSize_H5: 20px;
	--wdtLineHeight_H5: 1.33;
	--wdtFontTypo_H6: 'Marcellus', serif;
	--wdtFontWeight_H6: 400;
	--wdtFontSize_H6: 18px;
	--wdtLineHeight_H6: 1.33;
	--wdtFontTypo_Ext: "Marcellus", serif;
	--wdtFontWeight_Ext: 500;
	--wdtFontSize_Ext: 14px;
	--wdtLineHeight_Ext: 1.1;
	
	/* Radius Variables */
    --wdtRadius_Zero: 0;
    --wdtRadius_Part: 2.5em;
    --wdtRadius_Full: 50%;

    --wdtRadius_1X: 3px;
    --wdtRadius_2X: 5px;
    --wdtRadius_3X: 10px;

    /* Letter Spacing Variables */
    --wdtLetterSpacing_1X: 2px;
    --wdtLetterSpacing_2X: 3px;
    --wdtLetterSpacing_3X: 5px;

    /* Padding Variables */
    --wdtInputPadding: 18px 30px;

    --wdtPadding_Btn: clamp(0.875rem, 0.8193rem + 0.2548vw, 1.125rem) clamp(1.625rem, 1.5135rem + 0.5096vw, 2.125rem);/*14-18px --- 26-34px*/
    --wdtPadding_MiniBtn: 12px 20px;
    --wdtPadding_MaxiBtn: 18px 40px;

    --wdtBaseTransition: all 0.3s linear 0s;
    --wdtAltTransition: all 0.35s ease-in-out 0s;
    --wdt-Ad-Transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1.5);

    /*=== Transform Hover Zoom-Out Style ===*/
    --wdt-transform-rotateX: 1deg;
    --wdt-transform-perspective: 600px;
    --wdt-transform-rotateY: 0deg;
    --wdt-transform-scale: 0.9;
    --wdt-transform-transition-duration: 400ms;

    /*=== Transform Hover Zoom-In Style ===*/
    --wdt-zoo-transform-rotateX: 0.06deg;
    --wdt-zoo-transform-perspective: 600px;
    --wdt-zoo-transform-rotateY: 0deg;
    --wdt-zoo-transform-scale: 1.2;
    --wdt-zoo-transform-transition-duration: 400ms;
}

.wdt-interactive-showcase-container { display: grid;    width: auto; align-items: center; overflow: hidden;}
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper,
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper { flex: 1;  grid-area: 1/-1;}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper { z-index: 1;height: 100%;}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { display: grid;grid-template-columns: repeat(4,1fr); padding: 0; margin: 0;height: 100%;}
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li { list-style-type: none; padding: clamp(3.125rem, 2.2917rem + 1.7361vw, 4.375rem) clamp(1.25rem, -0.1816rem + 2.2346vw, 2.5rem);/*50-70px -- 20-40px*/ position: relative; margin: 0; border-right: 1px solid rgba(var(--wdtAccentTxtColorRgb),0.3);overflow: hidden;}
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:not(:last-child) { margin-bottom: 0; }

.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-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title { 
    font-size: clamp(1.875rem, 1.457rem + 1.9108vw, 1.75rem); font-weight: var(--wdtFontWeight_H1); 
    line-height: var(--wdtLineHeight_H1);
    display: flex;
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-wrapper i{
    margin-right: 15px;
    position: relative;
    top: 10px;
    opacity: 0;
    -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active .wdt-content-title:after,
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active a .wdt-interactive-showcase-content-wrapper i{
    opacity: 1;
}


.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a{
    height: 100%;
    display: flex;
    align-items: end;
    color: var(--wdtAccentTxtColor);
}


.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;
    text-transform: uppercase; letter-spacing: var(--wdtLetterspacing_2x); padding: clamp(1.25rem, 0.5288rem + 3.2051vw, 4.375rem) clamp(1.5rem, 0.6923rem + 3.5897vw, 5rem); }

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


/* .wdt-interactive-showcase-container:before{ */
   /* content: ''; */
  /* position: absolute; */
  /* margin-top: 0; */
  /* margin-left: 0; */
  /* width: 100%; */
  /* height: 100%; */
  /* background: var(--wdtHeadAltColor); */
  /* z-index: 1; */
  /* opacity: 0.3; */
/* } */

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:before {
   content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--wdtPrimaryColor);
   visibility: hidden;-webkit-transform: scaleY(0); transform: scaleY(0); transform-origin: top; z-index: 0; -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); opacity:0.35;}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:hover:before,
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active:before {
   -webkit-transform: scale(1); transform: scale(1); visibility: visible;  }


.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-wrapper{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: start;
    -webkit-transition: var(--wdt-Ad-Transition);
    transition: var(--wdt-Ad-Transition);
    border: 1px solid transparent;
    border-radius: var(--wdtRadius_Full);
    padding: 100px 10px;
    margin-bottom: 30px
}


.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:hover a .wdt-interactive-showcase-content-wrapper,
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active a .wdt-interactive-showcase-content-wrapper{
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    border: 1px solid var(--wdtAccentTxtColor);
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-group{
    -webkit-transform: translateX(70%);
    transform: translateY(70%);
    transition: var(--wdt-Ad-Transition);
	width:100%;
}


.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:hover a .wdt-interactive-showcase-content-group,
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active a .wdt-interactive-showcase-content-group{
    -webkit-transform: translateX(0%);
    transform: translateY(0%);
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-group .wdt-content-description{
    opacity: 0;
    -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
    text-align: inherit;
    margin-bottom: 20px;
}


.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li:hover a .wdt-interactive-showcase-content-group .wdt-content-description,
.wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li.wdt-interactive-showcase-active a .wdt-interactive-showcase-content-group .wdt-content-description{
    opacity: 1;
}

.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper,
.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"] * { height: 100%;}

.wdt-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-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-interactive-showcase-container .wdt-interactive-showcase-content-wrapper div[id*="wdt-interactive-showcase-"].wdt-interactive-showcase-active .wdt-content-image img{
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
} 

@media only screen and (min-width:1281px) and (max-width:1540px) {
    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li{
        padding: 50px 10px;
    }
}

@media  only screen and (max-width:1280px){
    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { 
        grid-template-columns: repeat(2,1fr);
    }
    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li{
        border: 1px solid rgba(var(--wdtAccentTxtColorRgb),0.3);
        border-bottom: 0px;
        border-left: 0px;
    }
    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-group,
    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-group{
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    
    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-group .wdt-content-description,
    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li .wdt-content-title:after,
    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list li a .wdt-interactive-showcase-content-wrapper i{
        opacity: 1;
    }
}

@media  only screen and ( max-width: 1024px) {
    .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; } 
}

@media  only screen and (max-width: 767px) {
  
    .wdt-interactive-showcase-container .wdt-interactive-showcase-list-wrapper ul.wdt-interactive-showcase-list { 
        grid-template-columns: 1fr;
    }
}

@media  only screen and (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; }
}

.wids2{
	display:none;
}
@media  only screen and (max-width: 767px) {
	.wids{
		display:none;
	}
	.wids2{
		display:block;
	}
}