.shopi-progress-outer-container{color:#000;max-width:1720px;margin:0 auto;font-family:Poppins,sans-serif}.shopi-progress-inner-container{flex-direction:column;align-items:center;width:100%;padding:50px 30px;display:flex}.progresss-heading{color:#000;font-size:2.3rem;font-weight:500}.progress-sm-heading{margin-top:15px;font-size:1.1rem;font-weight:400;text-align:center!important;max-width:76%!important}#switch{visibility:hidden;width:0;height:0}#switchLabel{cursor:pointer;text-indent:-9999px;background:gray;border-radius:100px;width:140px;height:70px;display:block;position:relative}#switchLabel:after{content:"";background:#fff;border-radius:90px;width:60px;height:60px;transition:all .3s;position:absolute;top:5px;left:5px}#switch:checked+#switchLabel{background:#12b76a}#switch:checked+#switchLabel:after{left:calc(100% - 5px);transform:translate(-100%)}.progress-toggle-btn-div{align-items:center;margin-top:50px;display:flex}.progress-company-name{font-size:3.5rem;font-weight:600;letter-spacing:0!important}.shopi-procBCom{font-size:11px;font-weight:600px!important}#shopi-phase1{width:100px}#shopi-phase2{width:132px}#shopi-phase3,#shopi-phase4{width:50px}#shopi-phase5{width:109px}#shopi-phase6{width:339px}#shopi-phase7{width:210px}#shopi-phase8,#shopi-phase9{width:50px}#shopi-phase10{width:200px}#shopi-phase11{width:50px}@keyframes fillAnimation{0%{background-position:100% 100%}to{background-position:0 100%}}.shopi-process-button{opacity:0;background:linear-gradient(90deg,#12b76a 50%,#fff 0) 100% 100%/200% 100%;border:1px solid #12b76a;border-radius:50px;height:25px;transition:all .5s ease-out;animation:1.4s ease-out forwards fillAnimation;display:block}#shopi-phase1{opacity:1;animation-delay:.2s}#shopi-phase2{opacity:1;animation-delay:1.3s}#shopi-phase3{opacity:1;animation-delay:2.4s}#shopi-phase4{opacity:1;animation-delay:3s}#shopi-phase5{opacity:1;animation-delay:4s}#shopi-phase6{opacity:1;animation-delay:5.2s}#shopi-phase7{opacity:1;animation-delay:6.3s}#shopi-phase8{opacity:1;animation-delay:7.3s}#phase9{opacity:1;animation-delay:8.2s}#shopi-phase10{opacity:1;animation-delay:9.2s}#shopi-phase11{opacity:1;animation-delay:10.4s}.shopi-phases-wrapper{width:100%;min-height:450px;margin:0 auto;overflow-x:auto}.shopi-phases{white-space:nowrap;align-items:center;gap:10px;width:1150px;height:400px;margin:auto;padding:0 5px;display:flex;position:relative;margin-top:70px!important}#shopi-phase1:before{content:"";background-color:#c4e5d1;width:1px;height:105px;display:inline-block;position:absolute;bottom:96px;left:-1px}#shopi-phase1Name{opacity:0;flex-direction:column;animation:.5s ease-in-out forwards textAnimation;display:flex;position:absolute;bottom:55px;left:-6px}#shopi-phase2:before{content:"";background-color:#c4e5d1;width:1px;height:162px;display:inline-block;position:absolute;bottom:44px;left:111px}.shopi-procBCom{font-weight:600!important}#shopi-phase2Name{bottom:20px;left:115px}#shopi-phase2Name,#shopi-phase3Name{opacity:0;flex-direction:column;animation:.5s ease-in-out forwards textAnimation;display:flex;position:absolute}#shopi-phase3Name{top:-21px;left:41px}#shopi-phase3:after{content:"";background-color:#c4e5d1;width:1px;height:369px;display:inline-block;position:absolute;top:8px;left:255px}#shopi-phase4Name{bottom:19px;left:263px}#shopi-phase4Name,#shopi-phase5Name{opacity:0;flex-direction:column;animation:.5s ease-in-out forwards textAnimation;display:flex;position:absolute}#shopi-phase5Name{top:58px;left:322px}#shopi-phase5:before{height:141px;top:64px;left:316px}#shopi-phase5:after,#shopi-phase5:before{content:"";background-color:#c4e5d1;width:1px;display:inline-block;position:absolute}#shopi-phase5:after{height:196px;top:8px;left:499px}#shopi-phase6Name{top:0;left:506px}#shopi-phase6Name,#shopi-phase7Name{opacity:0;flex-direction:column;animation:.5s ease-in-out forwards textAnimation;display:flex;position:absolute}#shopi-phase7Name{top:31px;right:177px}#shopi-phase7:before{content:"";background-color:#c4e5d1;width:1px;height:167px;display:inline-block;position:absolute;top:35px;right:310px}#shopi-phase8Name{opacity:0;flex-direction:column;animation:.5s ease-in-out forwards textAnimation;display:flex;position:absolute;top:-7px;right:-28px}#shopi-phase8:before{content:"";background-color:#c4e5d1;width:1px;height:207px;display:inline-block;position:absolute;top:-2px;right:89px}.sprogresss-sm-heading-primary-heading{font-size:2.6rem!important;font-weight:600!important;line-height:2.2rem!important}#phase9Name{bottom:8px;right:126px}#phase9Name,#shopi-phase10Name{opacity:0;animation:.5s ease-in-out forwards textAnimation;position:absolute}#shopi-phase10Name{flex-direction:column;display:flex;top:53px;right:114px}#shopi-phase10:before{content:"";background-color:#c4e5d1;width:1px;height:138px;display:inline-block;position:absolute;top:64px;right:219px}#shopi-phase11Name{opacity:0;flex-direction:column;animation:.5s ease-in-out forwards textAnimation;display:flex;position:absolute;top:0;right:-50px}#shopi-phase11:before{content:"";background-color:#c4e5d1;width:1px;height:195px;display:inline-block;position:absolute;top:9px;right:50px}.shopi-phases{font-size:14px}@keyframes textAnimation{0%{opacity:0}to{opacity:1}}#shopi-phase1Name{animation-delay:.2s}#shopi-phase2Name{animation-delay:1.3s}#shopi-phase3Name,#shopi-phase4Name{animation-delay:3s}#shopi-phase5Name{animation-delay:4s}#shopi-phase6Name{animation-delay:5.2s}#shopi-phase7Name{animation-delay:6.3s}#phase9Name,#shopi-phase8Name{animation-delay:8.2s}#shopi-phase10Name{animation-delay:9.2s}#shopi-phase11Name{animation-delay:10.4s}.textOpacity{color:silver}.agile7phase{right:436px!important}.agile8phase{right:136px!important}.agile9phase{right:276px!important}.agile3phase{left:150px!important}.agile10phase{right:145px!important}.agile11phase{right:-96px!important}.first-copmpany{margin-bottom:0;margin-right:30px}.second-copmpany{margin-bottom:0;margin-left:30px}@media (max-width:1232px){#shopi-phase1Name{left:2px!important}}@media screen and (max-width:768px){.progress-inner-container{align-items:baseline}.progress-toggle-btn-div{flex-direction:column;align-items:baseline;gap:6px;margin:auto;padding-top:10px}#switchLabel{margin:auto}.second-copmpany{margin-top:10px}}@media screen and (max-width:600px){.progress-company-name{font-size:2.9rem;font-weight:600}.sprogresss-sm-heading-primary-heading{font-size:23px;text-align:center!important}#switchLabel{width:120px;height:60px}#switchLabel:after{width:50px;height:50px}.progress-sm-heading{text-align:left!important;max-width:90%!important}#shopi-phase1Name{left:2px!important}}@media (max-width:480px){.sprogresss-sm-heading-primary-heading{text-align:center!important;font-size:21px!important;line-height:28px!important}.shopi-progress-inner-container{padding:30px 22px}}