.component_timeline .section_inner {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.component_timeline .section_inner .section_detail {
    text-align: center
}

.component_timeline .section_inner .section_detail .heading_text {
    margin: 0
}

.component_timeline .section_inner .timeline_list {
    display: flex;
    flex-direction: column
}

.component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner {
    padding: 16px 0 16px 61px;
    position: relative
}

.component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner:before {
    background: #cde7ca;
    border-radius: 50%;
    content: "";
    height: 17px;
    left: 0;
    position: absolute;
    top: 0;
    width: 17px
}

.component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner:after {
    background: #cde7ca;
    content: "";
    height: calc(100% - 30px);
    left: 6.5px;
    position: absolute;
    top: 23px;
    width: 4px
}

.component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper {
    display: flex;
    flex-wrap: wrap
}

.component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .media_section {
    display: flex;
    flex-wrap: wrap;
    width: 234px
}

.component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .media_section .image_section {
    border-radius: 0 30px 0 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

.component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .content_section {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-left: 32px;
    width: calc(100% - 234px)
}

.component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .content_section .item_year {
    color: var(--Color_Forest_2);
    font-family: var(--Font_Figtree_Bold);
    font-size: 18px;
    letter-spacing: .08em;
    line-height: 20px
}

.component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .content_section .item_title {
    color: var(--Color_Black_2);
    margin: 0
}

.component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .content_section .item_content {
    font-size: 18px;
    line-height: 20px
}

.component_timeline .section_inner .timeline_list .timeline_item:last-child .timeline_item_inner:after {
    background: linear-gradient(180deg, #cde7ca, #fff)
}

@media (max-width:991px) {
    .component_timeline .section_inner {
        gap: 30px
    }

    .component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner {
        padding: 16px 0 16px 45px
    }

    .component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .media_section {
        width: 200px
    }

    .component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .content_section {
        padding-left: 30px;
        width: calc(100% - 200px)
    }
}

@media (max-width:767px) {
    .component_timeline .section_inner {
        gap: 20px
    }

    .component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .media_section {
        width: 150px
    }

    .component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .content_section {
        padding-left: 30px;
        width: calc(100% - 150px)
    }
}

@media (max-width:575px) {
    .component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper {
        flex-direction: column;
        gap: 30px
    }

    .component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .media_section {
        width: 100%
    }

    .component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .media_section .image_section {
        width: 150px
    }

    .component_timeline .section_inner .timeline_list .timeline_item .timeline_item_inner .timeline_item_wrapper .content_section {
        padding-left: 0;
        width: 100%
    }
}

/*# sourceMappingURL=timeline.css.map */