.timeline {
    padding: 50px;
}

.timeline ul {
    padding: 0;
}

.timeline .default-line {
    content: "";
    position: absolute;
    /* left: 14%; */
    width: 1px;
    background: #bdc3c7;
    height: 1000px;
}

.timeline .draw-line {
    width: 1px;
    height: 0;
    position: absolute;
    /* left: 14%; */
    background: #fa7d32;
}

.timeline ul li {
    list-style-type: none;
    position: relative;
    /* width: 2px; */
    margin: 0 auto;
    height: 270px;
    max-height: 300px;
    background: transparent;
}

.timeline ul li.in-view {
    transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
}

.timeline ul li.in-view::before {
    content: "";
    position: absolute;
    left: 0%;
    top: 25px;
    transform: translateX(-50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-image: url("https://sg0duxoli5-flywheel.netdna-ssl.com/wp-content/themes/inspired_elearning_theme/images/check-dark.svg");
    background-color: #fa7d32;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
}

.timeline ul li::before {
    content: "";
    position: absolute;
    left: 0%;
    top: 25px;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: inherit;
    background: #bdc3c7;
    transition: all 0.4s ease-in-out;
}

.in-view p {
    color: black;
    padding-left: 3rem;
    padding-right: 3rem;
    width: 100%;
    padding-bottom: 3rem;
    transition: all ease-in-out .5s;
}

ul li p {
    color: #bdc3c7;
    padding-left: 2rem;
    width: 100%;
    padding-bottom: 3rem;
    padding-right: 2.5rem;
}

ul li h4 {
    color: #bdc3c7;
    padding-left: 2rem;
}

.in-view h4 {
    color: black;
    padding-left: 3rem;
}

.why-choose-content {
    padding-top: 1.5rem;
}

.why-choose-img {
    position: sticky;
    top: 100px;
    border-radius: 10px;
}
.bg-grad-orng{
    background: linear-gradient(45deg, #e97a00, #ff9921);
}