.wdt-custom-home-3-interactive .wdt-interactive-showcase-container {
display: block;
position: relative;
}
.wdt-custom-home-3-interactive .wdt-interactive-showcase-list-wrapper {
display: block;
position: absolute;
z-index: 5;
max-width: fit-content;
top:30px;
right: 30px;
backdrop-filter: blur(5px);
background-color: rgba(var(--wdtLinkColorRgb), 0.4);
padding: 30px;
}
.wdt-custom-home-3-interactive .wdt-interactive-showcase-content-wrapper {
width: 100%;
}
.wdt-custom-home-3-interactive .wdt-interactive-showcase-list-wrapper .wdt-interactive-showcase-list {
display: block;
}
.wdt-custom-home-3-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list li .wdt-interactive-showcase-element .wdt-content-title {
max-width: none;
margin: 0;
}
.wdt-custom-home-3-interactive .wdt-interactive-showcase-container .wdt-interactive-showcase-list li .wdt-interactive-showcase-element {
text-underline-offset: 8px;
}
.wdt-custom-home-3-interactive .wdt-interactive-showcase-content-wrapper [class*="wdt-interactive-showcase-"].wdt-interactive-showcase-active {
height: 100%;
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.wdt-custom-about-image-box .wdt-content-item .wdt-content-detail-group {
max-width: 350px;
}
.wdt-custom-home-3-interactive .wdt-interactive-showcase-list-wrapper {
padding: 10px;
top: 10px;
right: 10px;
}
}
@media only screen and (max-width: 1024px){ }
@media only screen and (max-width: 767px){
.wdt-custom-home-3-interactive .wdt-interactive-showcase-list-wrapper {
background-color: rgba(var(--wdtLinkColorRgb), .8);
padding: 15px;
}
.wdt-custom-home-3-interactive .wdt-interactive-showcase-list-wrapper{position: relative;max-width: 100%;top:0;right: 0;}
.wdt-custom-home-3-interactive .wdt-interactive-showcase-content-wrapper {display: block;}
.wdt-custom-home-3-interactive .wdt-interactive-showcase-list-wrapper .wdt-interactive-showcase-list{display: flex;flex-wrap: wrap; justify-content: center;}
.wdt-custom-about-image-box .wdt-content-item .wdt-content-detail-group {
max-width: 100%;
height: 100%;
place-items: center;
display: grid;
right: 0;
}
.wdt-custom-about-image-box .wdt-content-item .wdt-content-detail-group {
backdrop-filter: blur(2px);
}
.wdt-custom-about-image-box .wdt-content-item .wdt-content-elements-group.wdt-content-group {
height: 100%;
display: grid;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
place-content: center;
}
.wdt-custom-home-3-interactive .wdt-interactive-showcase-list-wrapper .wdt-interactive-showcase-list > li {padding: 0 10px;}
}