img {
vertical-align: middle;
border-style: none; max-width: 100%;
}

svg {
overflow: hidden;
vertical-align: middle;
}

.slider-container{width: 100%; position: relative; display: flex; align-items: center;}
.slide-card{width:100%;position: relative;background-color: #fff; border-radius: 8px;overflow: hidden;display: flex; flex-direction: column; justify-content: center; border: 1px solid transparent;height: 100%;}


.slide-card-head{padding:2rem 2rem;display: flex; width: 100%;transition: all 0.6s;}
.slide-card-body{padding: 2rem; width: 100%;transition: all 0.6s;}
.slide-card-cover{padding: 10px;}


@media (min-width: 1199px) {
.slider-container{justify-content: center;}
.slide-card{cursor: pointer;}
.slide-card:before{background-color: var(--e-global-color-primary); position: absolute; left: 0;right: 0; top: 0; bottom: 0;content: "";pointer-events: none;opacity: 0.05;z-index: 0;}
.slide-card-head{position: absolute; top: 50%; transform: translateY(-50%);}
.slide-card-body{position: absolute; opacity: 0; visibility: hidden;transform: translateY(100%);}
.slide-card-cover{padding:3rem 10px; position: relative;height: 460px;width:20%;transition: all 0.6s;}

.slide-card-cover.is-active{width:500px;padding-top: 0;padding-bottom: 0;}
.slide-card-cover.is-active .slide-card{background-color: #fff; border-color: var(--e-global-color-primary); box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);}
.slide-card-cover.is-active .slide-card:before{display: none;}
.slide-card-cover.is-active .slide-card-body{ opacity: 1; visibility:visible;width: 100%; transform: translateY(0); bottom: 0;}
.slide-card-cover.is-active .slide-card-head{top:0; transform:none;justify-content: center;}
}

.slide-card-subtitle{font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--e-global-color-primary);}
.slide-card-title{font-size: 2rem; font-weight: 700; color: var(--e-global-color-primary);margin-bottom: 1rem;}
.slide-card-content{font-size: 14px;color: #333; line-height: 1.5;min-height: 100px;width: 100%;}
.slide-card-action{font-weight: 700; font-size: 14px; color: var(--e-global-color-primary); display: inline-flex; align-items: center;}
.slide-card-action .svg-icon{display: block;width:24px; height:24px; position: relative; overflow: hidden;fill: var(--e-global-color-primary);}


@media (max-width: 1199px) {
.slide-card{border-color: #ddd;white-space: normal;}
.slide-card-cover{min-width:400px;padding: 0 1rem 0 0;}
.slider-container{overflow: auto; white-space: nowrap;}
}

@media (max-width: 1023px) {

.slide-card-cover{min-width:360px;}

}

@media (max-width: 576px) {
.slide-card-cover{min-width:300px;}
.slide-card-head,.slide-card-body{padding:2rem 1.5rem;}

}