.timeline-banner-section{margin:0 auto;max-width:100%;position:relative}.banner-bg{position:relative;background-size:cover;background-position:center;height:auto;padding:5rem 10%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:1}.content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.main-heading{line-height:initial;font-weight:700;color:#fff;text-transform:uppercase;font-size:clamp(28px,5vw,50px)!important}.inner-layout{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:5rem;width:100%}.inner-image{max-width:40%}.inner-image img{width:100%;border-radius:15px;object-fit:cover}.timeline-box{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.timeline-step h6{color:#787878;margin-bottom:.3rem}.timeline-step p{color:#787878;line-height:1.6;font-size:18px}.timeline-step p{font-weight:400!important}.subtitle{color:#2a2a2a!important;font-size:clamp(18px,5vw,20px)!important;padding-bottom:20px;margin:0}@media screen and (max-width: 768px){.inner-layout{flex-direction:column;align-items:center}.inner-image,.timeline-box{flex:1 1 100%}.subtitle{font-size:18px!important;padding-top:10px;line-height:1.2}.inner-image{max-width:100%}.timeline-step p{font-size:12px}}.timeline-box{max-width:60%;position:relative;border-left:2px solid white}.timeline-line{position:absolute;top:0;bottom:0;left:10px;width:2px;height:100%;background-color:#ccc}.timeline-step{position:relative;margin-bottom:2rem;padding-left:20px;color:gray;transition:color .8s ease}.timeline-step h5,.timeline-step p{color:gray;transition:color .8s ease}.timeline-step h5{font-size:25px!important}.timeline-step p{font-size:18px!important}.timeline-dot{position:absolute;left:-8px;top:1px;width:14px;height:14px;background-color:#787878;border-radius:50%;z-index:5;transition:background-color .8s ease}.timeline-step.active{color:#2a2a2a}.timeline-step.active h5,.timeline-step.active p{color:#000!important}.timeline-step.active .timeline-dot{background-color:#2a2a2a}.timeline-step.active .timeline-line{background-color:#2a2a2a;!important}.inner-layout{align-items:stretch;gap:calc(5rem - 10px)}.timeline-box{justify-content:center;padding-left:10px;border-left:0}.timeline-box .timeline-step:before{content:"";width:2px;background:#fff;display:block;position:absolute;top:1px;left:-1px;min-height:100%;height:400%}@media screen and (max-width: 768px){.timeline-box .timeline-step:before{height:130%}.timeline-box{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/banner-timeline-overlay.css.map */