.dipl_scroll_stack_cards .dipl-scroll-stack-cards-wrapper .dipl_scroll_stack_cards_item{
margin-bottom: 0;
}
.dipl_scroll_stack_cards_item{
position: relative;
overflow: hidden;
padding: 20px;
border: 0 solid #000000;
}
.dipl_scroll_stack_cards_content_wrapper,
.dipl_scroll_stack_cards_image_wrapper{
padding: 20px;
}
.dipl_scroll_stack_cards_content_wrapper,
.dipl_scroll_stack_cards_image_wrapper img{
border: 0 solid #000;
}
.dipl_scroll_stack_cards_title,
.dipl_scroll_stack_cards_content{
color: #000;
}
.dipl_scroll_stack_cards_item .et_pb_button_wrapper{
margin-top: 15px;
}
.dipl_scroll_stack_cards_image{
width: 100%;
height: auto;
object-fit: cover;
} .dipl-scroll-stack-cards-wrapper.layout-vertical{
overflow: hidden;
}
.dipl-scroll-stack-cards-wrapper.layout-vertical .dipl-scroll-stack-cards-items{
width: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
position: sticky;
top: 0;
overflow: hidden;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.dipl-scroll-stack-cards-wrapper.layout-vertical .dipl_scroll_stack_cards_item{
flex: none;
will-change: transform, height;
transform: translateZ(0);
}
.dipl-scroll-stack-cards-wrapper.layout-vertical .dipl_scroll_stack_cards_item_inner{
display: flex;
width: 100%;
}
.dipl-scroll-stack-cards-wrapper.layout-vertical .dipl_scroll_stack_cards_content_wrapper{
flex: 1;
margin-right: 20px
}
.dipl-scroll-stack-cards-wrapper.layout-vertical .dipl_scroll_stack_cards_image_wrapper{
flex: 0 0 30%;
} .dipl-scroll-stack-cards-wrapper.layout-horizontal{
width: 100%; overflow: hidden;
position: relative;
position: sticky;
top: 0;
}
.dipl-scroll-stack-cards-wrapper.layout-horizontal .dipl-scroll-stack-cards-items{
display: flex;
position: relative;
width: max-content;
}
.dipl-scroll-stack-cards-wrapper.layout-horizontal .dipl_scroll_stack_cards_item{      height: auto;
display: flex;
flex-shrink: 0;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
box-sizing: border-box;
white-space: nowrap;
overflow: visible;
user-select: none;
border: 1px solid #ffffff;
}
.dipl-scroll-stack-cards-wrapper.layout-horizontal .dipl_scroll_stack_cards_item_inner{
width: 400px;
min-width: 200px;
height: 100%;
box-sizing: border-box;
white-space: normal;
overflow-wrap: break-word;
overflow-x: visible;
}
@media (max-width: 980px) { .dipl-scroll-stack-cards-wrapper.layout-vertical{
height: auto;
}
.dipl-scroll-stack-cards-wrapper.layout-vertical .dipl-scroll-stack-cards-items{
position: static;
height: auto;
gap: 20px;
}
.dipl-scroll-stack-cards-wrapper.layout-vertical .dipl_scroll_stack_cards_item{
height: auto !important;
padding: 1rem;
display: flex;
flex-direction: column-reverse;
}
.dipl-scroll-stack-cards-wrapper.layout-vertical .dipl_scroll_stack_cards_item_inner{
flex-direction: column;
}
.dipl-scroll-stack-cards-wrapper.layout-vertical .dipl_scroll_stack_cards_content_wrapper{
width: 100% !important;
margin: 0 !important;
order: 2;
}
.dipl-scroll-stack-cards-wrapper.layout-vertical .dipl_scroll_stack_cards_image_wrapper{
flex: 0 0 100% !important;
order: 1;
} .dipl-scroll-stack-cards-wrapper.layout-horizontal{
height: auto;
overflow: visible;
}
.dipl-scroll-stack-cards-wrapper.layout-horizontal .dipl-scroll-stack-cards-items{
display: flex;
flex-direction: column;
height: auto;
width: 100% !important;
position: static;
}
.dipl-scroll-stack-cards-wrapper.layout-horizontal .dipl_scroll_stack_cards_item{
position: relative !important;
width: 100% !important;
height: auto;
border-right: none;
border-bottom: 1px solid #444;
font-size: 1rem;
padding: 1.5rem;
white-space: normal;
transform: none !important;
}
.dipl-scroll-stack-cards-wrapper.layout-horizontal .dipl_scroll_stack_cards_content_wrapper{
position: relative;
width: 100%;
height: auto;
padding: 1rem;
overflow: visible;
}
}