.elementor-8431 .elementor-element.elementor-element-e74688e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.96;--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8431 .elementor-element.elementor-element-e74688e:not(.elementor-motion-effects-element-type-background), .elementor-8431 .elementor-element.elementor-element-e74688e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://themeshnest.com/wp-content/uploads/2025/12/SVfe1DmAtGv91ddWOPdDX.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8431 .elementor-element.elementor-element-e74688e::before, .elementor-8431 .elementor-element.elementor-element-e74688e > .elementor-background-video-container::before, .elementor-8431 .elementor-element.elementor-element-e74688e > .e-con-inner > .elementor-background-video-container::before, .elementor-8431 .elementor-element.elementor-element-e74688e > .elementor-background-slideshow::before, .elementor-8431 .elementor-element.elementor-element-e74688e > .e-con-inner > .elementor-background-slideshow::before, .elementor-8431 .elementor-element.elementor-element-e74688e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFFEB;--background-overlay:'';}.elementor-8431 .elementor-element.elementor-element-7c44304{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1599px){.elementor-8431 .elementor-element.elementor-element-e74688e{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}}@media(max-width:1279px){.elementor-8431 .elementor-element.elementor-element-e74688e{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}}@media(max-width:1024px){.elementor-8431 .elementor-element.elementor-element-e74688e{--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}}@media(max-width:991px){.elementor-8431 .elementor-element.elementor-element-e74688e{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-8431 .elementor-element.elementor-element-e74688e{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}}/* Start custom CSS for html,class:.elementor-element-7c44304 */.container{max-width:1280px;margin:auto;text-align:center}h2{font-size:42px}.intro{max-width:900px;margin:20px auto 80px;line-height:1.8}/* WRAPPER */ .timeline-wrapper{position:relative;height:300px}/* EVENTS */ .event{position:absolute;width:250px;transform:translateX(-50%)}.event h4{font-size:16px;margin-bottom:6px}.event span{font-size:18px}/* TOP & BOTTOM */ .event.top{top:0}.event.bottom{bottom:0}/* TIMELINE */ .timeline{position:absolute;top:50%;left:0;right:0;height:2px;background:#3f63ff}/* DOT */ .point{position:absolute;top:50%;width:10px;height:10px;background:#3f63ff;border-radius:50%;transform:translate(-50%,-50%)}/* VERTICAL LINE */ .point::after{content:"";position:absolute;width:2px;height:24px;background:#3f63ff;left:50%;transform:translateX(-50%)}.point.up::after{bottom:10px}.point.down::after{top:10px}/* 🔥 SAME POSITIONS FOR DOTS & EVENTS */ .e1{left:5%}.e2{left:18%}.e3{left:31%}.e4{left:44%}.e5{left:57%}.e6{left:70%}.e7{left:83%}.e8{left:96%}/* RESPONSIVE */ @media (max-width:900px){.timeline-wrapper{height:auto}.timeline{display:none}.event{position:static;transform:none;margin-bottom:30px}}.bottom-content{display:flex;justify-content:space-between;gap:60px;margin-top:100px;text-align:left}.content-box{width:48%}.content-box h3{font-size:22px;margin-bottom:14px}.content-box p{font-size:15px;line-height:1.7;color:#2e2e2e}/* MOBILE */ @media (max-width:900px){.bottom-content{flex-direction:column;text-align:center}.content-box{width:100%}}/*=========================*/ /* RESPONSIVE – TABLET */ /*=========================*/ @media (max-width:1024px){.event{width:170px;font-size:14px}.e1{left:6%}.e2{left:19%}.e3{left:32%}.e4{left:45%}.e5{left:58%}.e6{left:71%}.e7{left:84%}.e8{left:97%}}/*=========================*/ /* RESPONSIVE – MOBILE */ /*=========================*/ @media (max-width:768px){/* Hide timeline */ .timeline{display:none}.timeline-wrapper{height:auto}/* Stack events */ .event{position:relative;left:auto!important;top:auto;bottom:auto;transform:none;width:100%;max-width:320px;margin:0 auto 25px;text-align:center}.event.top,.event.bottom{margin-bottom:25px}/* Typography */ h2{font-size:30px}.intro{font-size:14px;margin-bottom:40px}/* Bottom content */ .bottom-content{flex-direction:column;gap:40px;text-align:center;margin-top:60px}.content-box{width:100%}}/*=========================*/ /* EXTRA SMALL DEVICES */ /*=========================*/ @media (max-width:480px){h2{font-size:26px}.event h4{font-size:15px}.event span{font-size:13px}}.trade-title{display:inline-block;/* text width ke hisaab se */ position:relative;text-align:center}.impact-divider{display:block;width:15%;height:2px;background-color:#000;margin:8px auto 0 auto;/* center */}/*=========================*/ /* ANIMATIONS */ /*=========================*/ /* Timeline draw */ .timeline{transform:scaleX(0);transform-origin:left;animation:drawLine 1.2s ease forwards}@keyframes drawLine{to{transform:scaleX(1)}}/* Dots pop */ .point{opacity:0;transform:translate(-50%,-50%) scale(0);animation:popDot 0.5s ease forwards}@keyframes popDot{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}/* Delay dots */ .e1.point{animation-delay:0.2s}.e2.point{animation-delay:0.35s}.e3.point{animation-delay:0.5s}.e4.point{animation-delay:0.65s}.e5.point{animation-delay:0.8s}.e6.point{animation-delay:0.95s}.e7.point{animation-delay:1.1s}.e8.point{animation-delay:1.25s}/* Events animation */ .event{opacity:0}/* Top events slide down */ .event.top{animation:slideTop 0.8s ease forwards}/* Bottom events slide up */ .event.bottom{animation:slideBottom 0.8s ease forwards}@keyframes slideTop{from{opacity:0;transform:translate(-50%,-30px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes slideBottom{from{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%,0)}}/* Delay events */ .event.e1{animation-delay:0.2s}.event.e2{animation-delay:0.35s}.event.e3{animation-delay:0.5s}.event.e4{animation-delay:0.65s}.event.e5{animation-delay:0.8s}.event.e6{animation-delay:0.95s}.event.e7{animation-delay:1.1s}.event.e8{animation-delay:1.25s}/* Bottom content fade up */ .bottom-content{opacity:0;transform:translateY(40px);animation:fadeUp 1s ease forwards;animation-delay:1.4s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}/* Disable animation on mobile (smooth UX) */ @media (max-width:768px){.timeline,.point,.event,.bottom-content{animation:none!important;opacity:1;transform:none}}/* End custom CSS */