.slider-vertical-ev-container *{box-sizing:border-box}
@media(min-width:1025px){.slider-vertical-ev__mobile{display:none !important}
.slider-vertical-ev__desktop{display:flex;flex-direction:column;background:#fff}
.slider-vertical-ev__desktop-wrapper{display:flex;width:100%;gap:80px;padding:40px 122px;flex:1;align-items:stretch;position:relative}
.slider-vertical-ev__left-panel{flex:0 0 40%;display:flex;flex-direction:column;align-items:flex-start;gap:30px;position:relative;justify-content:center}
.slider-vertical-ev__content-list{width:100%;display:flex;flex-direction:column;gap:35px}
.slider-vertical-ev__content-item{opacity:.35;transition:all .5s ease;cursor:pointer;padding:0;display:flex;flex-direction:column;gap:12px}
.slider-vertical-ev__content-item--active{opacity:1}
.slider-vertical-ev__content-title{font-size:20px;font-weight:700;color:#333;margin:0;line-height:1.3}
.slider-vertical-ev__content-description{font-size:14px;line-height:1.6;color:#666;margin:0;overflow:hidden}
.slider-vertical-ev__content-item--active .slider-vertical-ev__content-description{opacity:1;max-height:500px}
.slider-vertical-ev__desktop-timeline{position:absolute;left:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:20px;z-index:100;background:#efecec;padding:12px;border-radius:30px}
.slider-vertical-ev__nav-btn{width:50px;height:50px;border:2px solid #333;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:24px;font-weight:bold;color:#333;padding:0;flex-shrink:0}
.slider-vertical-ev__nav-btn:hover{background:#333;color:#fff}
.slider-vertical-ev__dots-nav{display:flex;flex-direction:column;gap:16px}
.slider-vertical-ev__dot{width:12px;height:12px;border:2px solid #ccc;border-radius:50%;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;background:#fff;display:block}
.slider-vertical-ev__dot:hover{border-color:#999}
.slider-vertical-ev__dot--active{border-color:#333;background:#333}
.slider-vertical-ev__right-panel{flex:0 0 60%;display:flex;align-items:center;justify-content:flex-end;padding-right:0}
.slider-vertical-ev__image-carousel{position:relative;width:100%;max-width:100%;height:450px;overflow:hidden;border-radius:16px}
.slider-vertical-ev__image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;object-fit:cover;display:none;opacity:0;transform:scale(1.1);transition:opacity .8s ease-out,transform .8s ease-out}
.slider-vertical-ev__image--active{display:block;opacity:1;transform:scale(1)}
}
@media(min-width:769px) and (max-width:1024px){.slider-vertical-ev__mobile{display:none !important}
.slider-vertical-ev__desktop{display:flex;flex-direction:column;background:#fff;min-height:100vh}
.slider-vertical-ev__desktop-wrapper{display:flex;width:100%;gap:30px;padding:30px 40px;flex:1;align-items:stretch;position:relative}
.slider-vertical-ev__left-panel{flex:0 0 40%;display:flex;flex-direction:column;align-items:flex-start;gap:25px;position:relative;justify-content:center}
.slider-vertical-ev__content-list{width:100%;display:flex;flex-direction:column;gap:25px}
.slider-vertical-ev__content-item{opacity:.35;transition:all .5s ease;cursor:pointer;display:flex;flex-direction:column;gap:10px}
.slider-vertical-ev__content-item--active{opacity:1}
.slider-vertical-ev__content-title{font-size:18px;font-weight:700;color:#333;margin:0;line-height:1.3}
.slider-vertical-ev__content-description{font-size:13px;line-height:1.6;color:#666;margin:0;opacity:0;transition:opacity .5s ease;max-height:0;overflow:hidden}
.slider-vertical-ev__content-item--active .slider-vertical-ev__content-description{opacity:1;max-height:400px}
.slider-vertical-ev__desktop-timeline{position:absolute;left:25px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;background:#efecec;padding:10px;border-radius:25px}
.slider-vertical-ev__nav-btn{width:45px;height:45px;border:2px solid #333;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:20px;font-weight:bold;color:#333;padding:0}
.slider-vertical-ev__nav-btn:hover{background:#333;color:#fff}
.slider-vertical-ev__dots-nav{display:flex;flex-direction:column;gap:12px}
.slider-vertical-ev__dot{width:10px;height:10px;border:2px solid #ccc;border-radius:50%;cursor:pointer;transition:all .3s ease;background:#fff}
.slider-vertical-ev__dot:hover{border-color:#999}
.slider-vertical-ev__dot--active{border-color:#333;background:#333}
.slider-vertical-ev__right-panel{flex:0 0 60%;display:flex;align-items:center;justify-content:flex-end}
.slider-vertical-ev__image-carousel{position:relative;width:100%;height:350px;overflow:hidden;border-radius:14px}
.slider-vertical-ev__image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:14px;object-fit:cover;display:none;opacity:0;transform:scale(1.1);transition:opacity .8s ease-out,transform .8s ease-out}
.slider-vertical-ev__image--active{display:block;opacity:1;transform:scale(1)}
}
@media(max-width:768px){.slider-vertical-ev__desktop{display:none !important}
.slider-vertical-ev__mobile{display:flex;flex-direction:column;padding:20px 0;gap:24px}
.slider-vertical-ev__mobile-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;flex:1;padding:0 12px}
.slider-vertical-ev__mobile-arrow{flex:0 0 auto;width:48px;height:48px;border:2px solid #333;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;font-size:24px;font-weight:bold;color:#333}
.slider-vertical-ev__mobile-arrow:active{background:#333;color:#fff}
.slider-vertical-ev__mobile-card{position:relative;width:100%;max-width:500px;display:flex;flex-direction:column;margin:0 auto}
.slider-vertical-ev__mobile-card-slide{display:none;flex-direction:column;overflow:hidden;height:57vh}
.slider-vertical-ev__mobile-card-slide--active{display:flex;opacity:1}
.slider-vertical-ev__mobile-card-image{width:100%;overflow:hidden;border-radius:10px}
.slider-vertical-ev__mobile-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.slider-vertical-ev__mobile-card-content{flex:1;padding:28px 24px;display:flex;flex-direction:column;gap:16px;text-align:center;box-shadow:0 4px 12px rgb(0 0 0 / 14%);background:#fff;transition:opacity .5s ease;border-radius:12px;margin:20px 0}
.slider-vertical-ev__mobile-card-title{font-size:18px;font-weight:700;color:#333;margin:0;line-height:1.3}
.slider-vertical-ev__mobile-card-description{font-size:14px;line-height:1.6;color:#666;margin:0}
.slider-vertical-ev__mobile-dots-container{display:flex;justify-content:center;gap:10px;padding:0 20px}
.slider-vertical-ev__mobile-dot{width:10px;height:10px;border:2px solid #ccc;border-radius:50%;cursor:pointer;transition:all .3s ease;background:#fff;display:block}
.slider-vertical-ev__mobile-dot:active{border-color:#999}
.slider-vertical-ev__mobile-dot--active{border-color:#333;background:#333}
.slider-vertical-ev__mobile-wrapper{position:relative}
.arrow-dots{position:absolute;top:246px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;z-index:10}
}
@media(max-width:480px){.arrow-dots{top:230px;left:50%;transform:translateX(-50%)}
}
@media(max-width:375px){.arrow-dots{top:220px}
}
@media(max-width:320px){.arrow-dots{top:210px}
}
@media(max-width:480px){.slider-vertical-ev__mobile{padding:12px 0;gap:20px}
.slider-vertical-ev__mobile-wrapper{gap:8px;padding:0 8px}
.slider-vertical-ev__mobile-card{padding:0 8px}
.slider-vertical-ev__mobile-card-content{padding:20px 16px;gap:12px}
.slider-vertical-ev__mobile-card-title{font-size:15px}
.slider-vertical-ev__mobile-card-description{font-size:12px}
.slider-vertical-ev__mobile-arrow{width:40px;height:40px;font-size:18px}
.slider-vertical-ev__mobile-dot{width:8px;height:8px}
.slider-vertical-ev__mobile-dots-container{gap:8px;padding:0 16px}
}
@media(max-width:365px) and (min-width:360px){.arrow-dots{top:197px}
}
@media(max-width:375px) and (min-width:370px){.arrow-dots{top:152px}
}