.kedtl-roadmap {

    padding:90px 20px;

    background:linear-gradient(
        135deg,
        #f1f8f5,
        #ffffff
    );

}


.roadmap-container {

    max-width:1200px;

    margin:auto;

}


.roadmap-header {

    text-align:center;

    max-width:750px;

    margin:auto;

}


.section-tag {

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

}


.roadmap-timeline {

    position:relative;

    margin-top:70px;

}


.roadmap-timeline::before {

    content:"";

    position:absolute;

    left:32%;

    top:0;

    bottom:0;

    width:3px;

    background:#0D6E4F;

}


.roadmap-item {

    display:flex;

    align-items:center;

    gap:40px;

    margin-bottom:60px;

}


.roadmap-year {

    width:30%;

    text-align:right;

    font-size:32px;

    font-weight:800;

    color:#0D6E4F;

}


.roadmap-content {

    width:55%;

    padding:30px;

    border-radius:18px;

    background:#ffffff;

    box-shadow:0 10px 30px rgba(0,0,0,0.08);

}


.roadmap-content h3 {

    margin-bottom:15px;

}


.roadmap-content ul {

    padding-left:20px;

}


.roadmap-content li {

    margin-bottom:8px;

}


@media(max-width:768px){

    .roadmap-timeline::before {

        left:10px;

    }


    .roadmap-item {

        display:block;

        padding-left:40px;

    }


    .roadmap-year {

        width:100%;

        text-align:left;

        margin-bottom:20px;

    }


    .roadmap-content {

        width:100%;

    }

}