/* Exact Roadmap Slider */
.ers-roadmap{
    --ers-bg:none;
    position:relative;
    overflow:hidden;
    padding:75px 30px 85px;
    background-image:var(--ers-bg);
    background-size:cover;
    background-position:center;
    background-color:#121a20;
    color:#fff;
    box-sizing:border-box;
}
.ers-overlay{
    position:absolute;inset:0;
    background:rgba(5,10,14,.82);
    pointer-events:none;
}
.ers-container{position:relative;z-index:2;max-width:1280px;margin:auto}
.ers-header{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:55px;
}
.ers-heading h2{margin:0 0 12px;font-size:44px;line-height:1.15;color:#fff;font-weight:700}
.ers-heading p{margin:0;font-size:17px;color:rgba(255,255,255,.72)}
.ers-nav{display:flex;gap:12px}
.ers-nav button{
    width:48px;height:48px;border:1px solid rgba(255,255,255,.38);
    border-radius:8px;background:rgba(255,255,255,.06);color:#fff;
    font-size:24px;line-height:1;cursor:pointer;transition:.25s;
}
.ers-nav button:hover{background:#176da5;border-color:#176da5}

.ers-viewport{overflow:hidden;width:100%}
.ers-track{display:flex;transition:transform .55s ease;will-change:transform}
.ers-slide{
    min-width:33.333333%;width:33.333333%;box-sizing:border-box;
    padding:0 10px;
}

/* Timeline */
.ers-timeline{
    height:95px;position:relative;padding-top:4px;box-sizing:border-box;
}
.ers-line{
    position:absolute;top:13px;left:0;width:calc(100% + 20px);height:1px;
    background:rgba(255,255,255,.42);
}
.ers-dot{
    position:relative;display:block;width:20px;height:20px;
    border:3px solid rgba(255,255,255,.92);box-sizing:border-box;
    border-radius:50%;background:#176da5;z-index:2;
}
.ers-step{
    position:absolute;left:0;top:48px;color:#fff;font-size:17px;font-weight:600;
}

/* Card */
.ers-card{
    min-height:270px;box-sizing:border-box;padding:28px 24px;
    border:1px solid rgba(255,255,255,.30);
    border-radius:16px;background:rgba(16,25,31,.64);
    backdrop-filter:blur(7px);
    transition:transform .25s ease,border-color .25s ease;
}
.ers-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.65)}
.ers-card-top{display:flex;gap:20px;align-items:flex-start}
.ers-icon{
    flex:0 0 68px;width:68px;height:68px;border-radius:14px;
    background:#fff;display:flex;align-items:center;justify-content:center;
    overflow:hidden;
}
.ers-icon img{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}
.ers-default-icon{font-size:28px;color:#176da5}
.ers-content{min-width:0}
.ers-content h3{margin:0 0 13px;font-size:22px;line-height:1.3;color:#fff}
.ers-description{font-size:15px;line-height:1.7;color:rgba(255,255,255,.75)}
.ers-description p:first-child{margin-top:0}
.ers-description p:last-child{margin-bottom:0}
.ers-empty{padding:25px;background:#f5f5f5;border:1px solid #ddd}

/* Tablet = 2 */
@media(max-width:1024px){
    .ers-slide{min-width:50%;width:50%}
    .ers-heading h2{font-size:38px}
}

/* Mobile = 1 */
@media(max-width:767px){
    .ers-roadmap{padding:55px 16px 65px}
    .ers-header{display:block;margin-bottom:40px}
    .ers-heading h2{font-size:31px}
    .ers-heading p{font-size:15px}
    .ers-nav{margin-top:24px}
    .ers-slide{min-width:100%;width:100%;padding:0 4px}
    .ers-line{width:calc(100% + 8px)}
    .ers-card{min-height:auto;padding:22px}
    .ers-card-top{gap:16px}
    .ers-icon{flex-basis:58px;width:58px;height:58px}
    .ers-content h3{font-size:20px}
}