/* Timeline Box Widget */
.timeline-box-slider { overflow: visible; padding-bottom: 80px; }
.timeline-box-slider .timeline-box-item { height: auto; }
.timeline-box-slider .timeline-box-item .timeline-box { height: 100%; padding: 20px; border-radius: 20px; background-color: #fff; display: flex; align-items: flex-start; gap: 20px; flex-direction: column; }
.timeline-box-slider .timeline-box-item .timeline-box .timeline-number { font-size: 24px; font-weight: 700; color: var(--e-global-color-7e27a10); line-height: 1.25; padding: 20px; border-radius: 20px; background: #FFE471; font-family: "Mulish", sans-serif; margin-bottom: 0; }
.timeline-box-slider .timeline-box-item .timeline-box .timeline-desc p { margin-bottom: 0px; }
.timeline-box-slider .swiper-arrow { right: 60px; left: auto; width: 48px; height: 48px; border-radius: 15px; background-color: var(--e-global-color-7e27a10); color: #fff; bottom: 0; top: auto; margin: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.timeline-box-slider .swiper-arrow:hover { background-color: var(--e-global-color-f14c45f); color: var(--e-global-color-7e27a10); }
.timeline-box-slider .swiper-arrow svg { display: none; }
.timeline-box-slider .swiper-arrow.swiper-button-next { left: auto; right: 0; }
.timeline-box-slider .swiper-arrow::after { font-size: 16px; font-weight: bold; }
.timeline-box-slider .swiper-pagination { bottom: 8px !important; }
.timeline-box-slider .swiper-pagination .swiper-pagination-bullet { background-color: var(--e-global-color-7e27a10); }
.timeline-box-slider:before { content: ''; position: absolute; top: 0; right: 100%; width: 200%; height: 100%; background: #f2f6fa; z-index: 2; pointer-events: none; }
.step-section::after { content: ''; position: absolute; top: 0; right: 0; width: 300px; height: calc(100% - 80px); background: linear-gradient(260deg, rgba(255, 255, 255, 0) 5%, rgba(242, 246, 250, 1) 95%); z-index: 1; transform: scaleX(-1); pointer-events: none; }



@media screen and (max-width: 1024px) {
    .step-section::after { height: calc(100% - 70px); }
    .timeline-heading,
    .timeline-box-slider .timeline-box-item .timeline-box .timeline-number { font-size: 20px !important; line-height: 1.16em !important; }
    .timeline-box-slider .timeline-box-item .timeline-box .timeline-desc p { font-size: 16px !important; line-height: 1.8em !important; }
    .timeline-box-slider .timeline-box-item .timeline-box .timeline-number { border-radius: 10px; }
}
@media screen and (max-width: 767px) {
    .timeline-box-slider { padding-right: 50px; padding-bottom: 50px; }
    .timeline-box-slider .swiper-arrow {  display: none;}
    .step-section::after { height: calc(100% - 45px); width: 50px; }
}