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