@media screen and (max-width:600px){.div1{width:40%;gap:1rem!important}}@media screen and (max-width:770px){.div2{width:35%;margin:.5rem 0;gap:10px!important}}@media screen and (max-width:1100px){.div2{width:50%;gap:10px!important}.div2 .avg-rating{height:8rem}}@media screen and (max-width:600px){.div2 .avg-rating{height:4rem}}@media screen and (max-width:1100px){.div2 .customer-feedback{height:7rem}}@media screen and (max-width:600px){.div2 .customer-feedback{height:4rem}}@media screen and (max-width:1100px){.div2 .delivery-handoff{height:8rem}}@media screen and (max-width:600px){.div2 .delivery-handoff{height:4rem}}.shift-report{transition:all 3s}.trans{transition:all .7s}.scroll-effect .blur-effect{background:radial-gradient(circle,#fff0 10%,#fff9 30%)}.scroll-effect .div1 .missed-orders{z-index:0;transform:translate(7rem,5.6rem)}@media screen and (max-width:600px){.scroll-effect .div1 .missed-orders{transform:translate(6rem,3rem)}}.scroll-effect .div1 .downtime{z-index:4;transform:rotate(-10deg)translate(-.4rem,6.8rem)}@media screen and (max-width:600px){.scroll-effect .div1 .downtime{transform:rotate(-10deg)translate(-1vh,3vh)}}.scroll-effect .div1 .cancelled-orders{color:#939494;z-index:5;transform:translate(-6rem,5.6rem)}@media screen and (max-width:600px){.scroll-effect .div1 .cancelled-orders{transform:translate(-5vh,3.25vh)}}@media screen and (max-width:770px){.scroll-effect .div2{width:80%}}.scroll-effect .div2 .avg-rating{z-index:0;transform:translate(11.8rem,-2.3rem)}@media screen and (max-width:600px){.scroll-effect .div2 .avg-rating{height:4rem;transform:translate(5vh,-1vh)}}.scroll-effect .div2 .pdf-box{transform:rotate(45deg)}.scroll-effect .div2 .pdf-box .pdf{transform:rotate(-45deg)}.scroll-effect .div2 .customer-feedback{z-index:3;transform:rotate(-10.65deg)translate(-6.5rem,-1.2rem)}@media screen and (max-width:600px){.scroll-effect .div2 .customer-feedback{height:4rem;transform:rotate(-10.65deg)translate(-3vh,-1vh)}}.scroll-effect .delivery-handoff{z-index:2;transform:rotate(10.11deg)translateY(-7rem)}@media screen and (max-width:600px){.scroll-effect .delivery-handoff{transform:rotate(10.11deg)translateY(-4vh)}}.scroll-effect .inaccurate-orders{z-index:0;transform:translateY(-14rem)}@media screen and (max-width:600px){.scroll-effect .inaccurate-orders{transform:translateY(-7rem)}}