{"version":3,"sources":["style.scss","utils/_animation.scss","style.css","utils/_variables.scss","base/_reset.scss","base/_typography.scss","components/_accordion.scss","components/_button.scss","components/_category.scss","components/_chatting.scss","components/_form.scss","components/_offcanvas.scss","components/_product-box.scss","components/_ratio.scss","components/_slider.scss","components/_tabs.scss","components/_title.scss","layout/_header.scss","layout/_nav.scss","pages/_address.scss","pages/_authentication.scss","pages/_cart.scss","pages/_coupon.scss","pages/_delivery-boy.scss","pages/_details.scss","pages/_empty-page.scss","pages/_grocery.scss","pages/_home.scss","pages/_index.scss","pages/_landing.scss","pages/_location.scss","pages/_notification.scss","pages/_order.scss","pages/_page-list.scss","pages/_payment.scss","pages/_pharmacy.scss","pages/_profile.scss","pages/_restaurant-app.scss","themes/_dark.scss"],"names":[],"mappings":"AAAA,oBAAA;ACAA;;2BAAA;AAGA;EACE;IACE,6BAAA;YAAA,qBAAA;IACA,YAAA;ECEF;EDAA;IACE,6BAAA;YAAA,qBAAA;IACA,UAAA;ECEF;AACF;ADVA;EACE;IACE,6BAAA;YAAA,qBAAA;IACA,YAAA;ECEF;EDAA;IACE,6BAAA;YAAA,qBAAA;IACA,UAAA;ECEF;AACF;ADCA;EACE;IACE,6BAAA;YAAA,qBAAA;ECCF;EDCA;IACE,6BAAA;YAAA,qBAAA;ECCF;AACF;ADPA;EACE;IACE,6BAAA;YAAA,qBAAA;ECCF;EDCA;IACE,6BAAA;YAAA,qBAAA;ECCF;AACF;ADEA;EACE;IACE,6BAAA;YAAA,qBAAA;ECAF;EDEA;IACE,6BAAA;YAAA,qBAAA;ECAF;AACF;ADNA;EACE;IACE,6BAAA;YAAA,qBAAA;ECAF;EDEA;IACE,6BAAA;YAAA,qBAAA;ECAF;AACF;AC7BA;;2BAAA;AAGA,gBAAA;AAGA,oBAAA;AACA;EACE,2BAAA;EACA,kCAAA;EACA,sBAAA;EACA,gBAAA;EACA,uBAAA;EACA,2BAAA;EACA,4BAAA;EACA,0BAAA;EACA,4BAAA;EACA,0BAAA;EACA,uBAAA;EACA,4BAAA;AD6BF;;AC1BA;EACE,mBAAA;EACA,sBAAA;EACA,0BAAA;EACA,2BAAA;EACA,oBAAA;EACA,yBAAA;AD6BF;;AC1BA;EACE,2BAAA;AD6BF;;AC1BA;EACE,0BAAA;AD6BF;;AF7DA,oBAAA;AIJA;;2BAAA;AAGA;EACE,SAAA;EACA,UAAA;EACA,8BAAA;UAAA,sBAAA;AFqEF;;AEjEE;EACE,6BAAA;KAAA,0BAAA;UAAA,qBAAA;AFoEJ;AElEI;EAEE,wBAAA;AFmEN;;AE9DA;EACE,eAAA;EACA,uCAAA;AFiEF;;AE9DA;;EAEE,iBAAA;AFiEF;;AE9DA;EACE,oBAAA;AFiEF;;AE9DA;EACE,iBAAA;AFiEF;;AE9DA;EACE,oBAAA;AFiEF;;AE9DA;EACE,4BAAA;AFiEF;;AE9DA;EACE,6CAAA;AFiEF;;AE9DA;EACE,2CAAA;AFiEF;;AE9DA;EACE,4CAAA;AFiEF;;AE9DA;EACE,6CAAA;AFiEF;;AE9DA;EACE,+CAAA;AFiEF;;AE/DA;EACE,4CAAA;AFkEF;;AEhEA;EACE,mDAAA;AFmEF;;AEhEA;EACE,8CAAA;AFmEF;;AE/DE;EACE,cAAA;AFkEJ;;AGhJA;;2BAAA;AAIA;EACE,SAAA;EACA,UAAA;AHkJF;;AG/IA;EACE,qCFNW;EEOX,uCAAA;EACA,gBAAA;EACA,WAAA;EACA,cAAA;EACA,aAAA;EACA,gBAAA;AHkJF;AGjJE;EACE,qBAAA;EACA,wBAAA;EACA,UAAA;AHmJJ;AGhJE;EACE,mBAAA;AHkJJ;AG/IE;EACE,yBAAA;EACA,kBAAA;EACA,yBAAA;AHiJJ;;AG7IA;EACE,gBAAA;EACA,eAAA;EACA,gBAAA;AHgJF;;AG7IA;EACE,eAAA;EACA,gBAAA;EACA,gBAAA;AHgJF;;AG7IA;EACE,eAAA;EACA,gBAAA;AHgJF;;AG7IA;EACE,eAAA;EACA,gBAAA;AHgJF;;AG7IA;EACE,eAAA;EACA,cAAA;EACA,gBAAA;AHgJF;;AG7IA;EACE,kDAAA;EACA,gBAAA;AHgJF;;AG7IA;EACE,eAAA;EACA,gBAAA;AHgJF;;AG7IA;EACE,qBAAA;AHgJF;;AG7IA;EACE,UAAA;EACA,gBAAA;AHgJF;;AG7IA;EACE,gBAAA;EACA,qBAAA;EACA,eAAA;AHgJF;;AF5NA,yBAAA;AMRA;;2BAAA;AAII;EACI,uBAAA;EACA,YAAA;EACA,iDAAA;EACA,WAAA;AJuOR;AIrOQ;EACI,eAAA;EACA,kBAAA;EACA,UAAA;AJuOZ;AIrOY;EACI,WAAA;EACA,kBAAA;EACA,qDAAA;EACA,WAAA;AJuOhB;AIpOY;EACI,eAAA;EACA,eAAA;EACA,gBAAA;EACA,gCAAA;EACA,uCAAA;AJsOhB;AIpOgB;EACI,gBAAA;EACA,iCAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,eAAA;EACA,cAAA;EACA,sBAAA;EACA,uBAAA;UAAA,eAAA;EACA,iBAAA;EACA,mBAAA;AJsOpB;AIpOoB;EACI,kBAAA;EACA,kBAAA;AJsOxB;AIlOgB;EACI,wBAAA;UAAA,gBAAA;AJoOpB;AIjOgB;EACI,gBAAA;EACA,gCAAA;EACA,gBAAA;EACA,eAAA;AJmOpB;AIjOoB;EACI,gBAAA;EACA,iCAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,eAAA;EACA,cAAA;EACA,sBAAA;EACA,uBAAA;UAAA,eAAA;EACA,iBAAA;AJmOxB;AIjOwB;EACI,kBAAA;EACA,kBAAA;AJmO5B;AI5NQ;EACI,sBAAA;AJ8NZ;;AIxNI;EACI,uCAAA;EACA,0CAAA;EACA,yDAAA;UAAA,iDAAA;EACA,kBAAA;AJ2NR;AIzNQ;EACI,kBAAA;EACA,eAAA;EACA,uCAAA;EACA,0CAAA;EACA,yDAAA;UAAA,iDAAA;EACA,kBAAA;AJ2NZ;AIzNY;EACI,aAAA;EACA,eAAA;EACA,gBAAA;EACA,gCAAA;EACA,uCAAA;AJ2NhB;AIzNgB;EACI,uBAAA;UAAA,eAAA;EACA,iBAAA;EACA,mBAAA;EACA,gBAAA;EACA,iCAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,eAAA;EACA,cAAA;AJ2NpB;AIzNoB;EACI,kBAAA;EACA,kBAAA;AJ2NxB;AIvNgB;EACI,wBAAA;UAAA,gBAAA;AJyNpB;AItNgB;EACI,gBAAA;EACA,gCAAA;EACA,gBAAA;EACA,eAAA;AJwNpB;AItNoB;EACI,gBAAA;EACA,iCAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,eAAA;EACA,cAAA;EACA,sBAAA;EACA,uBAAA;UAAA,eAAA;AJwNxB;AItNoB;EACI,wBAAA;UAAA,gBAAA;AJwNxB;AIlNQ;EACI,oBAAA;AJoNZ;AIlNY;EACI,gBAAA;EACA,eAAA;EACA,SAAA;EACA,oDAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,uCAAA;AJoNhB;AIlNgB;EACI,mBAAA;EACA,iBAAA;AJoNpB;AIjNgB;EACI,gCAAA;EACA,eAAA;AJmNpB;AIhNgB;EACI,wBAAA;UAAA,gBAAA;EACA,YAAA;EACA,SAAA;AJkNpB;AIhNoB;EACI,WAAA;AJkNxB;AI9MgB;EACI,6CAAA;EACA,yCAAA;AJgNpB;AI3MQ;EACI,yBAAA;AJ6MZ;AI3MY;EACI,yBAAA;AJ6MhB;AIzMgB;EACI,cAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAA;EACA,oDAAA;AJ2MpB;AIzMoB;EACI,mBAAA;EACA,iBAAA;AJ2MxB;;AK7ZA;;2BAAA;AAGA;EACE,gBAAA;EACA,+CAAA;ALgaF;AK9ZE;EACE,oBAAA;ALgaJ;AK7ZE;EACE,6CAAA;EACA,4BAAA;EACA,6CAAA;AL+ZJ;;AK3ZA;EACE,6CAAA;EACA,cAAA;EACA,gBAAA;EACA,kDAAA;EACA,kBAAA;AL8ZF;AK5ZE;EACE,6CAAA;EACA,cAAA;AL8ZJ;AK3ZE;EACE,6CAAA;EACA,4BAAA;EACA,6CAAA;AL6ZJ;;AKzZA;EACE,wCAAA;EACA,iCAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,SAAA;AL4ZF;AK1ZE;EACE,YAAA;AL4ZJ;AKzZE;EACE,wCAAA;EACA,iCAAA;AL2ZJ;;AKvZA;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,qBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,iCAAA;AL0ZF;AKxZE;EACE,iCAAA;AL0ZJ;;AM/dA;;2BAAA;AAIE;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,sBAAA;KAAA,mBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;EACA,UAAA;EACA,+HAAA;EAAA,2FAAA;ANieJ;AMheI;EACE,4CAAA;ANkeN;AM/dI;EAjBF;IAkBI,YAAA;IACA,WAAA;ENkeJ;AACF;AMheI;EACE,iCAAA;EACA,oDAAA;UAAA,4CAAA;EACA,kBAAA;ANkeN;AM/dI;EACE,WAAA;EACA,kBAAA;EACA,UAAA;EACA,YAAA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,mCAAA;UAAA,2BAAA;ANieN;AM9dI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,sBAAA;KAAA,mBAAA;ANgeN;AM9dM;EARF;IASI,WAAA;IACA,YAAA;ENieN;AACF;AM7dE;EACE,gCAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;AN+dJ;;AOjiBA;EACI,iBAAA;APoiBJ;;AOjiBA;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,sBAAA;MAAA,mBAAA;UAAA,qBAAA;EACA,mBAAA;APoiBJ;AOliBI;EACI,SAAA;APoiBR;;AOhiBA;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,4BAAA;EACA,2BAAA;EACA,sBAAA;EACA,kBAAA;APmiBJ;AOjiBI;EACI,iBAAA;EACA,mBAAA;APmiBR;;AO/hBA;EACI,gBAAA;EACA,YAAA;EACA,mBAAA;EACA,8BAAA;EACA,eAAA;APkiBJ;;AO/hBA;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,mBAAA;APkiBJ;;AO/hBA;EACI,kBAAA;EACA,iBAAA;APkiBJ;AOhiBI;EACI,iBAAA;EACA,mBAAA;APkiBR;;AO9hBA;EACI,iBAAA;APiiBJ;;AO7hBI;EACI,4BAAA;EACA,kCAAA;EACA,4BAAA;EACA,gCAAA;EACA,sCAAA;EACA,eAAA;APgiBR;AO9hBQ;EACI,cAAA;EACA,mBAAA;APgiBZ;;AO3hBA;EACI,8BAAA;EAAA,8BAAA;MAAA,+BAAA;UAAA,2BAAA;AP8hBJ;AO5hBI;EACI,uCAAA;EACA,4BAAA;EACA,4BAAA;AP8hBR;AO5hBQ;EACI,cAAA;AP8hBZ;AO1hBI;EACI,iBAAA;AP4hBR;AO1hBQ;EACI,kBAAA;EACA,kBAAA;AP4hBZ;AOzhBQ;EACI,WAAA;EACA,YAAA;EACA,mBAAA;AP2hBZ;;AOthBA;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,aAAA;EACA,eAAA;EACA,SAAA;EACA,OAAA;EACA,WAAA;EACA,uCAAA;APyhBJ;AOvhBI;EACI,WAAA;EACA,QAAA;APyhBR;AOthBI;EACI,aAAA;EACA,YAAA;EACA,kBAAA;EACA,cAAA;APwhBR;;AOphBA;EACI,wCAAA;EACA,kCAAA;UAAA,0BAAA;EACA,aAAA;EACA,gBAAA;EACA,eAAA;EACA,WAAA;EACA,gCAAA;APuhBJ;AOrhBI;EACI,iCAAA;APuhBR;AOxhBI;EACI,iCAAA;APuhBR;AOxhBI;EACI,iCAAA;APuhBR;AOxhBI;EACI,iCAAA;APuhBR;AOxhBI;EACI,iCAAA;APuhBR;AOphBI;EACI,aAAA;APshBR;;AOlhBA;EACI,gBAAA;EACA,yBAAA;EACA,iBAAA;EACA,oCAAA;EAAA,4BAAA;EACA,uCAAA;EACA,kCAAA;UAAA,0BAAA;EACA,kBAAA;APqhBJ;AOnhBI;EACI,kBAAA;EACA,iBAAA;APqhBR;;AQ/qBA;;2BAAA;AAIE;EACE,UAAA;EACA,gCAAA;ARirBJ;AQ9qBE;EACE,WAAA;EACA,cAAA;ARgrBJ;AQ/qBI;EACE,aAAA;EACA,cAAA;EACA,kDAAA;EACA,wCAAA;EACA,YAAA;EACA,kBAAA;EACA,wBAAA;UAAA,gBAAA;ARirBN;AQhrBM;EACE,iBAAA;ARkrBR;AQ/qBM;EACE,wBAAA;UAAA,gBAAA;EACA,yBAAA;ARirBR;AQ9qBM;EACE,iCAAA;ARgrBR;AQjrBM;EACE,iCAAA;ARgrBR;AQjrBM;EACE,iCAAA;ARgrBR;AQjrBM;EACE,iCAAA;ARgrBR;AQjrBM;EACE,iCAAA;ARgrBR;AQ7qBI;EACE,gCAAA;EACA,mBAAA;AR+qBN;AQ5qBI;EACE,WAAA;AR8qBN;AQ5qBM;EACE,wCAAA;EACA,YAAA;EACA,wBAAA;UAAA,gBAAA;EACA,aAAA;EACA,kDAAA;AR8qBR;AQ5qBQ;EACE,wBAAA;UAAA,gBAAA;EACA,yBAAA;AR8qBV;AQ3qBQ;EACE,iCAAA;AR6qBV;AQ9qBQ;EACE,iCAAA;AR6qBV;AQ9qBQ;EACE,iCAAA;AR6qBV;AQ9qBQ;EACE,iCAAA;AR6qBV;AQ9qBQ;EACE,iCAAA;AR6qBV;AQ1qBQ;EACE,4BAAA;AR4qBV;AQ1qBU;EACE,4BAAA;AR4qBZ;AQvqBI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;ARyqBN;AQvqBM;EACE,wCAAA;EACA,iCAAA;EACA,kBAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;ARyqBR;AQvqBQ;EACE,gBAAA;EACA,sBAAA;EACA,kBAAA;EACA,eAAA;EACA,cAAA;EACA,sBAAA;EACA,YAAA;ARyqBV;AQtqBQ;EACE,YAAA;ARwqBV;AQnqBQ;EACE,8BAAA;EAAA,2BAAA;EAAA,sBAAA;EACA,wCAAA;EACA,iCAAA;EACA,WAAA;ARqqBV;AQlqBQ;EACE,cAAA;ARoqBV;AQjqBY;EAEE,6CAAA;ARkqBd;AQ3pBI;EACE,kDAAA;EACA,cAAA;EACA,4BAAA;EACA,gCAAA;EACA,wCAAA;EACA,YAAA;AR6pBN;AQ1pBI;EACE,kBAAA;EACA,WAAA;EACA,aAAA;EACA,0CAAA;EACA,kCAAA;UAAA,0BAAA;EACA,kBAAA;EACA,4BAAA;EACA,gBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,aAAA;AR4pBN;AQ1pBM;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,QAAA;EACA,SAAA;EACA,wCAAA;UAAA,gCAAA;EACA,kBAAA;EACA,iCAAA;EACA,UAAA;EACA,UAAA;AR4pBR;AQzpBM;EACE,eAAA;EACA,gCAAA;EACA,kBAAA;AR2pBR;AQxpBM;EACE,kBAAA;EACA,YAAA;EACA,gCAAA;EACA,4BAAA;UAAA,oBAAA;AR0pBR;AQxpBM;EACE,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,+CAAA;EACA,kBAAA;AR0pBR;AQxpBM;EACE,kBAAA;EACA,YAAA;EACA,iCAAA;AR0pBR;AQxpBM;EACE,WAAA;EACA,aAAA;AR0pBR;;AQppBA;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,qBAAA;MAAA,iBAAA;EACA,gBAAA;EACA,SAAA;ARupBF;AQrpBE;EARF;IASI,6CAAA;ERwpBF;AACF;AQrpBI;EAEE,wBAAA;EACA,SAAA;ARspBN;AQnpBI;EACE,kCAAA;EACA,kCAAA;UAAA,0BAAA;EACA,kBAAA;EACA,YAAA;EACA,gCAAA;EACA,kBAAA;EACA,YAAA;EACA,aAAA;ARqpBN;AQnpBM;EACE,gCAAA;ARqpBR;AQtpBM;EACE,gCAAA;ARqpBR;AQtpBM;EACE,gCAAA;ARqpBR;AQtpBM;EACE,gCAAA;ARqpBR;AQtpBM;EACE,gCAAA;ARqpBR;AQlpBM;EACE,wBAAA;UAAA,gBAAA;EACA,6CAAA;ARopBR;AQ/oBE;EACE,gBAAA;ARipBJ;;AQ7oBA;EACE,kDAAA;EACA,iBAAA;ARgpBF;;AQ5oBE;EACE,kBAAA;EACA,WAAA;EACA,UAAA;AR+oBJ;AQ9oBI;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;EACA,eAAA;EACA,UAAA;ARgpBN;AQ/oBM;EACE,iCAAA;EAAA,yBAAA;ARipBR;AQhpBQ;EACE,gBAAA;EACA,yCAAA;EACA,iCAAA;EAAA,yBAAA;ARkpBV;AQhpBU;EACE,6CAAA;EACA,iCAAA;EAAA,yBAAA;ARkpBZ;AQ7oBI;EACE,WAAA;EACA,gDAAA;EACA,SAAA;EACA,gBAAA;EACA,kDAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,2CAAA;EACA,0CAAA;EACA,kBAAA;AR+oBN;AQ9oBM;EACE,WAAA;EACA,YAAA;EACA,0CAAA;EACA,mBAAA;EACA,kBAAA;ARgpBR;AQ9oBQ;EACE,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,uCAAA;EACA,sDAAA;UAAA,8CAAA;EACA,UAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;ARgpBV;;ASn7BA;;2BAAA;AAIE;EACE,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,aAAA;EACA,uCAAA;ATq7BJ;ASn7BI;EACE,iBAAA;EACA,kBAAA;EACA,gCAAA;ATq7BN;ASl7BI;EACE,kBAAA;EACA,WAAA;EACA,wBAAA;UAAA,gBAAA;ATo7BN;AS/6BI;EACE,WAAA;EACA,eAAA;EACA,gDAAA;ATi7BN;AS/6BM;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;ATi7BR;AS/6BQ;EACE,YAAA;EACA,mBAAA;EACA,yCAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;ATi7BV;AS96BQ;EACE,gCAAA;ATg7BV;AS76BQ;EACE,UAAA;EACA,+BAAA;EACA,SAAA;EACA,iBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;AT+6BV;AS76BU;EACE,YAAA;EACA,SAAA;AT+6BZ;AS56BU;EACE,wBAAA;UAAA,gBAAA;EACA,eAAA;AT86BZ;AS36BU;EACE,wDAAA;EACA,oDAAA;EACA,8CAAA;EACA,kBAAA;AT66BZ;ASt6BE;EACE,cAAA;EACA,gDAAA;EAsDA,gBAAA;EAgBA,gBAAA;ATo2BJ;ASx6BI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;AT06BN;ASx6BM;;EAEE,qBAAA;EACA,sBAAA;AT06BR;ASv6BM;EACE,gCAAA;EACA,eAAA;EACA,gBAAA;ATy6BR;ASt6BM;EACE,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,gBAAA;EACA,iCAAA;EACA,iCAAA;EACA,0CAAA;EACA,oDAAA;UAAA,4CAAA;EACA,kBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,eAAA;ATw6BR;ASp6BI;EACE,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ATs6BN;ASn6BI;EACE,wBAAA;EACA,kBAAA;EACA,WAAA;EACA,WAAA;EACA,kCAAA;EACA,kBAAA;EACA,qIAAA;EAAA,2FAAA;EACA,qBAAA;EACA,4BAAA;EACA,mBAAA;ATq6BN;ASj6BI;EACE,wBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,uCAAA;EACA,iBAAA;EACA,kCAAA;UAAA,0BAAA;EACA,oCAAA;EAAA,4BAAA;ATm6BN;ASj6BM;EACE,6CAAA;ATm6BR;AS95BI;EACE,wBAAA;EACA,wBAAA;UAAA,gBAAA;EACA,YAAA;EACA,uBAAA;ATg6BN;AS55BE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;EACA,oBAAA;EACA,gDAAA;AT85BJ;AS55BI;EACE,WAAA;EACA,kBAAA;EACA,wCAAA;EACA,aAAA;AT85BN;AS55BM;EACE,uCAAA;EACA,6CAAA;AT85BR;AS35BM;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,SAAA;EACA,UAAA;AT65BR;AS35BQ;EACE,gBAAA;EACA,kDAAA;EACA,gCAAA;EACA,kBAAA;AT65BV;AS35BU;EACE,mBAAA;EACA,iBAAA;AT65BZ;ASx5BU;EACE,6CAAA;EACA,yCAAA;AT05BZ;ASv5BU;EACE,wBAAA;UAAA,gBAAA;ATy5BZ;ASr5BQ;EACE,8CAAA;ATu5BV;ASn5BU;EACE,WAAA;EACA,YAAA;EACA,mBAAA;EACA,SAAA;ATq5BZ;AS94BE;EACE,eAAA;EACA,SAAA;EACA,kBAAA;EACA,WAAA;EACA,uCAAA;EACA,mDAAA;UAAA,2CAAA;ATg5BJ;;AS34BE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,WAAA;AT84BJ;AS54BI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,gBAAA;EACA,gCAAA;AT84BN;AS14BE;EACE,kBAAA;EACA,SAAA;EACA,gCAAA;EACA,wBAAA;UAAA,gBAAA;AT44BJ;ASv4BM;EACE,gBAAA;EACA,eAAA;ATy4BR;ASt4BM;EACE,kCAAA;ATw4BR;ASp4BI;EACE,uDAAA;ATs4BN;ASp4BM;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;ATs4BR;ASp4BQ;EACE,gCAAA;ATs4BV;ASn4BQ;EACE,iBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;ATq4BV;ASn4BU;EACE,kBAAA;EACA,kBAAA;ATq4BZ;ASl4BU;EACE,kBAAA;EACA,gBAAA;EACA,gCAAA;ATo4BZ;ASl4BY;EACE,mBAAA;EACA,iBAAA;ATo4Bd;ASh4BU;EACE,4CAAA;EACA,wBAAA;UAAA,gBAAA;EACA,gBAAA;ATk4BZ;ASh4BY;EACE,oBAAA;EACA,eAAA;ATk4Bd;AS93BU;EACE,6CAAA;EACA,YAAA;ATg4BZ;ASz3BE;EACE,gBAAA;EACA,oBAAA;AT23BJ;;ASv3BA;EACE,oDAAA;UAAA,4CAAA;EACA,gCAAA;EACA,aAAA;AT03BF;ASx3BE;EACE,YAAA;EACA,uCAAA;AT03BJ;ASv3BE;EACE,WAAA;EACA,mBAAA;ATy3BJ;ASt3BE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,eAAA;EACA,iDAAA;ATw3BJ;ASt3BI;EACE,gBAAA;EACA,eAAA;EACA,aAAA;EACA,gCAAA;ATw3BN;ASr3BI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;ATu3BN;ASr3BM;EACE,iCAAA;ATu3BR;ASn3BI;EACE,eAAA;EACA,gBAAA;EACA,iCAAA;ATq3BN;ASn3BM;EACE,kCAAA;EACA,eAAA;EACA,gBAAA;ATq3BR;ASj3BI;EACE,kBAAA;EACA,6CAAA;EACA,iBAAA;EACA,2BAAA;EAAA,2BAAA;EAAA,oBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,uCAAA;EACA,kBAAA;ATm3BN;ASj3BM;EACE,uCAAA;EACA,kCAAA;EACA,YAAA;EACA,eAAA;EACA,aAAA;EACA,WAAA;EACA,kBAAA;ATm3BR;ASh3BM;EACE,kCAAA;ATk3BR;AS72BE;EACE,eAAA;EACA,iBAAA;EACA,SAAA;AT+2BJ;AS52BE;EACE,2BAAA;UAAA,0BAAA;EACA,WAAA;AT82BJ;AS52BI;EACE,iCAAA;EACA,eAAA;EACA,kBAAA;EACA,qBAAA;AT82BN;;ASz2BA;EACE,eAAA;EACA,WAAA;EACA,SAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;EACA,UAAA;EACA,gBAAA;EACA,qHAAA;EAAA,mEAAA;EACA,oDAAA;UAAA,4CAAA;EACA,gCAAA;EACA,YAAA;EACA,aAAA;EACA,aAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AT42BF;ASz2BI;EACE,gBAAA;EACA,eAAA;EACA,kCAAA;AT22BN;ASx2BI;EACE,yBAAA;EACA,eAAA;AT02BN;ASt2BE;EACE,eAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,iBAAA;EACA,iBAAA;ATw2BJ;ASt2BI;EACE,kBAAA;EACA,kBAAA;ATw2BN;;ASn2BA;EACE,eAAA;EACA,WAAA;EACA,SAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;EACA,UAAA;EACA,gBAAA;EACA,qHAAA;EAAA,mEAAA;EACA,oDAAA;UAAA,4CAAA;EACA,gCAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,aAAA;ATs2BF;ASn2BI;EACE,gBAAA;EACA,eAAA;EACA,kCAAA;ATq2BN;ASl2BI;EACE,yBAAA;EACA,eAAA;ATo2BN;ASh2BE;EACE,eAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,iBAAA;EACA,iBAAA;ATk2BJ;ASh2BI;EACE,kBAAA;EACA,kBAAA;ATk2BN;;AS71BA;EACE,aAAA;EACA,mDAAA;UAAA,2CAAA;EACA,gCAAA;EACA,uCAAA;EACA,eAAA;EACA,SAAA;EACA,WAAA;EACA,SAAA;EACA,gBAAA;EACA,mCAAA;UAAA,2BAAA;ATg2BF;AS91BE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;EACA,oBAAA;EACA,kDAAA;ATg2BJ;AS91BI;EACE,WAAA;EACA,YAAA;EACA,mBAAA;EACA,oBAAA;KAAA,iBAAA;ATg2BN;AS71BI;EACE,gBAAA;EACA,gCAAA;AT+1BN;AS51BI;EACE,iCAAA;AT81BN;AS31BI;EACE,iBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;AT61BN;AS31BM;EACE,kBAAA;EACA,kBAAA;AT61BR;AS11BM;EACE,mCAAA;EACA,YAAA;EACA,mBAAA;AT41BR;ASz1BM;EACE,+CAAA;EACA,YAAA;EACA,mBAAA;AT21BR;ASz1BM;EACE,6CAAA;EACA,YAAA;EACA,mBAAA;AT21BR;ASt1BE;EACE,eAAA;EACA,kDAAA;ATw1BJ;ASr1BM;EACE,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;EACA,oBAAA;ATu1BR;ASp1BU;EACE,aAAA;ATs1BZ;ASl1BQ;EACE,WAAA;EACA,kBAAA;EACA,YAAA;EACA,OAAA;EACA,WAAA;EACA,6CAAA;EACA,gCAAA;UAAA,wBAAA;ATo1BV;ASl1BU;EACE,WAAA;EACA,QAAA;ATo1BZ;ASh1BQ;EACE,kBAAA;EACA,WAAA;EACA,YAAA;EACA,wCAAA;EACA,mBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;ATk1BV;ASh1BU;EACE,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,4CAAA;EACA,mBAAA;ATk1BZ;AS50BY;EACE,mCAAA;AT80Bd;AS10BU;EACE,yCAAA;AT40BZ;ASz0BU;EACE,gDAAA;AT20BZ;ASz0BY;EACE,6CAAA;AT20Bd;;ASj0BE;EACE,aAAA;ATo0BJ;ASl0BI;EACE,gBAAA;ATo0BN;;AS9zBE;EACE,aAAA;ATi0BJ;;AS5zBE;EACE,aAAA;AT+zBJ;AS7zBI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,uCAAA;AT+zBN;AS7zBM;EACE,4BAAA;AT+zBR;AS3zBI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,eAAA;EACA,QAAA;EACA,gBAAA;AT6zBN;AS3zBM;EACE,kCAAA;AT6zBR;ASzzBI;EACE,gBAAA;EACA,wCAAA;EACA,YAAA;EACA,wBAAA;UAAA,gBAAA;AT2zBN;;ASrzBE;EACE,aAAA;ATwzBJ;AStzBI;EACE,gBAAA;ATwzBN;;ASlzBE;EACE,WAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,SAAA;EACA,aAAA;EACA,gCAAA;EACA,uCAAA;ATqzBJ;ASnzBI;EACE,eAAA;ATqzBN;ASlzBI;EACE,iBAAA;ATozBN;AShzBE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,eAAA;EACA,oDAAA;ATkzBJ;AShzBI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;ATkzBN;AShzBM;EACE,gBAAA;EACA,kCAAA;ATkzBR;AS/yBM;EACE,kCAAA;EACA,gBAAA;ATizBR;AS9yBM;EACE,UAAA;EACA,eAAA;EACA,iCAAA;ATgzBR;AS5yBI;EACE,eAAA;EACA,gCAAA;AT8yBN;AS1yBE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,eAAA;EACA,uDAAA;AT4yBJ;AS1yBI;EACE,6CAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,mBAAA;EACA,4BAAA;AT4yBN;AS1yBM;EACE,yBAAA;AT4yBR;ASxyBI;EACE,eAAA;EACA,UAAA;AT0yBN;ASxyBM;EACE,gCAAA;EACA,gBAAA;AT0yBR;ASvyBM;EACE,eAAA;EACA,iCAAA;ATyyBR;;ASlyBE;EACE,YAAA;ATqyBJ;ASnyBI;EACE,kBAAA;EACA,WAAA;EACA,SAAA;ATqyBN;ASnyBM;EACE,UAAA;EACA,YAAA;EACA,iBAAA;ATqyBR;ASjyBI;EACE,iBAAA;EACA,oCAAA;EACA,aAAA;ATmyBN;ASjyBM;EACE,gBAAA;ATmyBR;AShyBM;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,mBAAA;EACA,gBAAA;ATkyBR;AShyBQ;EACE,kBAAA;ATkyBV;AShyBU;EACE,eAAA;EACA,mBAAA;ATkyBZ;AS/xBU;EACE,gBAAA;EACA,gCAAA;ATiyBZ;AS9xBU;EACE,iCAAA;ATgyBZ;AS3xBM;EACE,qBAAA;AT6xBR;;ASvxBA;EACE,uBAAA;EACA,uCAAA;AT0xBF;ASxxBE;EACE,2BAAA;EACA,4BAAA;EACA,sBAAA;EACA,iBAAA;EACA,YAAA;EACA,mBAAA;AT0xBJ;ASvxBE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,uBAAA;MAAA,oBAAA;UAAA,sBAAA;ATyxBJ;ASvxBI;EACE,gCAAA;EACA,iBAAA;ATyxBN;ASvxBM;EACE,cAAA;EACA,kBAAA;ATyxBR;ASrxBI;EACE,WAAA;EACA,mBAAA;ATuxBN;ASpxBI;EACE,yCAAA;EACA,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,wBAAA;UAAA,gBAAA;ATsxBN;ASpxBM;EACE,cAAA;EACA,kBAAA;ATsxBR;AS/wBM;EACE,cAAA;EACA,aAAA;EACA,oDAAA;ATixBR;AS/wBQ;EACE,aAAA;ATixBV;AS9wBQ;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;ATgxBV;AS7wBY;EACE,kBAAA;EACA,WAAA;EACA,YAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;AT+wBd;AS7wBc;EACE,yCAAA;AT+wBhB;AS7wBgB;EACE,mDAAA;UAAA,2CAAA;EACA,uCAAA;AT+wBlB;AS3wBc;EACE,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,sCAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;EACA,wBAAA;EAAA,gBAAA;AT6wBhB;ASxwBU;EACE,gCAAA;AT0wBZ;ASvwBU;EACE,gCAAA;EACA,eAAA;EACA,cAAA;ATywBZ;;AS/vBI;EACE,6CAAA;EACA,YAAA;ATkwBN;ASjwBM;EACE,cAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;ATmwBR;AS/vBM;EACE,gBAAA;EACA,aAAA;EACA,wCAAA;EACA,mBAAA;ATiwBR;AS/vBQ;EACE,eAAA;EACA,oCAAA;ATiwBV;AS/vBQ;EACE,kDAAA;EACA,oBAAA;EACA,gBAAA;EACA,gCAAA;EACA,kDAAA;ATiwBV;AS/vBQ;EACE,iBAAA;ATiwBV;AShwBU;EACE,kBAAA;EACA,WAAA;EACA,YAAA;ATkwBZ;AShwBY;EACE,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,mDAAA;EACA,mCAAA;UAAA,2BAAA;ATkwBd;AShwBc;EACE,WAAA;EACA,UAAA;ATkwBhB;AS7vBc;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;EACA,iBAAA;EACA,kDAAA;EACA,gCAAA;AT+vBhB;AS7vBgB;EACE,eAAA;AT+vBlB;ASxvBM;EACE,aAAA;EACA,wCAAA;AT0vBR;ASxvBU;EACE,gBAAA;AT0vBZ;ASxvBY;EACE,WAAA;EACA,YAAA;EACA,uCAAA;EACA,6CAAA;AT0vBd;ASxvBc;EACE,wBAAA;UAAA,gBAAA;EACA,kBAAA;AT0vBhB;AStvBY;EACE,iCAAA;EACA,eAAA;EACA,iBAAA;ATwvBd;ASvvBc;EACE,kBAAA;EACA,kBAAA;ATyvBhB;ASrvBY;EACE,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,6CAAA;ATuvBd;AStvBc;EACE,WAAA;EACA,YAAA;EACA,WAAA;EACA,6CAAA;EACA,mBAAA;ATwvBhB;ASlvBU;EACE,uCAAA;ATovBZ;ASjvBQ;EACE,uCAAA;ATmvBV;;AS3uBE;EACE,uCAAA;AT8uBJ;AS7uBI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,qDAAA;EACA,uCAAA;AT+uBN;AS7uBM;EACE,gCAAA;AT+uBR;AS9uBQ;EACE,WAAA;EACA,YAAA;ATgvBV;AS5uBM;EACE,UAAA;EACA,SAAA;EACA,iBAAA;AT8uBR;AS7uBQ;EACE,wBAAA;UAAA,gBAAA;AT+uBV;ASzuBM;EACE,wBAAA;UAAA,gBAAA;AT2uBR;ASvuBM;EACE,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,kCAAA;ATyuBR;AStuBM;EACE,iCAAA;ATwuBR;ASruBM;EACE,kBAAA;EACA,oBAAA;EACA,eAAA;EACA,iCAAA;ATuuBR;ASpuBM;EACE,+CAAA;ATsuBR;ASpuBQ;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,oBAAA;ATsuBV;ASpuBU;EACE,UAAA;EACA,gCAAA;ATsuBZ;ASpuBU;EACE,eAAA;EACA,gBAAA;EACA,cAAA;EACA,gCAAA;ATsuBZ;ASpuBU;EACE,gCAAA;EACA,kBAAA;ATsuBZ;ASruBY;EACE,mBAAA;EACA,mBAAA;ATuuBd;AShuBI;EACE,kDAAA;ATkuBN;;AU33DA;;2BAAA;AAGA;EACE,iBAAA;AV83DF;AU53DE;EACE,kBAAA;EACA,iBAAA;EACA,2GAAA;EACA,wDAAA;UAAA,gDAAA;EACA,kBAAA;EACA,iBAAA;AV83DJ;AU53DI;EACE,cAAA;AV83DN;AU33DI;EACE,YAAA;EACA,uCAAA;EACA,kBAAA;AV63DN;AU33DM;EACE,kBAAA;EACA,kBAAA;AV63DR;AU13DM;EACE,wCAAA;EACA,qBAAA;AV43DR;AUx3DI;EACE,iBAAA;EACA,cAAA;AV03DN;AUt3DM;EACE,gCAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;AVw3DR;AUr3DM;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,SAAA;EACA,eAAA;AVu3DR;AUr3DQ;EACE,kBAAA;EACA,eAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;EACA,gCAAA;AVu3DV;AUp3DY;EACE,aAAA;AVs3Dd;AUl3DU;EACE,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,YAAA;EACA,+CAAA;EACA,mBAAA;AVo3DZ;AUl3DY;EACE,yBAAA;AVo3Dd;AUh3DU;EACE,WAAA;EACA,kBAAA;EACA,iBAAA;EACA,iDAAA;UAAA,yCAAA;EACA,QAAA;EACA,6CAAA;EACA,UAAA;EACA,WAAA;AVk3DZ;AUh3DY;EACE,kBAAA;EACA,kBAAA;AVk3Dd;AU52DM;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,gBAAA;AV82DR;AU52DQ;EACE,gCAAA;EACA,gBAAA;AV82DV;AU32DQ;EACE,WAAA;EACA,YAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yCAAA;EACA,mBAAA;AV62DV;AU32DU;EACE,kCAAA;AV62DZ;;AUr2DA;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,0CAAA;EACA,oDAAA;UAAA,4CAAA;EACA,mBAAA;EACA,YAAA;AVw2DF;AUt2DE;EACE,kBAAA;EACA,QAAA;EACA,UAAA;AVw2DJ;AUt2DI;EACE,YAAA;EACA,SAAA;AVw2DN;AUr2DI;EACE,YAAA;EACA,kCAAA;EACA,oCAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;AVu2DN;AUp2DI;EACE,aAAA;AVs2DN;AUn2DM;EACE,aAAA;AVq2DR;AUn2DM;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,kCAAA;AVq2DR;AUn2DM;EACE,gDAAA;UAAA,wCAAA;AVq2DR;AUn2DM;EACE,iDAAA;UAAA,yCAAA;AVq2DR;AUh2DE;EACE,kBAAA;EACA,UAAA;EACA,YAAA;EACA,4BAAA;EACA,gBAAA;AVk2DJ;AUh2DI;EACE,4BAAA;AVk2DN;AU/1DI;EACE,YAAA;EACA,oBAAA;KAAA,iBAAA;AVi2DN;AU91DI;EACE,kBAAA;EACA,SAAA;EACA,OAAA;EACA,aAAA;EACA,4BAAA;EACA,0IAAA;EAAA,sFAAA;EACA,WAAA;AVg2DN;AU91DM;EACE,eAAA;EACA,yBAAA;AVg2DR;AU71DM;EACE,yBAAA;AV+1DR;AU51DM;EACE,WAAA;EACA,QAAA;AV81DR;AUz1DE;EACE,UAAA;AV21DJ;AUz1DI;EACE,yBAAA;AV21DN;AUz1DM;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AV21DR;AUz1DQ;EACE,gBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;AV21DV;AUx1DQ;EACE,sFAAA;EAEA,mBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,2CAAA;EACA,eAAA;EACA,gBAAA;EACA,mCAAA;EACA,iDAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;AVy1DV;AUv1DU;EACE,eAAA;EACA,cAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;AVy1DZ;AUp1DM;EACE,gCAAA;AVs1DR;AUl1DI;EACE,YAAA;EACA,UAAA;EACA,eAAA;EACA,iCAAA;EACA,gBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;AVo1DN;AUl1DM;EACE,iBAAA;AVo1DR;AUh1DI;EACE,qDAAA;EACA,mBAAA;EACA,gBAAA;EACA,gBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;EACA,eAAA;EACA,gCAAA;AVk1DN;AUh1DM;EACE,iBAAA;AVk1DR;AU/0DM;EACE,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,YAAA;EACA,+CAAA;EACA,mBAAA;AVi1DR;AU/0DQ;EACE,yBAAA;AVi1DV;AU50DI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,QAAA;EACA,iBAAA;AV80DN;AU50DM;EACE,kBAAA;EACA,UAAA;EACA,gBAAA;EACA,mDAAA;EACA,qDAAA;EACA,sDAAA;AV80DR;AU50DQ;EACE,iBAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,kDAAA;EACA,oDAAA;EACA,qDAAA;AV80DV;AU30DQ;EACE,kBAAA;EACA,gBAAA;EACA,YAAA;EACA,gCAAA;AV60DV;AU30DU;EACE,iBAAA;AV60DZ;AU10DU;EACE,WAAA;EACA,kBAAA;EACA,SAAA;EACA,OAAA;EACA,6CAAA;EACA,UAAA;EACA,WAAA;AV40DZ;AU10DY;EACE,WAAA;EACA,QAAA;AV40Dd;AUx0DU;EACE,WAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,kCAAA;UAAA,0BAAA;EACA,UAAA;EACA,WAAA;EACA,uCAAA;EACA,mBAAA;AV00DZ;AUx0DY;EACE,WAAA;EACA,WAAA;AV00Dd;AUr0DQ;EACE,gCAAA;AVu0DV;AUn0DM;EACE,kBAAA;EACA,UAAA;EACA,YAAA;AVq0DR;AUn0DQ;EACE,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,mDAAA;EACA,mCAAA;UAAA,2BAAA;AVq0DV;AUn0DU;EACE,WAAA;EACA,UAAA;AVq0DZ;AUh0DU;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;EACA,iBAAA;EACA,kDAAA;EACA,gCAAA;AVk0DZ;;AU1zDA;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;AV6zDF;AU3zDE;EACE,yBAAA;AV6zDJ;AU3zDI;EACE,gBAAA;EACA,eAAA;EACA,aAAA;EACA,gCAAA;AV6zDN;AU1zDI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;AV4zDN;AU1zDM;EACE,iCAAA;AV4zDR;AUzzDM;EACE,mDAAA;AV2zDR;AUzzDQ;EACE,kBAAA;EACA,oDAAA;AV2zDV;AUtzDI;EACE,eAAA;EACA,gBAAA;EACA,iCAAA;AVwzDN;AUtzDM;EACE,kCAAA;EACA,eAAA;EACA,gBAAA;AVwzDR;AUpzDI;EACE,kDAAA;EACA,UAAA;EACA,gBAAA;EACA,uBAAA;EACA,oBAAA;EACA,qBAAA;EACA,4BAAA;AVszDN;AUlzDE;EACE,kBAAA;EACA,kBAAA;EACA,YAAA;EACA,aAAA;AVozDJ;AUlzDI;EACE,iBAAA;AVozDN;AUjzDI;EACE,mBAAA;AVmzDN;AUhzDI;EACE,kBAAA;EACA,mCAAA;UAAA,2BAAA;EACA,SAAA;EACA,aAAA;EACA,yDAAA;UAAA,iDAAA;EACA,kBAAA;AVkzDN;AUhzDM;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,iBAAA;EACA,6CAAA;EACA,kCAAA;EACA,uCAAA;EACA,SAAA;EACA,eAAA;AVkzDR;AUhzDQ;EACE,6CAAA;EACA,kCAAA;EACA,uCAAA;AVkzDV;AU7yDI;EACE,kBAAA;EACA,6CAAA;EACA,iBAAA;EACA,2BAAA;EAAA,2BAAA;EAAA,oBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,uCAAA;EACA,kBAAA;EACA,kBAAA;EACA,mCAAA;UAAA,2BAAA;EACA,SAAA;EACA,aAAA;EACA,aAAA;AV+yDN;AU7yDM;EACE,uCAAA;EACA,kCAAA;EACA,YAAA;EACA,eAAA;EACA,aAAA;EACA,WAAA;EACA,kBAAA;AV+yDR;AU5yDM;EACE,kCAAA;AV8yDR;;AUxyDA;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;EACA,iDAAA;EACA,iCAAA;EACA,0CAAA;EACA,oDAAA;UAAA,4CAAA;EACA,mBAAA;AV2yDF;AUxyDI;EACE,WAAA;EACA,YAAA;EACA,mBAAA;AV0yDN;AUtyDE;EACE,+BAAA;EACA,kBAAA;AVwyDJ;AUtyDI;EACE,gCAAA;EACA,gBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;AVwyDN;AUryDI;EACE,iCAAA;EACA,gBAAA;EACA,eAAA;AVuyDN;AUpyDI;EACE,6CAAA;EACA,iBAAA;EACA,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,uCAAA;EACA,kBAAA;EACA,kBAAA;EACA,mCAAA;UAAA,2BAAA;EACA,UAAA;EACA,SAAA;AVsyDN;AUpyDM;EACE,uCAAA;EACA,kCAAA;EACA,YAAA;EACA,eAAA;EACA,aAAA;EACA,WAAA;EACA,kBAAA;AVsyDR;AUnyDM;EACE,kCAAA;AVqyDR;AUjyDI;EACE,kBAAA;EACA,MAAA;EACA,QAAA;AVmyDN;AUjyDM;EACE,OAAA;EACA,YAAA;AVmyDR;AU/xDI;EACE,kCAAA;EACA,gBAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;AViyDN;;AU3xDE;EACE,WAAA;EACA,aAAA;AV8xDJ;AU3xDE;EACE,wBAAA;EACA,aAAA;AV6xDJ;AU3xDI;EACE,UAAA;EACA,qDAAA;AV6xDN;AU1xDQ;EACE,gBAAA;AV4xDV;AUvxDI;EACE,UAAA;AVyxDN;AUxxDM;EACE,eAAA;AV0xDR;AUvxDM;EACE,mBAAA;AVyxDR;AUvxDQ;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,SAAA;EACA,eAAA;AVyxDV;AUvxDU;EACE,kBAAA;EACA,eAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;EACA,gCAAA;AVyxDZ;AUtxDc;EACE,aAAA;AVwxDhB;AUpxDY;EACE,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,YAAA;EACA,+CAAA;EACA,mBAAA;AVsxDd;AUnxDY;EACE,WAAA;EACA,kBAAA;EACA,iBAAA;EACA,iDAAA;UAAA,yCAAA;EACA,QAAA;EACA,6CAAA;EACA,UAAA;EACA,WAAA;AVqxDd;AUnxDc;EACE,kBAAA;EACA,kBAAA;AVqxDhB;AU/wDQ;EACE,eAAA;EACA,YAAA;EACA,iBAAA;AVixDV;AU/wDU;EACE,kBAAA;EACA,kBAAA;AVixDZ;AU5wDQ;EACE,kBAAA;EACA,WAAA;EACA,YAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;AV8wDV;AU5wDU;EACE,yCAAA;AV8wDZ;AU5wDY;EACE,mDAAA;UAAA,2CAAA;EACA,uCAAA;AV8wDd;AU1wDU;EACE,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,sCAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;EACA,wBAAA;EAAA,gBAAA;AV4wDZ;;AUnwDA;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;AVswDF;AUrwDE;EACE,cAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,iCAAA;UAAA,yBAAA;AVuwDJ;AUtwDI;EACE,gCAAA;UAAA,wBAAA;AVwwDN;AUtwDI;EACE,iCAAA;UAAA,yBAAA;AVwwDN;AUtwDI;EACE,iCAAA;UAAA,yBAAA;AVwwDN;AUtwDI;EACE,iCAAA;UAAA,yBAAA;AVwwDN;AUtwDI;EACE,WAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,mBAAA;AVwwDN;AUtwDI;EACE,WAAA;EACA,cAAA;EACA,kBAAA;EACA,SAAA;EACA,UAAA;EACA,kBAAA;EACA,UAAA;EACA,WAAA;EACA,uCAAA;EACA,8BAAA;UAAA,sBAAA;AVwwDN;;AUlwDA;EACE;IACE,UAAA;IACA,8BAAA;YAAA,sBAAA;EVqwDF;EUnwDA;IACE,UAAA;IACA,UAAA;IACA,8BAAA;YAAA,sBAAA;EVqwDF;EUnwDA;IACE,QAAA;IACA,UAAA;EVqwDF;EUnwDA;IACE,QAAA;IACA,UAAA;IACA,8BAAA;YAAA,sBAAA;EVqwDF;EUnwDA;IACE,QAAA;IACA,8BAAA;YAAA,sBAAA;EVqwDF;AACF;;AU3xDA;EACE;IACE,UAAA;IACA,8BAAA;YAAA,sBAAA;EVqwDF;EUnwDA;IACE,UAAA;IACA,UAAA;IACA,8BAAA;YAAA,sBAAA;EVqwDF;EUnwDA;IACE,QAAA;IACA,UAAA;EVqwDF;EUnwDA;IACE,QAAA;IACA,UAAA;IACA,8BAAA;YAAA,sBAAA;EVqwDF;EUnwDA;IACE,QAAA;IACA,8BAAA;YAAA,sBAAA;EVqwDF;AACF;AUnwDA;EACE;IACE,8BAAA;YAAA,sBAAA;EVqwDF;EUnwDA;IACE,8BAAA;YAAA,sBAAA;EVqwDF;EUnwDA;IACE,8BAAA;YAAA,sBAAA;EVqwDF;AACF;AU9wDA;EACE;IACE,8BAAA;YAAA,sBAAA;EVqwDF;EUnwDA;IACE,8BAAA;YAAA,sBAAA;EVqwDF;EUnwDA;IACE,8BAAA;YAAA,sBAAA;EVqwDF;AACF;AWllFA;;2BAAA;AAKI;EACE,gBAAA;EACA,WAAA;EACA,cAAA;AXklFN;;AW3kFI;EACE,gBAAA;EACA,WAAA;EACA,cAAA;AX8kFN;;AWvkFI;EACE,gBAAA;EACA,WAAA;EACA,cAAA;AX0kFN;;AWnkFI;EACE,gBAAA;EACA,WAAA;EACA,cAAA;AXskFN;;AW/jFI;EACE,gBAAA;EACA,WAAA;EACA,cAAA;AXkkFN;;AW3jFI;EACE,mBAAA;EACA,WAAA;EACA,cAAA;AX8jFN;;AWvjFI;EACE,gBAAA;EACA,WAAA;EACA,cAAA;AX0jFN;;AWnjFI;EACE,iBAAA;EACA,WAAA;EACA,cAAA;AXsjFN;;AW/iFI;EACE,yBAAA;EACA,WAAA;EACA,cAAA;AXkjFN;;AW3iFI;EACE,iBAAA;EACA,WAAA;EACA,cAAA;AX8iFN;;AWviFI;EACE,iBAAA;EACA,WAAA;EACA,cAAA;AX0iFN;;AWriFA;EACE,mCAAA;AXwiFF;;AWriFA;EACE,sCAAA;AXwiFF;;AWriFA;EACE,sCAAA;AXwiFF;;AWriFA;EACE,oCAAA;AXwiFF;;AWriFA;EACE,qCAAA;AXwiFF;;AWriFA;EACE,mCAAA;AXwiFF;;AY9qFA;;2BAAA;AAII;EACI,sBAAA;AZgrFR;AY7qFI;EACI,sBAAA;AZ+qFR;;AY3qFA;EACI,cAAA;AZ8qFJ;;AYzqFQ;EACI,6BAAA;UAAA,qBAAA;EACA,YAAA;AZ4qFZ;AYvqFQ;EACI,2BAAA;UAAA,mBAAA;EACA,UAAA;AZyqFZ;;AarsFA;;2BAAA;AAGA;EACI,sDAAA;EACA,QAAA;AbwsFJ;AarsFQ;EACI,iCAAA;EACA,kBAAA;EACA,aAAA;AbusFZ;AarsFY;EACI,kCAAA;EACA,uCAAA;AbusFhB;AarsFgB;EACI,WAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,kCAAA;UAAA,0BAAA;EACA,UAAA;EACA,WAAA;EACA,6CAAA;EACA,mBAAA;AbusFpB;AansFoB;EACI,WAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,kCAAA;UAAA,0BAAA;EACA,UAAA;EACA,WAAA;EACA,6CAAA;EACA,mBAAA;AbqsFxB;AansFwB;EACI,WAAA;EACA,QAAA;AbqsF5B;;AazrFA;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,qBAAA;MAAA,iBAAA;EACA,gBAAA;EACA,WAAA;EACA,gBAAA;Ab4rFJ;Aa1rFI;EACI,8BAAA;EACA,WAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,qBAAA;EACA,eAAA;EACA,kBAAA;EACA,wCAAA;EAAA,gCAAA;EACA,gBAAA;EACA,gDAAA;Ab4rFR;Aa1rFQ;EACI,WAAA;EACA,cAAA;EACA,gBAAA;EACA,eAAA;EACA,cAAA;EACA,mBAAA;EACA,iCAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;EACA,iDAAA;Ab4rFZ;Aa1rFY;EACI,iBAAA;EACA,kBAAA;EACA,gBAAA;Ab4rFhB;AazrFY;EACI,yBAAA;Ab2rFhB;AaxrFY;EACI,6BAAA;EACA,kCAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;EACA,oDAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;Ab0rFhB;AazrFgB;EACI,aAAA;Ab2rFpB;;AaprFA;EACI,qBAAA;MAAA,iBAAA;EACA,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,SAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,YAAA;AburFJ;AarrFI;EACI,mBAAA;EACA,wCAAA;AburFR;AarrFQ;EACI,WAAA;EACA,aAAA;EACA,gBAAA;EACA,cAAA;EACA,eAAA;EACA,mBAAA;EACA,iCAAA;AburFZ;AarrFY;EACI,6CAAA;EACA,yBAAA;EACA,wCAAA;EAAA,gCAAA;AburFhB;AatrFgB;EACI,yBAAA;AbwrFpB;AarrFgB;EACI,aAAA;AburFpB;AaprFY;EACI,iCAAA;AbsrFhB;;Ac90FA;;2BAAA;AAGA;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,WAAA;EACA,mBAAA;Adi1FF;Ac/0FE;EACE,gCAAA;EACA,gBAAA;Adi1FJ;Ac90FE;EACE,kCAAA;Adg1FJ;Ac90FE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;EACA,kCAAA;EACA,kBAAA;Adg1FJ;Ac/0FI;EACE,cAAA;EACA,eAAA;EACA,kCAAA;Adi1FN;;AFv1FA,sBAAA;AiBrBA;;2BAAA;AAIA;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,kBAAA;Af+2FF;Ae72FE;EACE,UAAA;Af+2FJ;Ae52FE;EACE,gCAAA;EACA,eAAA;Af82FJ;Ae32FE;EACE,WAAA;EACA,YAAA;EACA,kCAAA;EACA,YAAA;EACA,+CAAA;EACA,mBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,YAAA;EACA,UAAA;Af62FJ;Ae32FI;EACE,cAAA;EACA,eAAA;EACA,kCAAA;Af62FN;Aez2FE;EACE,WAAA;EACA,YAAA;EACA,eAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,gCAAA;EACA,wCAAA;EACA,kBAAA;EACA,kCAAA;UAAA,0BAAA;Af22FJ;Aex2FE;EACE,kBAAA;EACA,gBAAA;EACA,SAAA;EACA,QAAA;EACA,wCAAA;UAAA,gCAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,gCAAA;EACA,eAAA;Af02FJ;Aev2FE;EACE,kCAAA;Afy2FJ;Aet2FE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,eAAA;EACA,+CAAA;EACA,kBAAA;EACA,WAAA;EACA,cAAA;EACA,kCAAA;Afw2FJ;Aet2FE;EACE,YAAA;EACA,eAAA;EACA,wCAAA;EACA,mBAAA;Afw2FJ;;Aep2FA;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;Afu2FF;Aer2FE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;Afu2FJ;Aer2FI;EACE,WAAA;EACA,YAAA;EACA,kCAAA;EACA,aAAA;EACA,+CAAA;EACA,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,eAAA;EACA,YAAA;Afu2FN;Aer2FM;EACE,eAAA;Afu2FR;Ael2FM;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,uBAAA;MAAA,oBAAA;UAAA,2BAAA;EACA,WAAA;EACA,gBAAA;EACA,UAAA;Afo2FR;Ael2FQ;EACE,eAAA;EACA,gCAAA;Afo2FV;Aej2FQ;EACE,gCAAA;Afm2FV;Ae/1FM;EACE,kCAAA;Afi2FR;Ae91FM;EACE,eAAA;Afg2FR;Ae31FE;EACE,WAAA;EACA,YAAA;EACA,kCAAA;EACA,aAAA;EACA,+CAAA;EACA,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;Af61FJ;;Aez1FA;EACE,kBAAA;EACA,6DAAA;EACA,2BAAA;EACA,4BAAA;EACA,sBAAA;EACA,WAAA;EACA,aAAA;Af41FF;Ae11FE;EACE,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,gBAAA;EACA,wBAAA;Af41FJ;Ae11FI;EACE,yBAAA;EACA,+BAAA;EACA,8BAAA;UAAA,sBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,kCAAA;UAAA,0BAAA;EACA,6BAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,UAAA;EACA,kBAAA;Af41FN;Ae11FM;EACE,WAAA;EACA,kBAAA;EACA,QAAA;EACA,mBAAA;EACA,YAAA;EACA,kGAAA;EACA,sMACE;EADF,gHACE;EAEF,2BAAA;EACA,uBAAA;EACA,UAAA;Af01FR;;Aep1FA;EACE,WAAA;EACA,YAAA;EACA,oBAAA;EACA,eAAA;EACA,MAAA;EACA,OAAA;EACA,gBAAA;EACA,uBAAA;UAAA,eAAA;EACA,aAAA;Afu1FF;Aer1FE;EACE,mBAAA;EACA,UAAA;EACA,UAAA;Afu1FJ;Aer1FI;EACE,gCAAA;EACA,eAAA;Afu1FN;;AgBxjGA;;2BAAA;AAGA;EACE,eAAA;EACA,WAAA;EACA,SAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;EACA,UAAA;EACA,gBAAA;EACA,uCAAA;EACA,mDAAA;UAAA,2CAAA;AhB2jGF;AgBzjGE;EAXF;IAYI,eAAA;EhB4jGF;AACF;AgB1jGE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;AhB4jGJ;AgB1jGI;EACE,kBAAA;EACA,iCAAA;EACA,kBAAA;EACA,UAAA;EACA,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;AhB4jGN;AgB1jGQ;EACE,WAAA;EACA,kBAAA;EACA,MAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,uCAAA;EACA,mBAAA;EACA,mCAAA;UAAA,2BAAA;AhB4jGV;AgBzjGU;EACE,kCAAA;AhB2jGZ;AgBzjGY;EACE,cAAA;AhB2jGd;AgBxjGY;EACE,aAAA;AhB0jGd;AgBtjGU;EACE,gCAAA;EACA,gBAAA;AhBwjGZ;AgBljGI;EACE,iCAAA;AhBojGN;AgBljGM;EACE,eAAA;EACA,iBAAA;EACA,kBAAA;AhBojGR;AgBnjGQ;EACE,WAAA;AhBqjGV;AgBljGQ;EACE,mBAAA;EACA,gBAAA;EACA,YAAA;AhBojGV;AgBnjGU;EACE,aAAA;AhBqjGZ;AgBljGU;EACE,cAAA;AhBojGZ;AgBhjGQ;EACE,eAAA;EACA,gBAAA;AhBkjGV;;AFnnGA,UAAA;AmBzBA;;2BAAA;AAII;EACI,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,WAAA;EACA,gBAAA;AjB+oGR;AiB7oGQ;EACI,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,UAAA;EACA,qCAAA;EACA,oDAAA;UAAA,4CAAA;EACA,mBAAA;AjB+oGZ;AiB7oGY;EACI,WAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,4CAAA;EACA,UAAA;AjB+oGhB;AiB7oGgB;EACI,WAAA;EACA,WAAA;AjB+oGpB;AiB3oGY;EACI,WAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,4CAAA;EACA,UAAA;AjB6oGhB;AiB3oGgB;EACI,WAAA;EACA,WAAA;AjB6oGpB;AiBzoGY;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AjB2oGhB;AiBzoGgB;EACI,eAAA;EACA,kCAAA;AjB2oGpB;AiBxoGgB;EACI,WAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;EACA,kCAAA;UAAA,0BAAA;EACA,UAAA;EACA,WAAA;EACA,4CAAA;EACA,mBAAA;EACA,UAAA;AjB0oGpB;AiBxoGoB;EACI,WAAA;EACA,WAAA;AjB0oGxB;AiBtoGgB;EACI,WAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;EACA,kCAAA;UAAA,0BAAA;EACA,UAAA;EACA,WAAA;EACA,4CAAA;EACA,mBAAA;EACA,UAAA;AjBwoGpB;AiBtoGoB;EACI,WAAA;EACA,WAAA;AjBwoGxB;AiBpoGgB;EACI,mCAAA;EACA,iBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;AjBsoGpB;AiBhoGI;EACI,kBAAA;EACA,gBAAA;EACA,wBAAA;EACA,iBAAA;EACA,iCAAA;EACA,4BAAA;EACA,qCAAA;EACA,oDAAA;UAAA,4CAAA;EACA,mBAAA;AjBkoGR;AiBhoGQ;EACI,kBAAA;EACA,kBAAA;EACA,4BAAA;AjBkoGZ;AiB/nGQ;EACI,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,MAAA;EACA,QAAA;AjBioGZ;AiB/nGY;EACI,OAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AjBioGhB;AiB9nGY;EACI,WAAA;EACA,YAAA;EACA,sBAAA;EACA,SAAA;EACA,YAAA;EACA,uCAAA;EACA,YAAA;EACA,uBAAA;AjBgoGhB;AiB9nGgB;EACI,0BAAA;AjBgoGpB;AiB7nGgB;EACI,gCAAA;UAAA,wBAAA;AjB+nGpB;AiB5nGgB;EACI,wBAAA;UAAA,gBAAA;AjB8nGpB;AiB1nGY;EACI,8CAAA;EACA,6CAAA;EACA,oDAAA;UAAA,4CAAA;EACA,qBAAA;EACA,4BAAA;EACA,2BAAA;AjB4nGhB;AiBxnGQ;EACI,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AjB0nGZ;AiBxnGY;EACI,gCAAA;EACA,gBAAA;AjB0nGhB;AiBvnGY;EACI,eAAA;AjBynGhB;AiBrnGQ;EACI,iCAAA;EACA,kDAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;AjBunGZ;AiBpnGQ;EACI,gCAAA;EACA,kDAAA;EACA,eAAA;EACA,kBAAA;EACA,iBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AjBsnGZ;AiBpnGY;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AjBsnGhB;AiBpnGgB;EACI,mBAAA;EACA,gBAAA;AjBsnGpB;AiBnnGgB;EACI,gBAAA;EACA,sBAAA;AjBqnGpB;AiBnnGoB;EACI,kBAAA;EACA,iBAAA;AjBqnGxB;AiBjnGgB;EACI,WAAA;EACA,YAAA;EACA,oDAAA;UAAA,4CAAA;EACA,kBAAA;EACA,SAAA;AjBmnGpB;AiBhnGgB;EACI,8CAAA;EACA,6CAAA;EACA,4BAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;AjBknGpB;;AiB1mGI;EACI,mBAAA;EACA,gCAAA;AjB6mGR;AiB1mGI;EACI,6DAAA;EACA,sDAAA;AjB4mGR;AiB1mGQ;EACI,wCAAA;EACA,kBAAA;AjB4mGZ;AiBzmGgB;EACI,cAAA;AjB2mGpB;AiBxmGgB;EACI,cAAA;AjB0mGpB;AiBvmGgB;EACI,6CAAA;AjBymGpB;AiBvmGoB;EACI,yBAAA;AjBymGxB;AiBtmGoB;EACI,yBAAA;AjBwmGxB;;AiBhmGA;EACI,iBAAA;AjBmmGJ;;AkBv4GA;;gCAAA;AAGA;EACE,WAAA;EACA,oBAAA;KAAA,iBAAA;AlB04GF;AkBz4GE;EACE,aAAA;AlB24GJ;AkBz4GE;EACE,YAAA;EACA,oBAAA;KAAA,iBAAA;AlB24GJ;;AkBv4GA;EACE,kBAAA;EACA,UAAA;EACA,YAAA;AlB04GF;AkBx4GE;EACE,WAAA;EACA,WAAA;AlB04GJ;;AkBt4GA;EACE,eAAA;AlBy4GF;;AkBt4GA;EACE,kBAAA;EACA,kBAAA;EACA,oDAAA;EACA,UAAA;AlBy4GF;AkBv4GE;EACE,uCAAA;EACA,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;AlBy4GJ;AkBt4GE;EACE,kBAAA;EACA,QAAA;EACA,OAAA;EACA,mCAAA;UAAA,2BAAA;EACA,YAAA;EACA,WAAA;EACA,qJAAA;EAAA,+GAAA;EACA,WAAA;EACA,WAAA;AlBw4GJ;AkBt4GI;EACE,WAAA;EACA,QAAA;AlBw4GN;;AkBn4GA;EACE,gBAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,iCAAA;AlBs4GF;;AkBl4GE;EACE,iCAAA;EACA,gBAAA;EACA,gBAAA;AlBq4GJ;AkBl4GE;EACE,gCAAA;EACA,gBAAA;AlBo4GJ;;AkBh4GA;EACE,kBAAA;AlBm4GF;AkBj4GE;EACE,gCAAA;AlBm4GJ;AkBh4GE;EACE,WAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,iCAAA;AlBk4GJ;AkB/3GE;EACE,gBAAA;AlBi4GJ;AkB93GE;EACE,UAAA;AlBg4GJ;AkB93GI;EACE,kBAAA;EACA,uCAAA;EACA,qDAAA;UAAA,6CAAA;EACA,mBAAA;EACA,YAAA;EACA,6CAAA;UAAA,qCAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,kCAAA;UAAA,0BAAA;AlBg4GN;AkB93GM;EACE,WAAA;EACA,UAAA;AlBg4GR;AkB73GM;EACE,YAAA;EACA,WAAA;EACA,6CAAA;UAAA,qCAAA;AlB+3GR;AkB53GM;EACE,YAAA;EACA,WAAA;EACA,6CAAA;UAAA,qCAAA;AlB83GR;AkB33GM;EACE,YAAA;EACA,WAAA;EACA,6CAAA;UAAA,qCAAA;AlB63GR;;AkBt3GA;EACE,gBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,QAAA;AlBy3GF;AkBx3GE;EACE,WAAA;EACA,WAAA;EACA,wCAAA;EACA,kBAAA;AlB03GJ;AkBz3GI;EACE,6CAAA;AlB23GN;;AkBt3GA;EACE,gBAAA;EACA,mBAAA;AlBy3GF;;AkB30GA;EACE,eAAA;EACA,WAAA;EACA,gBAAA;EACA,eAAA;EACA,SAAA;EACA,SAAA;EACA,kCAAA;UAAA,0BAAA;EACA,UAAA;EACA,uCAAA;AlB80GF;;AmBxiHA;;gCAAA;AAGA;EACI,aAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,6CAAA;EACA,wCAAA;EACA,mBAAA;AnB2iHJ;AmBziHI;EACI,oCAAA;EACA,gBAAA;AnB2iHR;AmBxiHI;EACI,iCAAA;EACA,eAAA;AnB0iHR;;AmBtiHA;EACI,kBAAA;AnByiHJ;AmBviHI;EACI,kBAAA;EACA,wCAAA;EACA,gDAAA;EACA,gCAAA;EACA,gBAAA;AnByiHR;AmBviHQ;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;AnByiHZ;AmBtiHQ;EACI,gCAAA;AnBwiHZ;AmBriHQ;EACI,kCAAA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;AnBuiHZ;AmBriHY;EACI,YAAA;EACA,UAAA;AnBuiHhB;AmBniHQ;EACI,UAAA;EACA,mBAAA;EACA,gBAAA;AnBqiHZ;AmBliHQ;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,+CAAA;EACA,iBAAA;AnBoiHZ;AmBliHY;EACI,gCAAA;AnBoiHhB;AmBjiHY;EACI,kCAAA;AnBmiHhB;AmB/hHQ;EACI,kBAAA;EACA,YAAA;EACA,UAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;AnBiiHZ;AmB5hHI;EACI,kDAAA;EACA,iBAAA;AnB8hHR;AmB3hHI;EACI,kBAAA;EACA,WAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,sBAAA;MAAA,mBAAA;UAAA,qBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,UAAA;AnB6hHR;AmB3hHQ;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EACA,8CAAA;EACA,YAAA;EACA,gBAAA;EACA,UAAA;EACA,QAAA;AnB6hHZ;AmB1hHQ;EACI,WAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,sBAAA;EACA,yBAAA;EACA,iCAAA;EACA,gBAAA;EACA,gBAAA;EACA,uCAAA;AnB4hHZ;AmBzhHQ;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,QAAA;AnB2hHZ;AmBzhHY;EACI,OAAA;EACA,YAAA;AnB2hHhB;;AmBrhHA;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;EACA,iDAAA;EACA,iCAAA;EACA,0CAAA;EACA,oDAAA;UAAA,4CAAA;EACA,mBAAA;AnBwhHJ;AmBrhHQ;EACI,WAAA;EACA,YAAA;EACA,mBAAA;AnBuhHZ;AmBnhHI;EACI,+BAAA;EACA,kBAAA;AnBqhHR;AmBnhHQ;EACI,UAAA;EACA,gBAAA;AnBqhHZ;AmBlhHQ;EACI,kCAAA;EACA,eAAA;EACA,kBAAA;EACA,MAAA;EACA,QAAA;AnBohHZ;AmBlhHY;EACI,OAAA;EACA,YAAA;AnBohHhB;;AoBhsHA;;2BAAA;AAGA;EACI,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,YAAA;EACA,gBAAA;EACA,oDAAA;UAAA,4CAAA;ApBmsHJ;AoBjsHI;EACI,kBAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,mCAAA;UAAA,2BAAA;ApBmsHR;AoBjsHQ;EACI,WAAA;EACA,WAAA;EACA,8CAAA;UAAA,sCAAA;ApBmsHZ;AoB/rHI;EACI,kBAAA;EACA,QAAA;EACA,QAAA;EACA,YAAA;EACA,mCAAA;UAAA,2BAAA;ApBisHR;AoB/rHQ;EACI,YAAA;EACA,UAAA;EACA,8CAAA;UAAA,sCAAA;ApBisHZ;AoB7rHI;EACI,kBAAA;EACA,iCAAA;MAAA,uBAAA;UAAA,yBAAA;EACA,kBAAA;EACA,gDAAA;EACA,yBAAA;EACA,kDAAA;ApB+rHR;AoB7rHQ;EACI,WAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,uCAAA;EACA,mCAAA;UAAA,2BAAA;ApB+rHZ;AoB7rHY;EACI,UAAA;EACA,YAAA;ApB+rHhB;AoB3rHQ;EACI,4CAAA;ApB6rHZ;AoB1rHQ;EACI,kCAAA;ApB4rHZ;AoBzrHQ;EACI,mCAAA;ApB2rHZ;AoBxrHQ;EACI,mCAAA;ApB0rHZ;AoBtrHI;EACI,wBAAA;EACA,6FAAA;ApBwrHR;AoBtrHQ;EACI,qDAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,QAAA;ApBwrHZ;AoBtrHY;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;ApBwrHhB;AoBtrHgB;EACI,WAAA;EACA,YAAA;EACA,sBAAA;KAAA,mBAAA;EACA,YAAA;EACA,wCAAA;EACA,kBAAA;ApBwrHpB;AoBnrHQ;EACI,SAAA;EACA,UAAA;EACA,iCAAA;EACA,eAAA;EACA,qDAAA;ApBqrHZ;AoBnrHY;EACI,gCAAA;EACA,gBAAA;ApBqrHhB;AoBjrHQ;EACI,mDAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;ApBmrHZ;AoBjrHY;EACI,UAAA;EACA,gCAAA;ApBmrHhB;;AoB7qHA;EACI,kBAAA;EACA,iCAAA;EACA,0CAAA;EACA,oDAAA;UAAA,4CAAA;EACA,kBAAA;EACA,gBAAA;ApBgrHJ;AoB9qHI;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,iCAAA;EACA,WAAA;EACA,WAAA;EACA,6DAAA;UAAA,qDAAA;EACA,UAAA;EACA,cAAA;ApBgrHR;AoB9qHQ;EACI,YAAA;EACA,WAAA;ApBgrHZ;AoB5qHI;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,iCAAA;EACA,YAAA;EACA,WAAA;EACA,6DAAA;UAAA,qDAAA;EACA,UAAA;EACA,cAAA;ApB8qHR;AoB5qHQ;EACI,WAAA;EACA,YAAA;ApB8qHZ;AoB1qHI;EACI,kBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,UAAA;ApB4qHR;AoB1qHQ;EACI,WAAA;EACA,WAAA;ApB4qHZ;AoBxqHI;EACI,kBAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,iCAAA;UAAA,yBAAA;ApB0qHR;AoBxqHQ;EACI,UAAA;EACA,YAAA;ApB0qHZ;AoBtqHI;EACI,kBAAA;EACA,iBAAA;ApBwqHR;AoBtqHQ;EACI,WAAA;EACA,YAAA;EACA,sBAAA;KAAA,mBAAA;ApBwqHZ;AoBpqHI;EACI,gDAAA;ApBsqHR;AoBpqHQ;EACI,gBAAA;EACA,gCAAA;EACA,gBAAA;ApBsqHZ;AoBnqHQ;EACI,iCAAA;EACA,eAAA;EACA,UAAA;EACA,SAAA;ApBqqHZ;AoBjqHI;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,4BAAA;EACA,oDAAA;UAAA,4CAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,0BAAA;ApBmqHR;AoBjqHQ;EACI,mCAAA;ApBmqHZ;AoBhqHQ;EACI,kCAAA;ApBkqHZ;AoB/pHQ;EACI,mCAAA;ApBiqHZ;AoB9pHQ;EACI,mCAAA;ApBgqHZ;AoB7pHQ;EACI,kCAAA;ApB+pHZ;AoB5pHQ;EACI,kBAAA;EACA,UAAA;EACA,MAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;ApB8pHZ;AoB3pHQ;EACI,yBAAA;EACA,kDAAA;ApB6pHZ;;AoBxpHA;EACI,kBAAA;ApB2pHJ;AoBzpHI;EACI,kBAAA;EACA,+CAAA;EACA,kCAAA;UAAA,0BAAA;EACA,eAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,QAAA;EACA,mCAAA;UAAA,2BAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA;ApB2pHR;AoBzpHQ;EACI,gBAAA;EACA,eAAA;EACA,SAAA;EACA,UAAA;EACA,gCAAA;ApB2pHZ;AoBvpHI;EACI,kBAAA;EACA,+BAAA;UAAA,uBAAA;ApBypHR;;AqB/8HA;;6BAAA;AAGA;EACI,gBAAA;EACA,kBAAA;ArBk9HJ;AqBj9HI;EACI,gBAAA;ArBm9HR;AqBh9HI;EACI,eAAA;EACA,gBAAA;ArBk9HR;AqB/8HI;EACI,gBAAA;EACA,gBAAA;EACA,gCAAA;ArBi9HR;AqB98HI;EACI,YAAA;EACA,aAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,+CAAA;EACA,8CAAA;EACA,kBAAA;EACA,kCAAA;UAAA,0BAAA;ArBg9HR;AqB98HQ;EACI,gBAAA;EACA,eAAA;EACA,kCAAA;ArBg9HZ;AqB98HQ;EACI,eAAA;EACA,cAAA;EACA,kBAAA;EACA,kCAAA;EACA,oDAAA;ArBg9HZ;AqB/8HY;EACI,kBAAA;EACA,qDAAA;ArBi9HhB;;AqB38HA;EACI,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,+CAAA;ArB88HJ;AqB78HI;EACI,gBAAA;EACA,gCAAA;ArB+8HR;AqB78HI;EACI,gBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;ArB+8HR;AqB98HQ;EACI,kBAAA;EACA,WAAA;ArBg9HZ;AqB98HgB;EACI,aAAA;ArBg9HpB;AqB78HY;EACI,WAAA;EACA,kBAAA;EACA,QAAA;EACA,QAAA;EACA,mCAAA;UAAA,2BAAA;EACA,0CAAA;EACA,UAAA;EACA,YAAA;ArB+8HhB;AqB78HgB;EAVJ;IAWQ,aAAA;ErBg9HlB;AACF;AqB98HY;EACI,WAAA;EACA,YAAA;EACA,cAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,mBAAA;ArBg9HhB;AqB/8HgB;EACI,YAAA;EACA,WAAA;EACA,eAAA;EACA,cAAA;EACA,yBAAA;ArBi9HpB;AqB/8HgB;EACI,+EAAA;ArBi9HpB;AqB/8HgB;EACI,iGAAA;ArBi9HpB;AqB/8HgB;EACI,6EAAA;ArBi9HpB;AqB/8HgB;EACI,qFAAA;ArBi9HpB;AqB98HY;EACI,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,gCAAA;ArBg9HhB;;AqB18HA;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,4CAAA;EACA,mBAAA;ArB68HJ;AqB38HI;EACI,kBAAA;EACA,kBAAA;EACA,yCAAA;EACA,uCAAA;EACA,6DAAA;UAAA,qDAAA;EACA,gDAAA;EACA,UAAA;ArB68HR;AqB38HQ;EACI,WAAA;EACA,kBAAA;EACA,UAAA;EACA,QAAA;EACA,mCAAA;UAAA,2BAAA;EACA,6CAAA;EACA,UAAA;EACA,YAAA;EACA,kBAAA;ArB68HZ;AqB58HY;EACI,WAAA;EACA,WAAA;ArB88HhB;AqB18HQ;EACI,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,YAAA;EACA,mBAAA;EACA,6CAAA;EACA,kBAAA;EACA,mEAAA;UAAA,2DAAA;ArB48HZ;AqB18HQ;EACI,gBAAA;EACA,kCAAA;ArB48HZ;AqB18HQ;EACI,eAAA;EACA,gBAAA;EACA,gCAAA;ArB48HZ;AqBv8HY;EACI,QAAA;ArBy8HhB;AqBr8HI;EACI,aAAA;EACA,8BAAA;EACA,4CAAA;ArBu8HR;AqBp8HY;EACI,eAAA;ArBs8HhB;;AqBj8HA;EACI,kBAAA;EACA,uEAAA;EACA,2BAAA;EACA,4BAAA;EACA,sBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;ArBo8HJ;AqBn8HI;EACI,kBAAA;EACA,mEAAA;EACA,2BAAA;EACA,4BAAA;EACA,sBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;ArBq8HR;AqBn8HI;EACI,kBAAA;EACA,yEAAA;EACA,2BAAA;EACA,4BAAA;EACA,sBAAA;EACA,WAAA;EACA,YAAA;ArBq8HR;AqBn8HQ;EACI,+CAAA;EACA,kBAAA;ArBq8HZ;AqBp8HY;EACI,qDAAA;EACA,qDAAA;ArBs8HhB;AqBr8HgB;EACI,mBAAA;EACA,oDAAA;EACA,oBAAA;EACA,oDAAA;ArBu8HpB;AqBn8HY;EACI,gBAAA;EACA,gCAAA;ArBq8HhB;AqBn8HY;EACI,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,4BAAA;EACA,6CAAA;EACA,kBAAA;EACA,mEAAA;UAAA,2DAAA;ArBq8HhB;AqBh8HI;EACI,aAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;ArBk8HR;AqBj8HQ;EACI,oDAAA;ArBm8HZ;AqBl8HY;EACI,mBAAA;EACA,qDAAA;ArBo8HhB;AqBl8HY;EACI,gBAAA;EACA,yBAAA;ArBo8HhB;AqBj8HY;EACI,gBAAA;EACA,gBAAA;EACA,kCAAA;ArBm8HhB;;AqB97HA;EACI,gBAAA;EACA,WAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;ArBi8HJ;AqBh8HI;EACI,gBAAA;EACA,gCAAA;ArBk8HR;AqBh8HI;EACI,WAAA;EACA,YAAA;EACA,eAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,gCAAA;EACA,wCAAA;EACA,kBAAA;EACA,kCAAA;UAAA,0BAAA;ArBk8HR;;AqB97HA;EACI,gBAAA;ArBi8HJ;AqBh8HI;EACI,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,0CAAA;EACA,iCAAA;EACA,wDAAA;UAAA,gDAAA;EACA,aAAA;ArBk8HR;AqBj8HQ;EACI,gBAAA;ArBm8HZ;AqBj8HQ;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,SAAA;ArBm8HZ;AqBl8HY;EACI,WAAA;EACA,YAAA;EACA,+CAAA;EACA,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,eAAA;ArBo8HhB;AqBn8HgB;EACI,kCAAA;ArBq8HpB;AqBl8HY;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,+BAAA;ArBo8HhB;AqBn8HgB;EACI,gBAAA;EACA,eAAA;EACA,kBAAA;EACA,qBAAA;EACA,iCAAA;ArBq8HpB;AqBp8HoB;EACI,oCAAA;ArBs8HxB;AqBp8HoB;EACI,kCAAA;ArBs8HxB;AqBh8HQ;EACI,gBAAA;EACA,iBAAA;EACA,8CAAA;EACA,kBAAA;ArBk8HZ;AqBj8HY;EACI,kBAAA;ArBm8HhB;AqBl8HgB;EACI,WAAA;EACA,kBAAA;EACA,4CAAA;EACA,WAAA;EACA,WAAA;EACA,OAAA;ArBo8HpB;AqBn8HoB;EACI,WAAA;EACA,QAAA;ArBq8HxB;AqBl8HgB;EACI,wCAAA;EACA,UAAA;ArBo8HpB;AqBh8HQ;EACI,gBAAA;EACA,aAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,wCAAA;EACA,kBAAA;ArBk8HZ;AqBj8HY;EACI,WAAA;EACA,YAAA;EACA,sCAAA;UAAA,8BAAA;ArBm8HhB;AqBj8HY;EACI,kBAAA;EACA,kDAAA;ArBm8HhB;AqBl8HgB;EACI,mBAAA;EACA,mBAAA;EACA,kBAAA;EACA,mDAAA;ArBo8HpB;AqBj8HY;EACI,mBAAA;EACA,aAAA;EACA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,uCAAA;EACA,iDAAA;EACA,gBAAA;ArBm8HhB;AqBl8HgB;EACI,kBAAA;EACA,kDAAA;ArBo8HpB;AqBl8HoB;EACI,mBAAA;EACA,mBAAA;EACA,kBAAA;EACA,mDAAA;ArBo8HxB;AqBh8HY;EACI,mBAAA;EACA,uCAAA;EACA,iDAAA;EACA,gBAAA;ArBk8HhB;AqBj8HgB;EACI,WAAA;EACA,mDAAA;ArBm8HpB;AqBl8HoB;EACI,mBAAA;EACA,kDAAA;ArBo8HxB;AqB97HQ;EACI,gBAAA;EACA,WAAA;EACA,aAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wCAAA;ArBg8HZ;AqB/7HY;EACI,eAAA;EACA,SAAA;EACA,kBAAA;EACA,6BAAA;EACA,kDAAA;EACA,gBAAA;EACA,kBAAA;EACA,mBAAA;EACA,wBAAA;UAAA,gBAAA;EACA,gBAAA;ArBi8HhB;AqBh8HgB;EACI,mBAAA;EACA,eAAA;EACA,kBAAA;EACA,mDAAA;ArBk8HpB;AqB/7HgB;EACI,eAAA;EACA,iBAAA;ArBi8HpB;AqBh8HoB;EACI,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;ArBk8HxB;AqB97HgB;EACI,cAAA;ArBg8HpB;AqB57HQ;EACI,gBAAA;EACA,aAAA;EACA,wCAAA;EACA,kBAAA;ArB87HZ;AqB77HY;EACI,gBAAA;EACA,eAAA;EACA,iCAAA;ArB+7HhB;;AqBz7HA;EACI,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,wCAAA;EACA,kBAAA;ArB47HJ;AqB37HI;EACI,gBAAA;EACA,gCAAA;ArB67HR;AqB17HI;EACI,eAAA;EACA,cAAA;EACA,oCAAA;ArB47HR;AqBx7HQ;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,wCAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;ArB07HZ;AqBx7HY;EACI,2CAAA;ArB07HhB;AqBx7HgB;EACI,mDAAA;UAAA,2CAAA;EACA,yCAAA;ArB07HpB;AqBt7HY;EACI,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,sCAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;EACA,wBAAA;EAAA,gBAAA;ArBw7HhB;AqBn7HI;EACI,gCAAA;ArBq7HR;AqBl7HI;EACI,gCAAA;EACA,eAAA;EACA,cAAA;ArBo7HR;;AsBj+IA;;gCAAA;AAGA;EACI,kBAAA;EACA,iCAAA;EACA,0CAAA;EACA,oDAAA;UAAA,4CAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;EACA,UAAA;AtBo+IJ;AsBl+II;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,qDAAA;EACA,eAAA;AtBo+IR;AsBl+IQ;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;AtBo+IZ;AsBl+IY;EACI,WAAA;EACA,YAAA;EACA,kBAAA;AtBo+IhB;AsBj+IY;EACI,gBAAA;EACA,gCAAA;AtBm+IhB;AsBh+IY;EACI,eAAA;EACA,iCAAA;AtBk+IhB;AsB99IQ;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;EACA,eAAA;AtBg+IZ;AsB99IY;EACI,gCAAA;AtBg+IhB;AsB79IY;EACI,kCAAA;AtB+9IhB;AsB19II;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,eAAA;AtB49IR;AsB19IQ;EACI,UAAA;EACA,mDAAA;EACA,sDAAA;EACA,uDAAA;AtB49IZ;AsB19IY;EACI,mBAAA;EACA,mBAAA;EACA,oBAAA;EACA,kDAAA;EACA,qDAAA;EACA,sDAAA;AtB49IhB;AsBz9IY;EACI,oDAAA;EACA,mBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,QAAA;EACA,gCAAA;AtB29IhB;AsBz9IgB;EACI,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,YAAA;EACA,+CAAA;EACA,mBAAA;AtB29IpB;AsBz9IoB;EACI,yBAAA;AtB29IxB;AsBr9IQ;EACI,UAAA;EACA,kBAAA;EACA,UAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,mBAAA;MAAA,eAAA;EACA,QAAA;AtBu9IZ;AsBr9IY;EACI,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,mDAAA;EACA,mCAAA;UAAA,2BAAA;EACA,WAAA;AtBu9IhB;AsBr9IgB;EACI,WAAA;EACA,UAAA;EACA,kBAAA;EACA,oDAAA;AtBu9IpB;AsBn9IY;EACI,WAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,QAAA;EACA,gCAAA;AtBq9IhB;AsBl9IoB;EACI,YAAA;AtBo9IxB;AsB98II;EACI,oBAAA;EACA,UAAA;AtBg9IR;AsB/8IQ;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;AtBi9IZ;AsB/8IQ;EACI,mBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,qBAAA;MAAA,kBAAA;UAAA,yBAAA;EACA,QAAA;EACA,gCAAA;AtBi9IZ;AsB/8IY;EACI,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,YAAA;EACA,+CAAA;EACA,mBAAA;AtBi9IhB;AsB/8IgB;EACI,yBAAA;AtBi9IpB;;AsB18IA;EACI,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,aAAA;EACA,6CAAA;EACA,kCAAA;EACA,kBAAA;AtB68IJ;AsB38II;EACI,WAAA;EACA,kBAAA;EACA,MAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,uCAAA;EACA,mBAAA;EACA,mCAAA;UAAA,2BAAA;AtB68IR;AsB38IQ;EACI,WAAA;EACA,UAAA;AtB68IZ;AsBz8II;EACI,WAAA;EACA,kBAAA;EACA,aAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,uCAAA;EACA,mBAAA;EACA,mCAAA;UAAA,2BAAA;AtB28IR;AsBz8IQ;EACI,WAAA;EACA,UAAA;AtB28IZ;AsBt8IQ;EACI,WAAA;EACA,YAAA;AtBw8IZ;AsBp8II;EACI,+BAAA;AtBs8IR;AsBp8IY;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,wCAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;AtBs8IhB;AsBp8IgB;EACI,yCAAA;AtBs8IpB;AsBp8IoB;EACI,mDAAA;UAAA,2CAAA;EACA,uCAAA;AtBs8IxB;AsBl8IgB;EACI,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,sCAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;EACA,wBAAA;EAAA,gBAAA;AtBo8IpB;AsB/7IQ;EACI,gCAAA;EACA,eAAA;AtBi8IZ;AsB97IQ;EACI,eAAA;AtBg8IZ;;AsB17II;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;EACA,iDAAA;EACA,oBAAA;AtB67IR;AsB37IQ;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wCAAA;EACA,YAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;EACA,kBAAA;EACA,YAAA;AtB67IZ;AsB37IY;EACI,WAAA;EACA,YAAA;AtB67IhB;AsB17IY;EACI,gCAAA;EACA,cAAA;AtB47IhB;AsBz7IY;EACI,gCAAA;EACA,aAAA;AtB27IhB;AsBz7IgB;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,kCAAA;AtB27IpB;AsBv7IY;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,6CAAA;AtBy7IhB;AsBv7IgB;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,kCAAA;AtBy7IpB;;AuBlvJA;;2BAAA;AAGA;EACE,WAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,4BAAA;EAAA,6BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,kBAAA;AvBqvJF;AuBnvJE;EACE,gBAAA;EACA,gCAAA;AvBqvJJ;AuBlvJE;EACE,iCAAA;EACA,gBAAA;EACA,gBAAA;AvBovJJ;AuBlvJE;EACE,oDAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,iCAAA;AvBovJJ;AuBlvJE;EACE,aAAA;EACA,cAAA;EACA,wBAAA;EACA,sBAAA;AvBovJJ;AuBjvJE;EACE,6BAAA;AvBmvJJ;AuBhvJE;EACE,iBAAA;AvBkvJJ;AuB/uJE;EACE,gBAAA;AvBivJJ;AuB9uJE;EACE,gBAAA;AvBgvJJ;AuB7uJE;EACE,gBAAA;AvB+uJJ;;AwBnyJA;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,QAAA;EACA,iBAAA;EACA,iCAAA;EACA,wCAAA;EACA,kBAAA;AxBsyJJ;AwBryJI;EACI,cAAA;AxBuyJR;AwBryJI;EACI,yBAAA;EACA,6CAAA;AxBuyJR;AwBtyJQ;EACI,yCAAA;AxBwyJZ;AwBvyJY;EACI,0CAAA;EACA,kBAAA;AxByyJhB;AwBpyJI;EACI,iBAAA;EACA,mDAAA;AxBsyJR;AwBryJQ;EACI,kBAAA;EACA,mBAAA;EACA,oDAAA;EACA,kBAAA;AxBuyJZ;;AwBnyJA;EACI,kBAAA;AxBsyJJ;;AwBpyJA;EACI,kBAAA;EACA,aAAA;EACA,kBAAA;EACA,uCAAA;EACA,iCAAA;EACA,6DAAA;UAAA,qDAAA;AxBuyJJ;AwBtyJI;EACI,cAAA;AxBwyJR;AwBryJI;EACI,kBAAA;EACA,SAAA;EACA,UAAA;EACA,iBAAA;EACA,iCAAA;EACA,+CAAA;EACA,mBAAA;AxBuyJR;AwBtyJQ;EACI,WAAA;EACA,WAAA;AxBwyJZ;AwBryJI;EACI,oBAAA;EACA,kBAAA;AxBuyJR;AwBtyJQ;EACI,WAAA;EACA,YAAA;EACA,sBAAA;KAAA,mBAAA;AxBwyJZ;AwBpyJQ;EACI,gBAAA;EACA,mBAAA;EACA,uBAAA;AxBsyJZ;AwBpyJQ;EACI,eAAA;AxBsyJZ;AwBnyJI;EACI,kBAAA;EACA,QAAA;EACA,UAAA;AxBqyJR;AwBnyJQ;EACI,YAAA;EACA,SAAA;AxBqyJZ;AwBlyJQ;EACI,YAAA;EACA,kCAAA;EACA,uCAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;AxBoyJZ;AwBjyJQ;EACI,aAAA;AxBmyJZ;AwBhyJY;EACI,aAAA;AxBkyJhB;AwBhyJY;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,kCAAA;AxBkyJhB;AwBhyJY;EACI,gDAAA;UAAA,wCAAA;AxBkyJhB;AwBhyJY;EACI,iDAAA;UAAA,yCAAA;AxBkyJhB;AwB7xJI;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;AxB+xJR;AwB7xJQ;EACI,cAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,iCAAA;UAAA,yBAAA;AxB+xJZ;AwB9xJY;EACI,gCAAA;UAAA,wBAAA;AxBgyJhB;AwB9xJY;EACI,iCAAA;UAAA,yBAAA;AxBgyJhB;AwB9xJY;EACI,iCAAA;UAAA,yBAAA;AxBgyJhB;AwB9xJY;EACI,iCAAA;UAAA,yBAAA;AxBgyJhB;AwB9xJY;EACI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,kBAAA;EACA,WAAA;EACA,mBAAA;AxBgyJhB;AwB9xJY;EACI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,SAAA;EACA,UAAA;EACA,kBAAA;EACA,UAAA;EACA,WAAA;EACA,uCAAA;EACA,8BAAA;UAAA,sBAAA;AxBgyJhB;;AwB1xJA;EACI,kBAAA;EACA,wCAAA;EACA,iCAAA;EACA,6DAAA;UAAA,qDAAA;EACA,aAAA;AxB6xJJ;AwB3xJI;EACI,eAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;EACA,+CAAA;AxB6xJR;AwB5xJQ;EACI,cAAA;AxB8xJZ;AwB5xJQ;EACI,iBAAA;EACA,mBAAA;AxB8xJZ;AwB3xJY;EACI,WAAA;EACA,YAAA;AxB6xJhB;AwBzxJQ;EACI,kBAAA;EACA,wBAAA;AxB2xJZ;AwB1xJY;EACI,kBAAA;EACA,QAAA;EACA,SAAA;EACA,oDAAA;EACA,eAAA;EACA,kCAAA;EACA,+CAAA;EACA,kBAAA;AxB4xJhB;AwB3xJgB;EACI,YAAA;EACA,OAAA;AxB6xJpB;;AwBtxJA;EACI,kBAAA;EACA,wCAAA;EACA,iCAAA;EACA,6DAAA;UAAA,qDAAA;EACA,aAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,SAAA;AxByxJJ;AwBtxJQ;EACI,wCAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;AxBwxJZ;AwBpxJI;EACI,kBAAA;EACA,wBAAA;AxBsxJR;AwBrxJQ;EACI,gBAAA;EACA,mBAAA;EACA,uBAAA;AxBuxJZ;AwBrxJQ;EACI,gBAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;AxBuxJZ;AwBrxJQ;EACI,kBAAA;EACA,QAAA;EACA,SAAA;EACA,oDAAA;EACA,eAAA;EACA,kCAAA;EACA,+CAAA;EACA,kBAAA;AxBuxJZ;AwBtxJY;EACI,YAAA;EACA,OAAA;AxBwxJhB;;AyBliKA;;2BAAA;AAIE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,qBAAA;MAAA,iBAAA;EACA,SAAA;AzBoiKJ;AyBliKI;EACE,kBAAA;EACA,+BAAA;AzBoiKN;AyBliKM;EACE,eAAA;AzBoiKR;AyBliKQ;EACE,wBAAA;AzBoiKV;AyBhiKM;EACE,kBAAA;EACA,QAAA;EACA,UAAA;EACA,mCAAA;UAAA,2BAAA;EACA,iCAAA;EACA,mBAAA;EACA,eAAA;AzBkiKR;AyBhiKQ;EACE,WAAA;EACA,WAAA;EACA,oBAAA;EACA,kBAAA;AzBkiKV;AyB7hKI;EACE,UAAA;EACA,wCAAA;EACA,kCAAA;UAAA,0BAAA;EACA,kBAAA;EACA,YAAA;EACA,4BAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;AzB+hKN;AyB7hKM;EACE,yBAAA;EACA,eAAA;AzB+hKR;AyB5hKM;EACE,wBAAA;UAAA,gBAAA;AzB8hKR;;AyBrhKM;EACE,yBAAA;AzBwhKR;AyBthKQ;EACE,yBAAA;AzBwhKV;AyBrhKQ;EACE,wBAAA;UAAA,gBAAA;AzBuhKV;AyBlhKQ;EACE,aAAA;AzBohKV;;AyB5gKE;EACE,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,aAAA;EACA,qCAAA;EACA,mBAAA;EACA,cAAA;AzB+gKJ;AyB5gKE;EACE,gBAAA;EACA,kBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;EACA,gCAAA;AzB8gKJ;;AyBzgKE;EACE,UAAA;EACA,eAAA;EACA,gBAAA;EACA,kCAAA;AzB4gKJ;AyBzgKE;EACE,cAAA;EACA,iCAAA;EACA,gBAAA;AzB2gKJ;AyBzgKI;EACE,iBAAA;AzB2gKN;;AyBrgKE;EACE,WAAA;AzBwgKJ;;A0B9oKA;;2BAAA;AAGA;EACI,kBAAA;A1BipKJ;A0B/oKI;EACI,eAAA;EACA,MAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;EACA,WAAA;EACA,oBAAA;KAAA,iBAAA;A1BipKR;A0B9oKI;EACI,eAAA;EACA,SAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;EACA,WAAA;EACA,gBAAA;EACA,eAAA;EACA,0HAAA;EAAA,oFAAA;EACA,4DAAA;UAAA,oDAAA;A1BgpKR;A0B7oKI;EACI,gBAAA;EACA,eAAA;EACA,+CAAA;EACA,kDAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;A1B+oKR;A0B7oKQ;EACI,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,6CAAA;A1B+oKZ;A0B3oKI;EACI,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,yBAAA;EACA,UAAA;A1B6oKR;A0BzoKQ;EACI,6CAAA;EACA,4BAAA;A1B2oKZ;;A2BtsKA;;2BAAA;AAGA;EACI,gDAAA;EACA,wCAAA;EACA,kBAAA;A3BysKJ;A2BvsKI;EACI,kBAAA;A3BysKR;A2BxsKQ;EACI,WAAA;EACA,YAAA;EACA,sBAAA;KAAA,mBAAA;EACA,oBAAA;A3B0sKZ;A2BtsKI;EACI,4CAAA;EACA,iBAAA;EACA,kBAAA;A3BwsKR;;A2BpsKA;EACI,wCAAA;EACA,gDAAA;EACA,mBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,2CAAA;A3BusKJ;A2BtsKI;EACI,YAAA;EACA,WAAA;A3BwsKR;A2BtsKI;EACI,kDAAA;EACA,gCAAA;A3BwsKR;;A2BpsKA;EACI,eAAA;A3BusKJ;A2BtsKI;EACI,4BAAA;A3BwsKR;A2BtsKI;EACI,eAAA;EACA,aAAA;EACA,4BAAA;EACA,wCAAA;A3BwsKR;A2BvsKQ;EACI,gBAAA;EACA,gCAAA;A3BysKZ;A2BvsKQ;EACI,eAAA;EACA,cAAA;EACA,iCAAA;EACA,oBAAA;A3BysKZ;A2BxsKY;EACI,kCAAA;A3B0sKhB;A2BvsKQ;EACI,iBAAA;EACA,mDAAA;A3BysKZ;A2BxsKY;EACI,gBAAA;EACA,gCAAA;A3B0sKhB;;A2BpsKA;EACI,kBAAA;EACA,wCAAA;EACA,6DAAA;UAAA,qDAAA;A3BusKJ;A2BtsKI;EACI,cAAA;A3BwsKR;A2BtsKI;EACI,0BAAA;A3BwsKR;A2BtsKI;EACI,aAAA;A3BwsKR;A2BvsKQ;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;A3BysKZ;A2BvsKQ;EACI,iBAAA;A3BysKZ;;A4BxyKA;;gCAAA;AAGA;EACI,SAAA;EACA,aAAA;EACA,WAAA;A5B2yKJ;;A4BxyKA;EACI,kBAAA;EACA,SAAA;EACA,aAAA;EACA,WAAA;EACA,oBAAA;A5B2yKJ;A4B1yKI;EACI,YAAA;A5B4yKR;;A4BxyKA;EACI,eAAA;EACA,WAAA;EACA,SAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;EACA,UAAA;EACA,gBAAA;EACA,qHAAA;EAAA,mEAAA;EACA,oDAAA;UAAA,4CAAA;EACA,gCAAA;EACA,YAAA;EACA,aAAA;A5B2yKJ;A4BzyKI;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;A5B2yKR;A4BzyKQ;EACI,gBAAA;EACA,yBAAA;A5B2yKZ;A4BxyKQ;EACI,kCAAA;EACA,eAAA;A5B0yKZ;A4BtyKI;EACI,eAAA;EACA,gBAAA;A5BwyKR;A4BryKI;EACI,eAAA;A5BuyKR;;A6B91KA;;2BAAA;AAIE;EACE,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,WAAA;EACA,gBAAA;A7Bg2KJ;A6B91KI;EACE,WAAA;EACA,YAAA;EACA,mBAAA;EACA,6CAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;A7Bg2KN;A6B91KM;EACE,WAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,4CAAA;A7Bg2KR;A6B91KQ;EACE,WAAA;EACA,WAAA;A7Bg2KV;A6B51KM;EACE,WAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,4CAAA;A7B81KR;A6B51KQ;EACE,WAAA;EACA,WAAA;A7B81KV;A6B11KM;EACE,WAAA;EACA,YAAA;EACA,wCAAA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;A7B41KR;A6B11KQ;EACE,WAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;EACA,kCAAA;UAAA,0BAAA;EACA,UAAA;EACA,WAAA;EACA,4CAAA;EACA,mBAAA;A7B41KV;A6B11KU;EACE,WAAA;EACA,WAAA;A7B41KZ;A6Bx1KQ;EACE,WAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;EACA,kCAAA;UAAA,0BAAA;EACA,UAAA;EACA,WAAA;EACA,4CAAA;EACA,mBAAA;A7B01KV;A6Bx1KU;EACE,WAAA;EACA,WAAA;A7B01KZ;A6Bt1KQ;EACE,kCAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;A7Bw1KV;A6Bt1KU;EACE,YAAA;A7Bw1KZ;A6Bj1KM;EACE,8CAAA;A7Bm1KR;A6Bj1KQ;EACE,6CAAA;A7Bm1KV;A6Bh1KQ;EACE,6CAAA;A7Bk1KV;A6B/0KQ;EACE,6CAAA;A7Bi1KV;A6B/0KU;EACE,6CAAA;A7Bi1KZ;A6B90KU;EACE,6CAAA;A7Bg1KZ;A6B70KU;EACE,oCAAA;A7B+0KZ;A6Bz0KQ;EACE,gCAAA;A7B20KV;A6Bx0KQ;EACE,gBAAA;A7B00KV;A6Br0KI;EACE,wBAAA;EACA,iBAAA;EACA,iCAAA;EACA,0CAAA;EACA,oDAAA;UAAA,4CAAA;EACA,kBAAA;EACA,4BAAA;A7Bu0KN;A6Br0KM;EACE,kBAAA;EACA,kBAAA;EACA,4BAAA;A7Bu0KR;A6Bp0KM;EACE,gCAAA;EACA,eAAA;EACA,gBAAA;A7Bs0KR;A6Bn0KM;EACE,iCAAA;A7Bq0KR;A6Bl0KM;EACE,iCAAA;EACA,kDAAA;EACA,kBAAA;EACA,iBAAA;A7Bo0KR;;A6B9zKA;EACE,iCAAA;EACA,0CAAA;EACA,oDAAA;UAAA,4CAAA;EACA,kBAAA;EACA,aAAA;A7Bi0KF;A6B/zKE;EACE,cAAA;EACA,sDAAA;A7Bi0KJ;A6B/zKI;EACE,mBAAA;A7Bi0KN;A6B9zKI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,WAAA;EACA,eAAA;A7Bg0KN;A6B9zKM;EACE,kBAAA;EACA,WAAA;EACA,YAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;A7Bg0KR;A6B9zKQ;EACE,yCAAA;A7Bg0KV;A6B9zKU;EACE,mDAAA;UAAA,2CAAA;EACA,uCAAA;A7Bg0KZ;A6B5zKQ;EACE,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,sCAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;EACA,wBAAA;EAAA,gBAAA;A7B8zKV;A6BxzKE;EACE,qDAAA;A7B0zKJ;;A8BziLA;;gCAAA;AAGA;EACI,uCAAA;EACA,qCAAA;EACA,oDAAA;UAAA,4CAAA;EACA,mBAAA;EACA,gDAAA;A9B4iLJ;A8BziLQ;EACI,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,SAAA;EACA,oBAAA;EACA,WAAA;A9B2iLZ;A8BxiLgB;EACI,aAAA;A9B0iLpB;A8BtiLY;EACI,WAAA;EACA,kBAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;EACA,6CAAA;EACA,gCAAA;UAAA,wBAAA;A9BwiLhB;A8BtiLgB;EACI,WAAA;EACA,WAAA;A9BwiLpB;A8BpiLY;EACI,gCAAA;A9BsiLhB;A8BpiLgB;EACI,wBAAA;A9BsiLpB;A8BniLgB;EACI,wBAAA;A9BqiLpB;A8BliLgB;EACI,kCAAA;A9BoiLpB;A8BjiLgB;EACI,oCAAA;A9BmiLpB;A8B/hLY;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,wCAAA;EACA,mBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;A9BiiLhB;A8B9hLgB;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,4CAAA;EACA,mBAAA;A9BgiLpB;A8B5hLY;EACI,YAAA;EACA,kBAAA;A9B8hLhB;A8B5hLgB;EACI,8BAAA;A9B8hLpB;A8B3hLgB;EACI,8BAAA;A9B6hLpB;A8B1hLgB;EACI,8BAAA;A9B4hLpB;A8BzhLgB;EACI,8BAAA;A9B2hLpB;A8BthLgB;EACI,yCAAA;A9BwhLpB;A8BrhLgB;EACI,gDAAA;A9BuhLpB;A8BrhLoB;EACI,6CAAA;A9BuhLxB;;A+BtoLA;;gCAAA;AAGA;EACI,gBAAA;A/ByoLJ;A+BvoLI;EACI,kDAAA;EACA,wCAAA;EACA,aAAA;EACA,mBAAA;A/ByoLR;;A+BnoLQ;EACI,WAAA;EACA,eAAA;A/BsoLZ;A+BpoLY;EACI,eAAA;A/BsoLhB;A+BnoLY;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,gCAAA;EACA,kDAAA;EACA,gBAAA;EACA,WAAA;A/BqoLhB;A+BnoLgB;EACI,gCAAA;EACA,eAAA;EACA,cAAA;A/BqoLpB;A+BnoLoB;EACI,6BAAA;UAAA,qBAAA;A/BqoLxB;;AgC5qLA;;gCAAA;AAII;EACI,mBAAA;MAAA,eAAA;EACA,eAAA;EACA,mBAAA;AhC8qLR;AgC5qLQ;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,SAAA;EACA,WAAA;EACA,eAAA;AhC8qLZ;AgC5qLY;EACI,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AhC8qLhB;AgC5qLgB;EACI,WAAA;EACA,YAAA;AhC8qLpB;AgC3qLgB;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,eAAA;EACA,mBAAA;EACA,mBAAA;EACA,WAAA;AhC6qLpB;AgCzqLY;EACI,+BAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AhC2qLhB;AgCzqLgB;EACI,gCAAA;AhC2qLpB;AgCvqLoB;EACI,wBAAA;UAAA,gBAAA;AhCyqLxB;AgCtqLoB;EACI,6CAAA;EACA,yCAAA;AhCwqLxB;AgChqLI;EACI,kDAAA;AhCkqLR;;AgC9pLA;EACI,kBAAA;EACA,oDAAA;EACA,2BAAA;EACA,4BAAA;EACA,sBAAA;EACA,WAAA;EACA,YAAA;EACA,oDAAA;UAAA,4CAAA;EACA,mBAAA;AhCiqLJ;AgC/pLI;EACI,aAAA;AhCiqLR;AgC/pLQ;EACI,+BAAA;AhCiqLZ;AgC9pLQ;EACI,gBAAA;AhCgqLZ;AgC7pLQ;EACI,gBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;AhC+pLZ;AgC5pLgB;EACI,gBAAA;EACA,+BAAA;AhC8pLpB;AgC3pLgB;EACI,gBAAA;EACA,yBAAA;EACA,kDAAA;AhC6pLpB;AgCxpLQ;EACI,gBAAA;AhC0pLZ;AgCxpLY;EACI,gBAAA;EACA,+BAAA;AhC0pLhB;AgCvpLY;EACI,gBAAA;EACA,yBAAA;EACA,sBAAA;EACA,yBAAA;AhCypLhB;;AgClpLA;EACI,kDAAA;EACA,iBAAA;AhCqpLJ;;AiCzxLA;EACI,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,iCAAA;EACA,wCAAA;EACA,mBAAA;EACA,cAAA;AjC4xLJ;AiC1xLI;EACI,4BAAA;EACA,+CAAA;AjC4xLR;AiC3xLQ;EACI,4CAAA;AjC6xLZ;;AiCzxLA;EACI,kBAAA;AjC4xLJ;;AiCzxLA;EACI,UAAA;EACA,kBAAA;AjC4xLJ;AiC3xLI;EACI,kBAAA;EACA,SAAA;EACA,WAAA;AjC6xLR;AiC5xLQ;EACI,UAAA;EACA,YAAA;AjC8xLZ;AiC3xLI;EACI,wCAAA;EACA,iBAAA;AjC6xLR;AiC5xLQ;EACI,6CAAA;EACA,YAAA;EACA,mBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,WAAA;EACA,YAAA;AjC8xLZ;;AiCzxLA;EACI,wCAAA;AjC4xLJ;AiC3xLI;EACI,kDAAA;EACA,SAAA;AjC6xLR;AiC5xLQ;EACI,YAAA;EACA,uCAAA;EACA,kBAAA;AjC8xLZ;AiC3xLQ;EACI,gBAAA;EACA,mBAAA;EACA,uBAAA;AjC6xLZ;;AiCxxLA;EACI,kBAAA;EACA,wCAAA;EACA,iCAAA;EACA,6DAAA;UAAA,qDAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,kBAAA;EACA,UAAA;EACA,MAAA;EACA,YAAA;AjC2xLJ;AiC1xLI;EACI,cAAA;AjC4xLR;AiCzxLQ;EACI,WAAA;EACA,YAAA;AjC2xLZ;AiCxxLI;EACI,kBAAA;EACA,wBAAA;EACA,aAAA;AjC0xLR;AiCzxLQ;EACI,WAAA;EACA,YAAA;AjC2xLZ;AiC1xLY;EACI,UAAA;EACA,YAAA;AjC4xLhB;;AiCvxLA;EACI,kBAAA;AjC0xLJ;;AkCl4LA;;gCAAA;AAGA;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,sEAAA;EACA,gCAAA;AlCq4LJ;AkCn4LI;EACI,kBAAA;EACA,aAAA;EACA,SAAA;EACA,kCAAA;UAAA,0BAAA;EACA,YAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,uCAAA;AlCq4LR;;AkCj4LA;EACI,gBAAA;AlCo4LJ;AkCl4LI;EACI,gBAAA;EACA,gCAAA;EACA,kBAAA;EACA,gBAAA;AlCo4LR;AkCj4LI;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;AlCm4LR;;AkC93LI;EACI,WAAA;EACA,oBAAA;AlCi4LR;AkC/3LQ;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,SAAA;EACA,oDAAA;UAAA,4CAAA;EACA,oCAAA;EACA,gCAAA;EACA,0CAAA;EACA,wCAAA;AlCi4LZ;AkC/3LY;EACI,oCAAA;AlCi4LhB;AkC93LY;EACI,YAAA;EACA,WAAA;EACA,oDAAA;UAAA,4CAAA;EACA,mBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,6BAAA;UAAA,qBAAA;EACA,eAAA;EACA,8CAAA;EACA,wCAAA;AlCg4LhB;AkC93LgB;EACI,WAAA;EACA,YAAA;AlCg4LpB;AkC53LY;EACI,+BAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,YAAA;EACA,gBAAA;EACA,gCAAA;AlC83LhB;AkC53LgB;EACI,kBAAA;EACA,iBAAA;AlC83LpB;AkC33LgB;EACI,gBAAA;EACA,cAAA;AlC63LpB;AkC33LoB;EACI,iBAAA;EACA,eAAA;AlC63LxB;AkC33LwB;EACI,kBAAA;EACA,kBAAA;AlC63L5B;AkCx3LgB;EACI,eAAA;AlC03LpB;AkCx3LoB;EACI,6BAAA;UAAA,qBAAA;EACA,gBAAA;AlC03LxB;;AkCl3LA;EACI,kBAAA;EACA,iBAAA;EACA,kBAAA;EACA,YAAA;EACA,aAAA;AlCq3LJ;AkCn3LI;EACI,mBAAA;AlCq3LR;AkCl3LI;EACI,kBAAA;EACA,aAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,uCAAA;EACA,oDAAA;UAAA,4CAAA;EACA,kBAAA;EACA,eAAA;EACA,YAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;AlCo3LR;AkCl3LQ;EACI,kBAAA;EACA,mBAAA;AlCo3LZ;;AmCzgMA;;6BAAA;AAGA;EACI,WAAA;EACA,aAAA;EACA,+CAAA;EACA,+CAAA;EACA,kBAAA;AnC4gMJ;AmCzgMQ;EACI,kBAAA;EACA,qDAAA;AnC2gMZ;AmC1gMY;EACI,oBAAA;EACA,iBAAA;EACA,mBAAA;EACA,oDAAA;AnC4gMhB;AmCzgMQ;EACI,gBAAA;EACA,gCAAA;AnC2gMZ;AmCxgMI;EACI,WAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,oBAAA;EACA,sDAAA;AnC0gMR;AmCzgMQ;EACI,gBAAA;EACA,yBAAA;AnC2gMZ;AmCzgMQ;EACI,gBAAA;EACA,kCAAA;AnC2gMZ;AmCxgMI;EACI,iBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;AnC0gMR;AmCxgMQ;EACI,sDAAA;EACA,oDAAA;AnC0gMZ;AmCzgMY;EACI,mBAAA;EACA,uDAAA;EACA,kBAAA;EACA,qDAAA;AnC2gMhB;AmCzgMY;EACI,eAAA;EACA,cAAA;AnC2gMhB;AmC1gMgB;EACI,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,kBAAA;AnC4gMpB;;AmCpgMI;EACI,WAAA;EACA,mBAAA;AnCugMR;AmCtgMQ;EACI,gBAAA;AnCwgMZ;AmCtgMQ;EACI,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,aAAA;EACA,6CAAA;EACA,kCAAA;EACA,mBAAA;EACA,eAAA;AnCwgMZ;AmCtgMY;EACI,WAAA;EACA,kBAAA;EACA,MAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,uCAAA;EACA,mBAAA;EACA,mCAAA;UAAA,2BAAA;AnCwgMhB;AmCtgMgB;EACI,WAAA;EACA,UAAA;AnCwgMpB;AmCpgMY;EACI,WAAA;EACA,kBAAA;EACA,aAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,uCAAA;EACA,mBAAA;EACA,mCAAA;UAAA,2BAAA;AnCsgMhB;AmCpgMgB;EACI,WAAA;EACA,UAAA;AnCsgMpB;AmCjgMgB;EACI,WAAA;EACA,YAAA;AnCmgMpB;AmC//LY;EACI,+BAAA;AnCigMhB;AmChgMgB;EACI,UAAA;AnCkgMpB;AmCjgMoB;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,wCAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;AnCmgMxB;AmCjgMwB;EACI,yCAAA;AnCmgM5B;AmCjgM4B;EACI,mDAAA;UAAA,2CAAA;EACA,uCAAA;AnCmgMhC;AmC//LwB;EACI,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,sCAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mCAAA;UAAA,2BAAA;EACA,wBAAA;EAAA,gBAAA;AnCigM5B;AmC5/LgB;EACI,gCAAA;EACA,eAAA;AnC8/LpB;AmC3/LgB;EACI,eAAA;AnC6/LpB;;AmCr/LI;EACI,WAAA;EACA,kDAAA;EACA,oBAAA;KAAA,iBAAA;EACA,8BAAA;KAAA,2BAAA;EACA,mBAAA;AnCw/LR;;AmCp/LA;EACI,aAAA;EACA,0CAAA;EACA,uCAAA;EACA,mBAAA;EACA,qEAAA;UAAA,6DAAA;AnCu/LJ;AmCr/LQ;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,oBAAA;AnCu/LZ;AmCt/LY;EACI,qDAAA;AnCw/LhB;AmCt/LY;EACI,iBAAA;AnCw/LhB;AmCt/LY;EACI,qDAAA;AnCw/LhB;AmCt/LY;EACI,iBAAA;AnCw/LhB;AmCt/LY;EACI,iBAAA;AnCw/LhB;AmCt/LY;EACI,UAAA;EACA,gCAAA;AnCw/LhB;AmCt/LY;EACI,eAAA;EACA,gBAAA;EACA,cAAA;EACA,gCAAA;AnCw/LhB;AmCt/LY;EACI,gCAAA;EACA,kBAAA;AnCw/LhB;AmCv/LgB;EACI,mBAAA;EACA,mBAAA;AnCy/LpB;;AmCl/LA;EACI,iBAAA;EACA,kDAAA;AnCq/LJ;AmCn/LI;EACI,gBAAA;EACA,aAAA;EACA,uCAAA;EACA,6CAAA;EACA,mBAAA;EACA,6DAAA;UAAA,qDAAA;AnCq/LR;AmCp/LQ;EACI,oBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,oDAAA;AnCs/LZ;AmCr/LY;EACI,UAAA;EACA,mDAAA;AnCu/LhB;AmCt/LgB;EACI,mBAAA;EACA,kDAAA;AnCw/LpB;AmCt/LgB;EACI,gBAAA;EACA,gCAAA;AnCw/LpB;AmCt/LgB;EACI,gBAAA;EACA,gBAAA;EACA,gCAAA;AnCw/LpB;AmCp/LQ;EACI,eAAA;AnCs/LZ;AmCr/LY;EACI,gBAAA;EACA,gCAAA;AnCu/LhB;AmCr/LY;EACI,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,gCAAA;AnCu/LhB;AmCl/LY;EACI,gBAAA;EACA,gCAAA;AnCo/LhB;AmCl/LY;EACI,gBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;AnCo/LhB;AmCn/LgB;EACI,WAAA;EACA,wDAAA;EACA,mDAAA;AnCq/LpB;AmCp/LoB;EACI,mBAAA;EACA,kDAAA;AnCs/LxB;AmCp/LoB;EACI,eAAA;AnCs/LxB;AmCr/LwB;EACI,mBAAA;EACA,gBAAA;AnCu/L5B;AmCp/LoB;EACI,gBAAA;EACA,kBAAA;AnCs/LxB;AmCr/LwB;EACI,oBAAA;EACA,eAAA;EACA,mBAAA;EACA,iBAAA;AnCu/L5B;;AmC9+LA;EACI,gBAAA;EACA,aAAA;EACA,uCAAA;EACA,6CAAA;EACA,mBAAA;EACA,6DAAA;UAAA,qDAAA;AnCi/LJ;AmC/+LI;EACI,mBAAA;EACA,qDAAA;AnCi/LR;AmCh/LQ;EACI,cAAA;AnCk/LZ;AmCh/LQ;EACI,iBAAA;EACA,mBAAA;AnCk/LZ;AmC/+LQ;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;AnCi/LZ;AmC/+LY;EACI,WAAA;EACA,YAAA;EACA,mBAAA;EACA,oBAAA;KAAA,iBAAA;AnCi/LhB;AmC/+LY;EACI,8BAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;AnCi/LhB;AmC/+LgB;EACI,gBAAA;EACA,gCAAA;AnCi/LpB;AmC9+LgB;EACI,iCAAA;AnCg/LpB;AmC9+LgB;EACI,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,QAAA;EACA,gCAAA;AnCg/LpB;AmC9+LoB;EACI,WAAA;EACA,YAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,YAAA;EACA,+CAAA;EACA,mBAAA;AnCg/LxB;AmC9+LwB;EACI,yBAAA;AnCg/L5B;AmC1+LQ;EACI,gBAAA;EACA,gBAAA;EACA,gCAAA;AnC4+LZ;;AmCt+LI;EACI,kBAAA;EACA,gEAAA;AnCy+LR;AmCv+LI;EACI,kBAAA;EACA,QAAA;EACA,QAAA;EACA,mCAAA;UAAA,2BAAA;EACA,eAAA;EACA,eAAA;EACA,wFAAA;EAEA,kBAAA;AnCw+LR;AmCr+LI;EACI,eAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,mBAAA;MAAA,eAAA;EACA,SAAA;AnCu+LR;AmCr+LQ;EACI,YAAA;EACA,YAAA;EACA,2BAAA;EAAA,2BAAA;EAAA,oBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,QAAA;EACA,uCAAA;EACA,6CAAA;EACA,mBAAA;EACA,kCAAA;UAAA,0BAAA;EACA,wCAAA;EAAA,gCAAA;AnCu+LZ;AmCt+LY;EACI,eAAA;EACA,gBAAA;EACA,kCAAA;AnCw+LhB;AmCr+LY;EACI,cAAA;EACA,kCAAA;AnCu+LhB;;AmCj+LA;EACI,iBAAA;EACA,kDAAA;AnCo+LJ;AmCn+LI;EACI,gBAAA;EACA,aAAA;EACA,uCAAA;EACA,iDAAA;EACA,mBAAA;EACA,qEAAA;UAAA,6DAAA;AnCq+LR;AmCp+LQ;EACI,gBAAA;AnCs+LZ;AmCp+LY;EACI,WAAA;EACA,YAAA;EACA,uCAAA;EACA,6CAAA;AnCs+LhB;AmCp+LgB;EACI,wBAAA;UAAA,gBAAA;EACA,kBAAA;AnCs+LpB;AmCl+LY;EACI,iCAAA;EACA,eAAA;EACA,iBAAA;AnCo+LhB;AmCn+LgB;EACI,kBAAA;EACA,kBAAA;AnCq+LpB;AmCj+LY;EACI,kBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,6CAAA;AnCm+LhB;AmCl+LgB;EACI,WAAA;EACA,YAAA;EACA,WAAA;EACA,6CAAA;EACA,mBAAA;AnCo+LpB;AmCh+LQ;EACI,UAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,uBAAA;MAAA,oBAAA;UAAA,2BAAA;AnCk+LZ;AmC/9LgB;EACI,6CAAA;EACA,wBAAA;UAAA,gBAAA;EACA,gBAAA;AnCi+LpB;AmC/9LoB;EACI,oBAAA;EACA,eAAA;AnCi+LxB;AmC79LgB;EACI,6CAAA;AnC+9LpB;;AmCx9LA;EACI,gBAAA;EACA,kDAAA;AnC29LJ;;AmCx9LA;EACI,qBAAA;MAAA,iBAAA;EACA,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,SAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;AnC29LJ;;AmCx9LA;EACI,gBAAA;EACA,aAAA;EACA,uCAAA;EACA,6CAAA;EACA,mBAAA;EACA,6DAAA;UAAA,qDAAA;AnC29LJ;AmC19LI;EACI,gBAAA;EACA,gCAAA;AnC49LR;AmC19LI;EACI,gBAAA;EACA,iBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,4BAAA;EAAA,6BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,iDAAA;EACA,kBAAA;AnC49LR;AmC39LQ;EACI,WAAA;EACA,YAAA;EACA,2BAAA;UAAA,mBAAA;AnC69LZ;AmC39LQ;EACI,WAAA;EACA,YAAA;EACA,sCAAA;UAAA,8BAAA;AnC69LZ;AmC39LQ;EACI,kBAAA;EACA,kDAAA;AnC69LZ;AmC59LY;EAHJ;IAIQ,oDAAA;EnC+9Ld;AACF;AmC99LY;EACI,mBAAA;EACA,mBAAA;EACA,kBAAA;EACA,mDAAA;AnCg+LhB;;AmC19LA;EACI,gBAAA;EACA,aAAA;EACA,uCAAA;EACA,6CAAA;EACA,mBAAA;EACA,6DAAA;UAAA,qDAAA;AnC69LJ;AmC39LQ;EACI,gBAAA;EACA,eAAA;EACA,gCAAA;AnC69LZ;AmC39LQ;EACI,6CAAA;EACA,wBAAA;UAAA,gBAAA;EACA,gBAAA;AnC69LZ;AmC39LY;EACI,oBAAA;EACA,eAAA;AnC69LhB;AmCz9LQ;EACI,6CAAA;AnC29LZ;;AmCt9LA;EACI,gBAAA;EACA,aAAA;EACA,uCAAA;EACA,6CAAA;EACA,mBAAA;EACA,6DAAA;UAAA,qDAAA;AnCy9LJ;AmCv9LI;EACI,oDAAA;AnCy9LR;AmCv9LY;EACI,eAAA;EACA,gBAAA;EACA,gCAAA;AnCy9LhB;AmCp9LI;EACI,oDAAA;AnCs9LR;AmCn9LY;EACI,eAAA;EACA,gBAAA;EACA,gCAAA;AnCq9LhB;AmCp9LgB;EACI,eAAA;AnCs9LpB;;AF3iNA,WAAA;AsC9CA;;2BAAA;AAKQ;EACI,kDAAA;ApC2lNZ;AoCvlNY;EACI,4BAAA;UAAA,oBAAA;ApCylNhB;AoCplNY;EACI,uEAAA;ApCslNhB;AoCjlNY;EACI,uEAAA;EACA,YAAA;EACA,WAAA;EACA,UAAA;ApCmlNhB;AoCjlNgB;EACI,WAAA;EACA,kBAAA;EACA,QAAA;EACA,kBAAA;EACA,YAAA;EACA,uGAAA;EASA,sMACI;EADJ,gHACI;EAEJ,2BAAA;EACA,WAAA;ApC0kNpB;AoClkNwB;EACI,2BAAA;UAAA,mBAAA;ApCokN5B;AoC9jNwB;EACI,gCAAA;ApCgkN5B;AoCxjNY;EACI,6BAAA;EACA,kBAAA;EACA,mBAAA;ApC0jNhB;AoCxjNgB;EACI,WAAA;EACA,kBAAA;EACA,QAAA;EACA,mBAAA;EACA,YAAA;EACA,uGAAA;EASA,sMACI;EADJ,gHACI;EAEJ,2BAAA;ApCijNpB;AoC3iNY;EACI,8CAAA;ApC6iNhB;AoCziNQ;EACI,yBAAA;UAAA,iBAAA;ApC2iNZ;AoCxiNQ;EACI,6BAAA;EACA,4CAAA;ApC0iNZ;AoCviNQ;EACI,wCAAA;EACA,iCAAA;ApCyiNZ;AoCpiNgB;EACI,4BAAA;UAAA,oBAAA;ApCsiNpB;AoC/hNgB;EACI,4CAAA;EACA,uEAAA;ApCiiNpB;AoC9hNgB;EACI,uEAAA;ApCgiNpB;AoCzhNgB;EACI,uCAAA;ApC2hNpB;AoCthNQ;EACI,wCAAA;ApCwhNZ;AoCphNY;EACI,4BAAA;UAAA,oBAAA;ApCshNhB;AoCnhNY;EACI,4BAAA;UAAA,oBAAA;ApCqhNhB;AoC/gNgB;EACI,4BAAA;UAAA,oBAAA;ApCihNpB;AoC7gNY;EACI,wBAAA;UAAA,gBAAA;ApC+gNhB;AoC5gNY;EACI,wBAAA;UAAA,gBAAA;ApC8gNhB;AoCtgNwB;EACI,WAAA;EACA,YAAA;EACA,yBAAA;UAAA,iBAAA;ApCwgN5B;AoChgNY;EACI,cAAA;ApCkgNhB;AoC//MY;EACI,aAAA;ApCigNhB;AoC3/MgB;EACI,uEAAA;EACA,oDAAA;UAAA,4CAAA;ApC6/MpB;AoC3/MoB;EACI,uEAAA;ApC6/MxB;AoC3/MwB;EACI,yBAAA;UAAA,iBAAA;ApC6/M5B;AoCp/MgB;EACI,uEAAA;ApCs/MpB;AoC/+MgB;EACI,uEAAA;ApCi/MpB;AoCz+MoB;EACI,uEAAA;ApC2+MxB;AoCp+M4B;EACI,WAAA;ApCs+MhC;AoC99MQ;EACI,6BAAA;EACA,kBAAA;EACA,YAAA;EACA,kBAAA;ApCg+MZ;AoC99MY;;EAEI,uEAAA;EACA,UAAA;EACA,kBAAA;ApCg+MhB;AoC79MY;EACI,WAAA;EACA,kBAAA;EACA,QAAA;EACA,kBAAA;EACA,YAAA;EACA,wGAAA;EAKA,sMACI;EADJ,gHACI;EAEJ,2BAAA;ApCy9MhB;AoCr9MQ;EACI,uEAAA;EACA,2CAAA;ApCu9MZ","file":"style.css","sourcesContent":["/*utils scss files */\n@import \"utils/animation\";\n@import \"utils/variables\";\n\n/* base scss files */\n@import \"base/reset\";\n@import \"base/typography\";\n\n/* components scss files*/\n@import \"components/accordion\";\n@import \"components/button\";\n@import \"components/category\";\n@import \"components/chatting\";\n@import \"components/form\";\n@import \"components/offcanvas\";\n@import \"components/product-box\";\n@import \"components/ratio\";\n@import \"components/slider\";\n@import \"components/tabs\";\n@import \"components/title\";\n\n/* layout scss files */\n@import \"layout/header\";\n@import \"layout/nav\";\n\n/* pages */\n@import \"pages/address\";\n@import \"pages/authentication\";\n@import \"pages/cart\";\n@import \"pages/coupon\";\n@import \"pages/delivery-boy\";\n@import \"pages/details\";\n@import \"pages/empty-page\";\n@import \"pages/grocery\";\n@import \"pages/home\";\n@import \"pages/index\";\n@import \"pages/landing\";\n@import \"pages/location\";\n@import \"pages/notification\";\n@import \"pages/order\";\n@import \"pages/page-list\";\n@import \"pages/payment\";\n@import \"pages/pharmacy\";\n@import \"pages/profile\";\n@import \"pages/restaurant-app\";\n\n/* themes */\n@import \"themes/dark\";\n","/*========================\n    Animation CSS start\n==========================*/\n@keyframes ripple1 {\n  0% {\n    transform: scale(5.5);\n    opacity: 0.3;\n  }\n  100% {\n    transform: scale(8.5);\n    opacity: 0;\n  }\n}\n\n@keyframes ripple2 {\n  0% {\n    transform: scale(3.5);\n  }\n  100% {\n    transform: scale(5.5);\n  }\n}\n\n@keyframes ripple3 {\n  0% {\n    transform: scale(1.5);\n  }\n  100% {\n    transform: scale(3.5);\n  }\n}\n\n","/*utils scss files */\n/*========================\n    Animation CSS start\n==========================*/\n@keyframes ripple1 {\n  0% {\n    transform: scale(5.5);\n    opacity: 0.3;\n  }\n  100% {\n    transform: scale(8.5);\n    opacity: 0;\n  }\n}\n@keyframes ripple2 {\n  0% {\n    transform: scale(3.5);\n  }\n  100% {\n    transform: scale(5.5);\n  }\n}\n@keyframes ripple3 {\n  0% {\n    transform: scale(1.5);\n  }\n  100% {\n    transform: scale(3.5);\n  }\n}\n/*========================\n    Variable CSS start\n==========================*/\n/* font family */\n/* color variables */\n:root {\n  --theme-color: 255, 141, 47;\n  --light-theme-color: 255, 240, 227;\n  --white: 255, 255, 255;\n  --black: 0, 0, 0;\n  --dark-text: 65, 68, 73;\n  --light-text: 141, 143, 145;\n  --success-color: 39, 125, 42;\n  --error-color: 245, 58, 58;\n  --accent-color: 58, 109, 229;\n  --rate-color: 255, 185, 49;\n  --box-bg: 245, 245, 245;\n  --dashed-line: 237, 237, 237;\n}\n\n.dark {\n  --white: 40, 40, 40;\n  --black: 255, 255, 255;\n  --dark-text: 255, 255, 255;\n  --light-text: 141, 143, 145;\n  --box-bg: 60, 60, 60;\n  --dashed-line: 82, 82, 82;\n}\n\n.grocery-color {\n  --theme-color: 59, 193, 142;\n}\n\n.pharmacy-color {\n  --theme-color: 0, 136, 147;\n}\n\n/* base scss files */\n/*=====================\n    Reset CSS start\n==========================*/\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\ninput[type=number] {\n  appearance: textfield;\n}\ninput[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n}\n\n.custom-container {\n  padding: 0 20px;\n  background-color: rgba(var(--white), 1);\n}\n\nsection,\n.section-t-space {\n  padding-top: 20px;\n}\n\n.section-b-space {\n  padding-bottom: 20px;\n}\n\n.section-lg-t-space {\n  padding-top: 50px;\n}\n\n.section-lg-b-space {\n  padding-bottom: 50px;\n}\n\n.panel-space {\n  padding-top: 80px !important;\n}\n\n.theme-color {\n  color: rgba(var(--theme-color), 1) !important;\n}\n\n.dark-text {\n  color: rgba(var(--dark-text), 1) !important;\n}\n\n.light-text {\n  color: rgba(var(--light-text), 1) !important;\n}\n\n.error-color {\n  color: rgba(var(--error-color), 1) !important;\n}\n\n.success-color {\n  color: rgba(var(--success-color), 1) !important;\n}\n\n.rate-color {\n  color: rgba(var(--rate-color), 1) !important;\n}\n\n.box-bg {\n  background-color: rgba(var(--box-bg), 1) !important;\n}\n\n.accent-color {\n  color: rgba(var(--accent-color), 1) !important;\n}\n\n[dir=rtl] .swiper {\n  direction: ltr;\n}\n\n/*=====================\n    Typography CSS start\n==========================*/\n* {\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  font-family: \"Metropolis\", sans-serif;\n  background-color: rgba(var(--white), 1);\n  max-width: 600px;\n  width: 100%;\n  margin: 0 auto;\n  height: 100vh;\n  overflow-y: auto;\n}\nbody::-webkit-scrollbar {\n  scrollbar-width: none;\n  scrollbar-color: #000000;\n  width: 1px;\n}\nbody::-webkit-scrollbar-track {\n  background: #ffffff;\n}\nbody::-webkit-scrollbar-thumb {\n  background-color: #000000;\n  border-radius: 0px;\n  border: 3px solid #ffffff;\n}\n\nh1 {\n  font-weight: 600;\n  font-size: 20px;\n  margin-bottom: 0;\n}\n\nh2 {\n  font-size: 18px;\n  font-weight: 600;\n  margin-bottom: 0;\n}\n\nh3 {\n  font-size: 16px;\n  margin-bottom: 0;\n}\n\nh4 {\n  font-size: 15px;\n  margin-bottom: 0;\n}\n\nh5 {\n  font-size: 14px;\n  line-height: 1;\n  margin-bottom: 0;\n}\n\nh6 {\n  font-size: calc(12px + 1 * (100vw - 320px) / 1600);\n  margin-bottom: 0;\n}\n\np {\n  font-size: 13px;\n  margin-bottom: 0;\n}\n\na {\n  text-decoration: none;\n}\n\nul {\n  padding: 0;\n  margin-bottom: 0;\n}\n\nli {\n  list-style: none;\n  display: inline-block;\n  font-size: 14px;\n}\n\n/* components scss files*/\n/*=====================\n    accordion CSS start\n==========================*/\n.food-accordion .accordion-item {\n  background: transparent;\n  border: none;\n  border-bottom: 1px solid rgba(var(--black), 0.05);\n  z-index: -1;\n}\n.food-accordion .accordion-item .accordion-header {\n  font-size: 14px;\n  position: relative;\n  z-index: 1;\n}\n.food-accordion .accordion-item .accordion-header::after {\n  content: \"\";\n  position: absolute;\n  border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n  width: 60px;\n}\n.food-accordion .accordion-item .accordion-header .accordion-button {\n  padding: 16px 0;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(var(--dark-text), 1);\n  background-color: rgba(var(--white), 1);\n}\n.food-accordion .accordion-item .accordion-header .accordion-button::after {\n  content: \"\\ea4e\";\n  font-family: remixicon !important;\n  width: auto;\n  height: auto;\n  background: none;\n  font-size: 24px;\n  line-height: 1;\n  background-image: none;\n  transform: none;\n  margin-left: auto;\n  margin-right: unset;\n}\n[dir=rtl] .food-accordion .accordion-item .accordion-header .accordion-button::after {\n  margin-left: unset;\n  margin-right: auto;\n}\n.food-accordion .accordion-item .accordion-header .accordion-button:focus {\n  box-shadow: none;\n}\n.food-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {\n  background: none;\n  color: rgba(var(--dark-text), 1);\n  font-weight: 400;\n  font-size: 14px;\n}\n.food-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {\n  content: \"\\ea78\";\n  font-family: remixicon !important;\n  width: auto;\n  height: auto;\n  background: none;\n  font-size: 24px;\n  line-height: 1;\n  background-image: none;\n  transform: none;\n  margin-left: auto;\n}\n[dir=rtl] .food-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {\n  margin-left: unset;\n  margin-right: auto;\n}\n.food-accordion .accordion-item .accordion-body {\n  padding: 20px 0 20px 0;\n}\n\n.option-accordion .accordion-item {\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 12px rgba(var(--black), 0.06);\n  border-radius: 8px;\n}\n.option-accordion .accordion-item .accordion-header {\n  position: relative;\n  font-size: 14px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 12px rgba(var(--black), 0.06);\n  border-radius: 8px;\n}\n.option-accordion .accordion-item .accordion-header .accordion-button {\n  padding: 15px;\n  font-size: 14px;\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n  background-color: rgba(var(--white), 1);\n}\n.option-accordion .accordion-item .accordion-header .accordion-button::after {\n  transform: none;\n  margin-left: auto;\n  font-weight: normal;\n  content: \"\\ea4e\";\n  font-family: remixicon !important;\n  width: auto;\n  height: auto;\n  background: none;\n  font-size: 24px;\n  line-height: 1;\n}\n[dir=rtl] .option-accordion .accordion-item .accordion-header .accordion-button::after {\n  margin-left: unset;\n  margin-right: auto;\n}\n.option-accordion .accordion-item .accordion-header .accordion-button:focus {\n  box-shadow: none;\n}\n.option-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {\n  background: none;\n  color: rgba(var(--dark-text), 1);\n  font-weight: 600;\n  font-size: 14px;\n}\n.option-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {\n  content: \"\\ea78\";\n  font-family: remixicon !important;\n  width: auto;\n  height: auto;\n  background: none;\n  font-size: 24px;\n  line-height: 1;\n  background-image: none;\n  transform: none;\n}\n.option-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):focus {\n  box-shadow: none;\n}\n.option-accordion .accordion-item .accordion-body {\n  padding: 0 15px 12px;\n}\n.option-accordion .accordion-item .accordion-body .form-check {\n  text-align: left;\n  padding: 12px 0;\n  margin: 0;\n  border-bottom: 1px solid rgba(var(--dashed-line), 1);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: rgba(var(--white), 1);\n}\n.option-accordion .accordion-item .accordion-body .form-check:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n.option-accordion .accordion-item .accordion-body .form-check .form-check-label {\n  color: rgba(var(--dark-text), 1);\n  font-size: 14px;\n}\n.option-accordion .accordion-item .accordion-body .form-check .form-check-input {\n  box-shadow: none;\n  float: right;\n  margin: 0;\n}\n[dir=rtl] .option-accordion .accordion-item .accordion-body .form-check .form-check-input {\n  float: left;\n}\n.option-accordion .accordion-item .accordion-body .form-check .form-check-input:checked {\n  background-color: rgba(var(--theme-color), 1);\n  border-color: rgba(var(--theme-color), 1);\n}\n.option-accordion .accordion-item .currency {\n  padding: 0 15px 12px 12px;\n}\n[dir=rtl] .option-accordion .accordion-item .currency {\n  padding: 0 12px 12px 15px;\n}\n.option-accordion .accordion-item .currency .currency-listing li {\n  display: block;\n  width: 100%;\n  padding: 12px 0;\n  font-weight: 400;\n  border-bottom: 1px solid rgba(var(--dashed-line), 1);\n}\n.option-accordion .accordion-item .currency .currency-listing li:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n/*=====================\n    Button CSS start\n==========================*/\n.btn {\n  margin-top: 30px;\n  padding: calc(8px + 4 * (100vw - 320px) / 1600);\n}\n.btn-inline {\n  padding-inline: 15px;\n}\n.btn:active {\n  background-color: rgba(var(--theme-color), 1);\n  color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--theme-color), 1);\n}\n\n.theme-btn {\n  background-color: rgba(var(--theme-color), 1);\n  color: #ffffff;\n  font-weight: 500;\n  font-size: calc(16px + 2 * (100vw - 320px) / 1600);\n  border-radius: 6px;\n}\n.theme-btn:hover {\n  background-color: rgba(var(--theme-color), 1);\n  color: #ffffff;\n}\n.theme-btn:active {\n  background-color: rgba(var(--theme-color), 1);\n  color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--theme-color), 1);\n}\n\n.gray-btn {\n  background-color: rgba(var(--box-bg), 1);\n  color: rgba(var(--light-text), 1);\n  border-radius: 6px;\n  font-weight: 500;\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n}\n.gray-btn:active {\n  border: none;\n}\n.gray-btn:hover {\n  background-color: rgba(var(--box-bg), 1);\n  color: rgba(var(--light-text), 1);\n}\n\n.btn-link {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 18px;\n  color: rgba(var(--light-text), 1);\n}\n.btn-link:hover {\n  color: rgba(var(--light-text), 1);\n}\n\n/*=========================\n    Category CSS start\n==========================*/\n.categories .food-categories {\n  position: relative;\n  width: 80%;\n  height: 80%;\n  object-fit: contain;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 15px;\n  margin: 0 auto;\n  border-radius: 8px;\n  z-index: 1;\n  background: linear-gradient(360deg, #f5f5f5 53.51%, rgba(245, 245, 245, 0.1098039216) 100%);\n}\n.categories .food-categories.restaurant-food-categories {\n  background: rgba(var(--white), 1) !important;\n}\n@media (max-width: 420px) {\n  .categories .food-categories {\n    height: 100%;\n    width: 100%;\n  }\n}\n.categories .food-categories.food {\n  background: rgba(var(--white), 1);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 8px;\n}\n.categories .food-categories::after {\n  content: \"\";\n  position: absolute;\n  width: 98%;\n  height: 100%;\n  border-radius: 9px;\n  left: 50%;\n  bottom: 2px;\n  z-index: -1;\n  transform: translateX(-50%);\n}\n.categories .food-categories .categories-img {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 50px;\n  object-fit: contain;\n}\n@media (max-width: 420px) {\n  .categories .food-categories .categories-img {\n    width: 100%;\n    height: 40px;\n  }\n}\n.categories h6 {\n  color: rgba(var(--dark-text), 1);\n  font-size: 14px;\n  margin-top: 10px;\n  text-align: center;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.msger {\n  margin-top: 105px;\n}\n\n.msg {\n  display: flex;\n  align-items: flex-end;\n  margin-bottom: 10px;\n}\n.msg:last-of-type {\n  margin: 0;\n}\n\n.msg-img {\n  width: 30px;\n  height: 30px;\n  margin-right: 10px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  border-radius: 50%;\n}\n[dir=rtl] .msg-img {\n  margin-left: 10px;\n  margin-right: unset;\n}\n\n.msg-bubble {\n  max-width: 450px;\n  padding: 8px;\n  border-radius: 15px;\n  background: var(--left-msg-bg);\n  font-size: 14px;\n}\n\n.msg-info {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 10px;\n}\n\n.msg-info-name {\n  margin-right: 10px;\n  font-weight: bold;\n}\n[dir=rtl] .msg-info-name {\n  margin-left: 10px;\n  margin-right: unset;\n}\n\n.msg-info-time {\n  font-size: 0.85em;\n}\n\n.left-msg .msg-bubble {\n  border-bottom-left-radius: 0;\n  background: rgba(var(--box-bg), 1);\n  border-radius: 6px 6px 6px 0;\n  color: rgba(var(--dark-text), 1);\n  width: calc(100% - 50px - 10px - 40px);\n  margin-right: 0;\n}\n[dir=rtl] .left-msg .msg-bubble {\n  margin-left: 0;\n  margin-right: unset;\n}\n\n.right-msg {\n  flex-direction: row-reverse;\n}\n.right-msg .msg-bubble {\n  background: rgba(var(--theme-color), 1);\n  border-radius: 6px 6px 0 6px;\n  color: rgba(var(--white), 1);\n}\n.right-msg .msg-bubble .msg-text {\n  color: #ffffff;\n}\n.right-msg .msg-img {\n  margin-left: 10px;\n}\n[dir=rtl] .right-msg .msg-img {\n  margin-left: unset;\n  margin-right: 10px;\n}\n.right-msg .msg-img .icon {\n  width: 30px;\n  height: 30px;\n  border-radius: 100%;\n}\n\n.msger-inputarea {\n  display: flex;\n  padding: 20px;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  background-color: rgba(var(--white), 1);\n}\n[dir=rtl] .msger-inputarea {\n  left: unset;\n  right: 0;\n}\n.msger-inputarea * {\n  padding: 15px;\n  border: none;\n  border-radius: 3px;\n  font-size: 1em;\n}\n\n.msger-input {\n  background-color: rgba(var(--box-bg), 1);\n  backdrop-filter: blur(2px);\n  padding: 14px;\n  font-weight: 400;\n  font-size: 14px;\n  width: 100%;\n  color: rgba(var(--dark-text), 1);\n}\n.msger-input::placeholder {\n  color: rgba(var(--light-text), 1);\n}\n.msger-input:focus {\n  outline: none;\n}\n\n.msger-send-btn {\n  margin-left: 8px;\n  color: rgb(255, 255, 255);\n  font-weight: bold;\n  transition: background 0.23s;\n  background: rgba(var(--theme-color), 1);\n  backdrop-filter: blur(2px);\n  border-radius: 6px;\n}\n[dir=rtl] .msger-send-btn {\n  margin-left: unset;\n  margin-right: 8px;\n}\n\n/*=====================\n    form CSS start\n==========================*/\n.auth-form h2 {\n  width: 90%;\n  color: rgba(var(--dark-text), 1);\n}\n.auth-form .form-group {\n  width: 100%;\n  display: block;\n}\n.auth-form .form-group .form-control {\n  padding: 15px;\n  line-height: 1;\n  font-size: calc(14px + 2 * (100vw - 320px) / 1600);\n  background-color: rgba(var(--box-bg), 1);\n  border: none;\n  border-radius: 6px;\n  box-shadow: none;\n}\n[dir=rtl] .auth-form .form-group .form-control {\n  text-align: right;\n}\n.auth-form .form-group .form-control:focus {\n  box-shadow: none;\n  border-color: transparent;\n}\n.auth-form .form-group .form-control::placeholder {\n  color: rgba(var(--light-text), 1);\n}\n.auth-form .form-group .form-label {\n  color: rgba(var(--dark-text), 1);\n  white-space: nowrap;\n}\n.auth-form .form-group .form-input {\n  width: 100%;\n}\n.auth-form .form-group .form-input .form-control {\n  background-color: rgba(var(--box-bg), 1);\n  border: none;\n  box-shadow: none;\n  padding: 15px;\n  font-size: calc(14px + 2 * (100vw - 320px) / 1600);\n}\n.auth-form .form-group .form-input .form-control:focus {\n  box-shadow: none;\n  border-color: transparent;\n}\n.auth-form .form-group .form-input .form-control::placeholder {\n  color: rgba(var(--light-text), 1);\n}\n.auth-form .form-group .form-input .form-control.search {\n  padding: 15px 15px 15px 42px;\n}\n[dir=rtl] .auth-form .form-group .form-input .form-control.search {\n  padding: 15px 42px 15px 15px;\n}\n.auth-form .form-group .dropdown {\n  display: flex;\n  gap: 15px;\n}\n.auth-form .form-group .dropdown .dropdown-toggle {\n  background-color: rgba(var(--box-bg), 1);\n  color: rgba(var(--light-text), 1);\n  border-radius: 6px;\n  border: none;\n  display: flex;\n  align-items: center;\n}\n.auth-form .form-group .dropdown .dropdown-toggle::after {\n  content: \"\\ea4e\";\n  font-family: remixicon;\n  font-style: normal;\n  font-size: 18px;\n  line-height: 1;\n  vertical-align: middle;\n  border: none;\n}\n.auth-form .form-group .dropdown .dropdown-toggle:active {\n  border: none;\n}\n.auth-form .form-group .dropdown .dropdown-menu.show {\n  min-width: max-content;\n  background-color: rgba(var(--box-bg), 1);\n  color: rgba(var(--light-text), 1);\n  width: 100%;\n}\n.auth-form .form-group .dropdown .dropdown-menu li {\n  display: block;\n}\n.auth-form .form-group .dropdown .dropdown-menu li .dropdown-item:active, .auth-form .form-group .dropdown .dropdown-menu li .dropdown-item:hover {\n  background-color: rgba(var(--theme-color), 1);\n}\n.auth-form .form-group .form-select {\n  font-size: calc(14px + 2 * (100vw - 320px) / 1600);\n  line-height: 1;\n  padding: 15px 30px 15px 15px;\n  color: rgba(var(--dark-text), 1);\n  background-color: rgba(var(--box-bg), 1);\n  border: none;\n}\n.auth-form .form-group .upload-image {\n  position: relative;\n  width: 100%;\n  height: 120px;\n  background-color: rgba(var(--box-bg), 0.1);\n  backdrop-filter: blur(2px);\n  border-radius: 6px;\n  color: rgba(var(--white), 1);\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px;\n}\n.auth-form .form-group .upload-image .upload-file {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  color: rgba(var(--light-text), 1);\n  opacity: 0;\n  z-index: 1;\n}\n.auth-form .form-group .upload-image .upload-icon {\n  font-size: 20px;\n  color: rgba(var(--dark-text), 1);\n  position: absolute;\n}\n.auth-form .form-group .upload-image .profile-icon {\n  position: absolute;\n  width: 100px;\n  color: rgba(var(--dark-text), 1);\n  filter: opacity(0.1);\n}\n.auth-form .form-group .upload-image::after {\n  content: \"\";\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 1px dashed rgba(var(--light-text), 0.3);\n  border-radius: 8px;\n}\n.auth-form .form-group .upload-image h5 {\n  position: absolute;\n  bottom: 30px;\n  color: rgba(var(--light-text), 1);\n}\n.auth-form .form-group .upload-image.profile-image {\n  width: 100%;\n  height: 300px;\n}\n\n.otp-form {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n  margin-top: 40px;\n  gap: 20px;\n}\n@media (max-width: 600px) {\n  .otp-form {\n    gap: calc(10px + 10 * (100vw - 320px) / 1600);\n  }\n}\n.otp-form .form-input::-webkit-outer-spin-button, .otp-form .form-input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.otp-form .form-input .form-control {\n  background: rgba(var(--box-bg), 1);\n  backdrop-filter: blur(2px);\n  border-radius: 6px;\n  border: none;\n  color: rgba(var(--dark-text), 1);\n  text-align: center;\n  height: 48px;\n  padding: 15px;\n}\n.otp-form .form-input .form-control::placeholder {\n  color: rgba(var(--dark-text), 1);\n}\n.otp-form .form-input .form-control:focus {\n  box-shadow: none;\n  border: 1px solid rgba(var(--theme-color), 1);\n}\n.otp-form .btn {\n  margin-top: 80px;\n}\n\n.profile-form {\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n  padding-top: 20px;\n}\n\n.order-type-3 .form-check3 {\n  position: relative;\n  width: 100%;\n  padding: 0;\n}\n.order-type-3 .form-check3 .form-check-input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  float: unset;\n  height: 100%;\n  margin: 0;\n  cursor: pointer;\n  opacity: 0;\n}\n.order-type-3 .form-check3 .form-check-input:checked {\n  transition: all 0.5s ease;\n}\n.order-type-3 .form-check3 .form-check-input:checked ~ .form-check-label {\n  font-weight: 600;\n  border-color: rgba(var(--theme-color), 1);\n  transition: all 0.5s ease;\n}\n.order-type-3 .form-check3 .form-check-input:checked ~ .form-check-label .check-box {\n  background-color: rgba(var(--theme-color), 1);\n  transition: all 0.5s ease;\n}\n.order-type-3 .form-check3 .form-check-label {\n  width: 100%;\n  padding: calc(10px + 5 * (100vw - 320px) / 1600);\n  margin: 0;\n  font-weight: 400;\n  font-size: calc(13px + 1 * (100vw - 320px) / 1600);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: calc(5px + 5 * (100vw - 320px) / 1600);\n  border: 1px solid rgba(var(--black), 0.05);\n  border-radius: 6px;\n}\n.order-type-3 .form-check3 .form-check-label .check-box {\n  width: 20px;\n  height: 20px;\n  border: 1px solid rgba(var(--black), 0.05);\n  border-radius: 100%;\n  position: relative;\n}\n.order-type-3 .form-check3 .form-check-label .check-box::after {\n  content: \"\";\n  position: absolute;\n  top: 7px;\n  left: 9px;\n  border: 2px solid rgba(var(--white), 1);\n  transform: translate(-50%, -50%) rotate(45deg);\n  width: 6px;\n  height: 10px;\n  border-top: unset;\n  border-left: unset;\n}\n\n/*=====================\n    offcanvas CSS start\n==========================*/\n.search-filter .modal-title {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 20px;\n  background-color: rgba(var(--white), 1);\n}\n.search-filter .modal-title h3 {\n  margin-left: auto;\n  margin-right: auto;\n  color: rgba(var(--dark-text), 1);\n}\n.search-filter .modal-title .btn-close {\n  position: absolute;\n  right: 20px;\n  box-shadow: none;\n}\n.search-filter .search-categories li {\n  width: 100%;\n  padding: 15px 0;\n  border-bottom: 1px solid rgba(var(--black), 0.1);\n}\n.search-filter .search-categories li .payment-detail {\n  display: flex;\n  gap: 10px;\n}\n.search-filter .search-categories li .payment-detail .add-img {\n  padding: 7px;\n  border-radius: 100%;\n  background: rgba(var(--theme-color), 0.2);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.search-filter .search-categories li .payment-detail .form-check-label {\n  color: rgba(var(--dark-text), 1);\n}\n.search-filter .search-categories li .payment-detail .radio-btn {\n  padding: 0;\n  width: calc(100% - 32px - 10px);\n  margin: 0;\n  min-height: unset;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.search-filter .search-categories li .payment-detail .radio-btn .form-check-input {\n  float: unset;\n  margin: 0;\n}\n.search-filter .search-categories li .payment-detail .radio-btn .form-check-input {\n  box-shadow: none;\n  font-size: 20px;\n}\n.search-filter .search-categories li .payment-detail .radio-btn .form-check-input:checked[type=radio] {\n  background-color: rgba(var(--theme-color), 1) !important;\n  border-color: rgba(var(--theme-color), 1) !important;\n  background-image: url(../images/svg/check.svg);\n  margin-left: unset;\n}\n.search-filter .amount-range {\n  margin: 20px 0;\n  border-bottom: 1px solid rgba(var(--black), 0.1);\n  /* Input Thumb */\n  /* Input Track */\n}\n.search-filter .amount-range .range {\n  display: flex;\n  justify-content: space-between;\n}\n.search-filter .amount-range .range input,\n.search-filter .amount-range .range output {\n  display: inline-block;\n  vertical-align: middle;\n}\n.search-filter .amount-range .range .form-label {\n  color: rgba(var(--dark-text), 1);\n  font-size: 16px;\n  font-weight: 600;\n}\n.search-filter .amount-range .range output {\n  width: 41px;\n  height: 25px;\n  display: flex;\n  padding: 5px 8px;\n  color: rgba(var(--light-text), 1);\n  background: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 6px;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n}\n.search-filter .amount-range input[type=number] {\n  width: 40px;\n  padding: 4px 5px;\n  border: 1px solid #bbb;\n  border-radius: 3px;\n}\n.search-filter .amount-range input[type=range] {\n  -webkit-appearance: none;\n  margin-right: 15px;\n  width: 100%;\n  height: 7px;\n  background: rgba(var(--box-bg), 1);\n  border-radius: 5px;\n  background-image: linear-gradient(rgba(var(--theme-color), 1), rgba(var(--theme-color), 1));\n  background-size: 100%;\n  background-repeat: no-repeat;\n  margin-bottom: 20px;\n}\n.search-filter .amount-range input[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: rgba(var(--theme-color), 1);\n  cursor: ew-resize;\n  box-shadow: 0 0 2px 0 #555;\n  transition: 0.3s ease-in-out;\n}\n.search-filter .amount-range input[type=range]::-webkit-slider-thumb:hover {\n  background-image: rgba(var(--theme-color), 1);\n}\n.search-filter .amount-range input[type=range]::-webkit-slider-runnable-track {\n  -webkit-appearance: none;\n  box-shadow: none;\n  border: none;\n  background: transparent;\n}\n.search-filter .order-type {\n  display: flex;\n  gap: 15px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(var(--white), 0.1);\n}\n.search-filter .order-type .search-form {\n  width: 100%;\n  border-radius: 6px;\n  background-color: rgba(var(--box-bg), 1);\n  padding: 15px;\n}\n.search-filter .order-type .search-form.search-form-check:checked {\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--theme-color), 1);\n}\n.search-filter .order-type .search-form .form-check {\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n}\n.search-filter .order-type .search-form .form-check .form-check-label {\n  font-weight: 400;\n  font-size: calc(12px + 2 * (100vw - 320px) / 1600);\n  color: rgba(var(--dark-text), 1);\n  margin-right: auto;\n}\n[dir=rtl] .search-filter .order-type .search-form .form-check .form-check-label {\n  margin-right: unset;\n  margin-left: auto;\n}\n.search-filter .order-type .search-form .form-check .form-check-input:checked {\n  background-color: rgba(var(--theme-color), 1);\n  border-color: rgba(var(--theme-color), 1);\n}\n.search-filter .order-type .search-form .form-check .form-check-input:focus {\n  box-shadow: none;\n}\n.search-filter .order-type .search-form .form-check .form-check-input:checked[type=radio] {\n  background-image: url(../images/svg/check.svg);\n}\n.search-filter .order-type .search-form .form-check .form-check-input[type=radio] {\n  width: 20px;\n  height: 20px;\n  border-radius: 100%;\n  margin: 0;\n}\n.search-filter .footer-modal {\n  position: fixed;\n  bottom: 0;\n  padding: 12px 20px;\n  width: 100%;\n  background-color: rgba(var(--white), 1);\n  box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.2);\n}\n\n.filter-modal .filter-header {\n  display: flex;\n  width: 100%;\n}\n.filter-modal .filter-header .title {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 0;\n  color: rgba(var(--dark-text), 1);\n}\n.filter-modal .btn-close {\n  position: absolute;\n  top: 20px;\n  color: rgba(var(--dark-text), 1);\n  box-shadow: none;\n}\n.filter-modal .filter-body .filter-box h3 {\n  font-weight: 600;\n  font-size: 16px;\n}\n.filter-modal .filter-body .filter-box h2 {\n  color: rgba(var(--theme-color), 1);\n}\n.filter-modal .filter-body .filter-list {\n  border-bottom: 1.5px dashed rgba(var(--dashed-line), 1);\n}\n.filter-modal .filter-body .filter-list li {\n  display: flex;\n  margin-bottom: 10px;\n  align-items: center;\n}\n.filter-modal .filter-body .filter-list li .product-size {\n  color: rgba(var(--dark-text), 1);\n}\n.filter-modal .filter-body .filter-list li .product-price {\n  margin-left: auto;\n  display: flex;\n}\n[dir=rtl] .filter-modal .filter-body .filter-list li .product-price {\n  margin-left: unset;\n  margin-right: auto;\n}\n.filter-modal .filter-body .filter-list li .product-price .form-check-label {\n  margin-right: 30px;\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n}\n[dir=rtl] .filter-modal .filter-body .filter-list li .product-price .form-check-label {\n  margin-right: unset;\n  margin-left: 30px;\n}\n.filter-modal .filter-body .filter-list li .product-price .form-check-input {\n  border: 1px solid rgba(var(--light-text), 1);\n  box-shadow: none;\n  padding-right: 0;\n}\n[dir=rtl] .filter-modal .filter-body .filter-list li .product-price .form-check-input {\n  padding-right: unset;\n  padding-left: 0;\n}\n.filter-modal .filter-body .filter-list li .product-price .form-check-input:checked {\n  background-color: rgba(var(--theme-color), 1);\n  border: none;\n}\n.filter-modal .filter-footer {\n  margin-top: 75px;\n  padding-bottom: 20px;\n}\n\n.product-detail-popup {\n  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.14);\n  border-radius: 15px 15px 0px 0px;\n  padding: 20px;\n}\n.product-detail-popup.show {\n  height: auto;\n  background-color: rgba(var(--white), 1);\n}\n.product-detail-popup .product-img {\n  width: 100%;\n  border-radius: 16px;\n}\n.product-detail-popup .product-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 0;\n  border-bottom: 1px dashed rgba(var(--black), 0.1);\n}\n.product-detail-popup .product-content .product-name {\n  font-weight: 600;\n  font-size: 14px;\n  margin: 5px 0;\n  color: rgba(var(--dark-text), 1);\n}\n.product-detail-popup .product-content .rating-stars {\n  display: flex;\n}\n.product-detail-popup .product-content .rating-stars .stars {\n  color: rgba(var(--rate-color), 1);\n}\n.product-detail-popup .product-content .product-price {\n  font-size: 14px;\n  font-weight: 600;\n  color: rgba(var(--light-text), 1);\n}\n.product-detail-popup .product-content .product-price span {\n  color: rgba(var(--theme-color), 1);\n  font-size: 16px;\n  font-weight: 600;\n}\n.product-detail-popup .product-content .plus-minus {\n  border-radius: 6px;\n  border: 1px solid rgba(var(--theme-color), 1);\n  padding: 6px 17px;\n  display: inline-flex;\n  align-items: center;\n  background-color: rgba(var(--white), 1);\n  text-align: center;\n}\n.product-detail-popup .product-content .plus-minus input {\n  background-color: rgba(var(--white), 1);\n  color: rgba(var(--theme-color), 1);\n  border: none;\n  font-size: 14px;\n  outline: none;\n  width: 35px;\n  text-align: center;\n}\n.product-detail-popup .product-content .plus-minus i {\n  color: rgba(var(--theme-color), 1);\n}\n.product-detail-popup p {\n  padding: 10px 0;\n  line-height: 17px;\n  margin: 0;\n}\n.product-detail-popup .ingredient-list {\n  padding-inline-start: 20px;\n  width: 100%;\n}\n.product-detail-popup .ingredient-list li {\n  color: rgba(var(--light-text), 1);\n  font-size: 13px;\n  display: list-item;\n  list-style-type: disc;\n}\n\n.cart-popup {\n  position: fixed;\n  width: 100%;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n  max-width: 600px;\n  background: linear-gradient(180deg, #414449 1.31%, #1f1f1f 101.06%);\n  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.14);\n  border-radius: 20px 20px 0px 0px;\n  height: auto;\n  padding: 20px;\n  display: none;\n  display: flex;\n  align-items: center;\n}\n.cart-popup .price-items h3 {\n  font-weight: 700;\n  font-size: 16px;\n  color: rgba(var(--theme-color), 1);\n}\n.cart-popup .price-items h6 {\n  color: rgb(255, 255, 255);\n  margin-top: 6px;\n}\n.cart-popup .cart-btn {\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  padding: 7px 10px;\n  margin-left: auto;\n}\n[dir=rtl] .cart-popup .cart-btn {\n  margin-left: unset;\n  margin-right: auto;\n}\n\n.pay-popup {\n  position: fixed;\n  width: 100%;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n  max-width: 600px;\n  background: linear-gradient(180deg, #414449 1.31%, #1f1f1f 101.06%);\n  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.14);\n  border-radius: 20px 20px 0px 0px;\n  height: auto;\n  display: flex;\n  align-items: center;\n  padding: 20px;\n}\n.pay-popup .price-items h3 {\n  font-weight: 700;\n  font-size: 16px;\n  color: rgba(var(--theme-color), 1);\n}\n.pay-popup .price-items h6 {\n  color: rgb(255, 255, 255);\n  margin-top: 6px;\n}\n.pay-popup .pay-btn {\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  padding: 7px 10px;\n  margin-left: auto;\n}\n[dir=rtl] .pay-popup .pay-btn {\n  margin-left: unset;\n  margin-right: auto;\n}\n\n.tracking-product {\n  padding: 20px;\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.6);\n  border-radius: 20px 20px 0px 0px;\n  background-color: rgba(var(--white), 1);\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  left: 50%;\n  max-width: 600px;\n  transform: translateX(-50%);\n}\n.tracking-product .tracking-head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding-bottom: 15px;\n  border-bottom: 1px dashed rgba(var(--black), 0.22);\n}\n.tracking-product .tracking-head .profile-pic {\n  width: 45px;\n  height: 45px;\n  border-radius: 100%;\n  object-fit: cover;\n}\n.tracking-product .tracking-head h5 {\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n}\n.tracking-product .tracking-head h6 {\n  color: rgba(var(--light-text), 1);\n}\n.tracking-product .tracking-head .content-option {\n  margin-left: auto;\n  display: flex;\n  gap: 10px;\n}\n[dir=rtl] .tracking-product .tracking-head .content-option {\n  margin-left: unset;\n  margin-right: auto;\n}\n.tracking-product .tracking-head .content-option .message-icon {\n  background-color: rgb(47, 168, 255);\n  padding: 6px;\n  border-radius: 100%;\n}\n.tracking-product .tracking-head .content-option .call-icon {\n  background-color: rgba(var(--success-color), 1);\n  padding: 6px;\n  border-radius: 100%;\n}\n.tracking-product .tracking-head .content-option .document-icon {\n  background-color: rgba(var(--theme-color), 1);\n  padding: 6px;\n  border-radius: 100%;\n}\n.tracking-product .tracking-body {\n  padding: 15px 0;\n  border-bottom: 1px dashed rgba(var(--black), 0.22);\n}\n.tracking-product .tracking-body .tracking-place li {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  padding-bottom: 25px;\n}\n.tracking-product .tracking-body .tracking-place li:last-child::after {\n  display: none;\n}\n.tracking-product .tracking-body .tracking-place li::after {\n  content: \"\";\n  position: absolute;\n  bottom: 10px;\n  left: 0;\n  width: 25px;\n  border: 1px dashed rgba(var(--light-text), 1);\n  transform: rotate(90deg);\n}\n[dir=rtl] .tracking-product .tracking-body .tracking-place li::after {\n  left: unset;\n  right: 0;\n}\n.tracking-product .tracking-body .tracking-place li span {\n  position: relative;\n  width: 25px;\n  height: 25px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.tracking-product .tracking-body .tracking-place li span::after {\n  content: \"\";\n  position: absolute;\n  width: 15px;\n  height: 15px;\n  background-color: rgba(var(--light-text), 1);\n  border-radius: 100%;\n}\n.tracking-product .tracking-body .tracking-place li.active li::after {\n  border: rgba(var(--theme-color), 1);\n}\n.tracking-product .tracking-body .tracking-place li.active::after {\n  border-color: rgba(var(--theme-color), 1);\n}\n.tracking-product .tracking-body .tracking-place li.active span {\n  background-color: rgba(var(--theme-color), 0.15);\n}\n.tracking-product .tracking-body .tracking-place li.active span::after {\n  background-color: rgba(var(--theme-color), 1);\n}\n\n.delivery-modal .modal-content {\n  padding: 20px;\n}\n.delivery-modal .modal-content h5 {\n  line-height: 1.2;\n}\n\n.confirm-title .for-dark {\n  display: none;\n}\n\n.feedback-modal .modal-content {\n  padding: 20px;\n}\n.feedback-modal .modal-content .modal-title {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: rgba(var(--white), 1);\n}\n.feedback-modal .modal-content .modal-title h3 {\n  color: rgba(var(--black), 1);\n}\n.feedback-modal .modal-content .rating {\n  display: flex;\n  justify-content: center;\n  font-size: 40px;\n  gap: 5px;\n  margin-top: 30px;\n}\n.feedback-modal .modal-content .rating .star {\n  color: rgba(var(--theme-color), 1);\n}\n.feedback-modal .modal-content .feedback-box {\n  margin-top: 30px;\n  background-color: rgba(var(--box-bg), 1);\n  border: none;\n  box-shadow: none;\n}\n\n.done-modal .modal-content {\n  padding: 20px;\n}\n.done-modal .modal-content h5 {\n  line-height: 1.2;\n}\n\n.location-modal .modal-title {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 20px;\n  color: rgba(var(--dark-text), 1);\n  background-color: rgba(var(--white), 1);\n}\n.location-modal .modal-title i {\n  font-size: 20px;\n}\n.location-modal .modal-title .btn-close {\n  margin-left: auto;\n}\n.location-modal .current-location {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 15px 0;\n  border-bottom: 1px solid rgba(var(--dashed-line), 1);\n}\n.location-modal .current-location .current-address {\n  display: flex;\n  gap: 10px;\n}\n.location-modal .current-location .current-address .focus {\n  font-weight: 600;\n  color: rgba(var(--theme-color), 1);\n}\n.location-modal .current-location .current-address h4 {\n  color: rgba(var(--theme-color), 1);\n  font-weight: 600;\n}\n.location-modal .current-location .current-address h6 {\n  width: 80%;\n  margin-top: 4px;\n  color: rgba(var(--light-text), 1);\n}\n.location-modal .current-location .arrow {\n  font-size: 20px;\n  color: rgba(var(--dark-text), 1);\n}\n.location-modal .recent-location {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  padding: 10px 0;\n  border-bottom: 1px solid rgba(var(--dashed-line), 1) 10;\n}\n.location-modal .recent-location .loation-icon {\n  background-color: rgba(var(--theme-color), 1);\n  width: 30px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n  color: rgba(var(--white), 1);\n}\n.location-modal .recent-location .loation-icon i {\n  color: rgb(255, 255, 255);\n}\n.location-modal .recent-location .recant-address {\n  margin-top: 4px;\n  width: 80%;\n}\n.location-modal .recent-location .recant-address h3 {\n  color: rgba(var(--dark-text), 1);\n  font-weight: 500;\n}\n.location-modal .recent-location .recant-address h6 {\n  margin-top: 4px;\n  color: rgba(var(--light-text), 1);\n}\n\n.offcanvas.addtohome-popup {\n  height: auto;\n}\n.offcanvas.addtohome-popup .btn-close {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}\n[dir=rtl] .offcanvas.addtohome-popup .btn-close {\n  left: 20px;\n  right: unset;\n  text-align: right;\n}\n.offcanvas.addtohome-popup .offcanvas-body {\n  text-align: right;\n  background-color: rgba(var(--white));\n  padding: 15px;\n}\n[dir=rtl] .offcanvas.addtohome-popup .offcanvas-body {\n  text-align: left;\n}\n.offcanvas.addtohome-popup .offcanvas-body .app-info {\n  display: flex;\n  align-items: center;\n  margin-bottom: 30px;\n  text-align: left;\n}\n.offcanvas.addtohome-popup .offcanvas-body .app-info .content {\n  padding-left: 15px;\n}\n[dir=rtl] .offcanvas.addtohome-popup .offcanvas-body .app-info .content {\n  padding-left: 0;\n  padding-right: 15px;\n}\n.offcanvas.addtohome-popup .offcanvas-body .app-info .content h3 {\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n}\n.offcanvas.addtohome-popup .offcanvas-body .app-info .content a {\n  color: rgba(var(--light-text), 1);\n}\n.offcanvas.addtohome-popup .offcanvas-body .home-screen-btn {\n  display: inline-block;\n}\n\n.sidebar-offcanvas {\n  width: 280px !important;\n  background-color: rgba(var(--white), 1);\n}\n.sidebar-offcanvas.show {\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  min-height: 100vh;\n  height: 100%;\n  visibility: visible;\n}\n.sidebar-offcanvas .offcanvas-header {\n  display: flex;\n  justify-content: unset;\n}\n.sidebar-offcanvas .offcanvas-header h3 {\n  color: rgba(var(--dark-text), 1);\n  margin-left: 10px;\n}\n[dir=rtl] .sidebar-offcanvas .offcanvas-header h3 {\n  margin-left: 0;\n  margin-right: 10px;\n}\n.sidebar-offcanvas .offcanvas-header img {\n  width: 40px;\n  border-radius: 100%;\n}\n.sidebar-offcanvas .offcanvas-header .btn-close {\n  background-color: rgba(var(--white), 0.4);\n  margin-left: auto;\n  margin-right: 0px;\n  font-size: 10px;\n  box-shadow: none;\n}\n[dir=rtl] .sidebar-offcanvas .offcanvas-header .btn-close {\n  margin-left: 0;\n  margin-right: auto;\n}\n.sidebar-offcanvas .sidebar-content .link-section li {\n  display: block;\n  padding: 15px;\n  border-bottom: 1px solid rgba(var(--dark-text), 0.1);\n}\n.sidebar-offcanvas .sidebar-content .link-section li:last-child() {\n  display: none;\n}\n.sidebar-offcanvas .sidebar-content .link-section li .pages {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.sidebar-offcanvas .sidebar-content .link-section li .pages .switch-btn input[type=checkbox] {\n  position: relative;\n  width: 37px;\n  height: 22px;\n  appearance: none;\n  background: rgba(var(--box-bg), 1);\n  outline: none;\n  border-radius: 50px;\n  cursor: pointer;\n}\n.sidebar-offcanvas .sidebar-content .link-section li .pages .switch-btn input[type=checkbox]:checked {\n  background: rgba(var(--theme-color), 0.1);\n}\n.sidebar-offcanvas .sidebar-content .link-section li .pages .switch-btn input[type=checkbox]:checked::before {\n  transform: translateX(80%) translateY(-50%);\n  background: rgba(var(--theme-color), 1);\n}\n.sidebar-offcanvas .sidebar-content .link-section li .pages .switch-btn input[type=checkbox]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  background: rgba(var(--light-text), 1);\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  transform: translateY(-50%);\n  transition: 0.5s;\n}\n.sidebar-offcanvas .sidebar-content .link-section li .pages h3 {\n  color: rgba(var(--dark-text), 1);\n}\n.sidebar-offcanvas .sidebar-content .link-section li .pages i {\n  color: rgba(var(--dark-text), 1);\n  font-size: 28px;\n  line-height: 1;\n}\n\n.order-modal .modal-content .modal-header {\n  background-color: rgba(var(--theme-color), 1);\n  border: none;\n}\n.order-modal .modal-content .modal-header .modal-title {\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  color: rgb(255, 255, 255);\n}\n.order-modal .modal-content .modal-body .details-box {\n  margin-top: 15px;\n  padding: 15px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 10px;\n}\n.order-modal .modal-content .modal-body .details-box span {\n  font-size: 14px;\n  color: rgba(var(--success-color), 1);\n}\n.order-modal .modal-content .modal-body .details-box .details-title {\n  font-size: calc(12px + 2 * (100vw - 320px) / 1600);\n  padding-bottom: 12px;\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n  border-bottom: 1px dashed rgba(var(--black), 0.15);\n}\n.order-modal .modal-content .modal-body .details-box .details-box-content {\n  padding-top: 12px;\n}\n.order-modal .modal-content .modal-body .details-box .details-box-content .distance {\n  position: relative;\n  width: 100%;\n  border: none;\n}\n.order-modal .modal-content .modal-body .details-box .details-box-content .distance::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 6px;\n  width: 1px;\n  height: 40%;\n  border-left: 1px dashed rgba(var(--theme-color), 1);\n  transform: translateY(-50%);\n}\n[dir=rtl] .order-modal .modal-content .modal-body .details-box .details-box-content .distance::after {\n  left: unset;\n  right: 6px;\n}\n.order-modal .modal-content .modal-body .details-box .details-box-content .distance ul li {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  padding-top: 10px;\n  font-size: calc(12px + 2 * (100vw - 320px) / 1600);\n  color: rgba(var(--dark-text), 1);\n}\n.order-modal .modal-content .modal-body .details-box .details-box-content .distance ul li i {\n  font-size: 14px;\n}\n.order-modal .modal-content .modal-body .withdraw-box {\n  padding: 15px;\n  background-color: rgba(var(--box-bg), 1);\n}\n.order-modal .modal-content .modal-body .withdraw-box .box-content .form-check {\n  margin-bottom: 0;\n}\n.order-modal .modal-content .modal-body .withdraw-box .box-content .form-check .form-check-input {\n  width: 20px;\n  height: 20px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--dashed-line), 1);\n}\n.order-modal .modal-content .modal-body .withdraw-box .box-content .form-check .form-check-input:focus {\n  box-shadow: none;\n  border-color: none;\n}\n.order-modal .modal-content .modal-body .withdraw-box .box-content .form-check .form-check-label {\n  color: rgba(var(--light-text), 1);\n  font-size: 16px;\n  margin-left: 10px;\n}\n[dir=rtl] .order-modal .modal-content .modal-body .withdraw-box .box-content .form-check .form-check-label {\n  margin-right: 10px;\n  margin-left: unset;\n}\n.order-modal .modal-content .modal-body .withdraw-box .box-content .form-check .form-check-input:checked {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(var(--theme-color), 1);\n}\n.order-modal .modal-content .modal-body .withdraw-box .box-content .form-check .form-check-input:checked::after {\n  content: \"\";\n  height: 10px;\n  width: 10px;\n  background-color: rgba(var(--theme-color), 1);\n  border-radius: 100%;\n}\n.order-modal .modal-content .modal-body .withdraw-box .form-group .form-control {\n  background-color: rgba(var(--white), 1);\n}\n.order-modal .modal-content .modal-body .withdraw-box .form-select {\n  background-color: rgba(var(--white), 1);\n}\n\n.coupon-modal .modal-content {\n  background-color: rgba(var(--white), 1);\n}\n.coupon-modal .modal-content .modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n  background-color: rgba(var(--white), 1);\n}\n.coupon-modal .modal-content .modal-header .modal-title {\n  color: rgba(var(--dark-text), 1);\n}\n.coupon-modal .modal-content .modal-header .modal-title .coupon-icon {\n  width: 40px;\n  height: 40px;\n}\n.coupon-modal .modal-content .modal-header .btn-close {\n  padding: 0;\n  margin: 0;\n  margin-left: auto;\n}\n.coupon-modal .modal-content .modal-header .btn-close:focus {\n  box-shadow: none;\n}\n.coupon-modal .modal-content .close-btn:focus {\n  box-shadow: none;\n}\n.coupon-modal .modal-content .modal-body h2 {\n  text-align: center;\n  font-size: 28px;\n  margin-top: 15px;\n  color: rgba(var(--theme-color), 1);\n}\n.coupon-modal .modal-content .modal-body h3 {\n  color: rgba(var(--light-text), 1);\n}\n.coupon-modal .modal-content .modal-body h5 {\n  text-align: center;\n  padding-bottom: 15px;\n  margin-top: 5px;\n  color: rgba(var(--light-text), 1);\n}\n.coupon-modal .modal-content .modal-body .details-list {\n  border-top: 1px dashed rgba(var(--box-bg), 0.2);\n}\n.coupon-modal .modal-content .modal-body .details-list li {\n  display: flex;\n  align-items: center;\n  padding-bottom: 15px;\n}\n.coupon-modal .modal-content .modal-body .details-list li .heading1 {\n  width: 40%;\n  color: rgba(var(--dark-text), 1);\n}\n.coupon-modal .modal-content .modal-body .details-list li span {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 1;\n  color: rgba(var(--dark-text), 1);\n}\n.coupon-modal .modal-content .modal-body .details-list li .content {\n  color: rgba(var(--dark-text), 1);\n  padding-left: 15px;\n}\n[dir=rtl] .coupon-modal .modal-content .modal-body .details-list li .content {\n  padding-left: unset;\n  padding-right: 15px;\n}\n.coupon-modal .modal-content .footer-modal {\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n}\n\n/*=====================\n    Product-box CSS start\n==========================*/\n.products {\n  padding-top: 33px;\n}\n.products .product-box {\n  position: relative;\n  border: 1px solid;\n  border-image-source: linear-gradient(180deg, rgba(var(--black), 0) -3.45%, rgba(var(--black), 0.12) 87.93%);\n  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);\n  border-radius: 8px;\n  overflow: visible;\n}\n[dir=rtl] .products .product-box {\n  direction: rtl;\n}\n.products .product-box-bg {\n  padding: 8px;\n  background-color: rgba(var(--black), 0);\n  margin-bottom: 5px;\n}\n.products .product-box-bg a {\n  border-radius: 8px;\n  margin-bottom: 8px;\n}\n.products .product-box-bg .product-box-detail {\n  background-color: transparent !important;\n  padding: 0 !important;\n}\n.products .product-box .product-box-img {\n  margin-top: -50px;\n  display: block;\n}\n.products .product-box .product-box-detail h5 {\n  color: rgba(var(--dark-text), 1);\n  font-weight: 600;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.products .product-box .product-box-detail .timing {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 3px;\n}\n.products .product-box .product-box-detail .timing li {\n  position: relative;\n  font-size: 12px;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  color: rgba(var(--dark-text), 1);\n}\n.products .product-box .product-box-detail .timing li:last-child::after {\n  display: none;\n}\n.products .product-box .product-box-detail .timing li .star {\n  width: 12px;\n  height: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px;\n  background-color: rgba(var(--success-color), 1);\n  border-radius: 100%;\n}\n.products .product-box .product-box-detail .timing li .star i {\n  color: rgb(225, 225, 225);\n}\n.products .product-box .product-box-detail .timing li::after {\n  content: \"\";\n  position: absolute;\n  margin-left: 40px;\n  transform: translateY(-50%) rotate(90deg);\n  top: 50%;\n  background-color: rgba(var(--dashed-line), 1);\n  width: 30%;\n  height: 1px;\n}\n[dir=rtl] .products .product-box .product-box-detail .timing li::after {\n  margin-left: unset;\n  margin-right: 44px;\n}\n.products .product-box .product-box-detail .bottom-panel {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 10px;\n}\n.products .product-box .product-box-detail .bottom-panel .price {\n  color: rgba(var(--dark-text), 1);\n  font-weight: 600;\n}\n.products .product-box .product-box-detail .bottom-panel .cart {\n  width: 25px;\n  height: 25px;\n  padding: 5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: rgba(var(--theme-color), 0.2);\n  border-radius: 100%;\n}\n.products .product-box .product-box-detail .bottom-panel .cart i {\n  color: rgba(var(--theme-color), 1);\n}\n\n.vertical-product-box {\n  display: flex;\n  align-items: center;\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 12px;\n  height: 100%;\n}\n.vertical-product-box .like-icon {\n  position: absolute;\n  top: 5px;\n  right: 5px;\n}\n[dir=rtl] .vertical-product-box .like-icon {\n  right: unset;\n  left: 5px;\n}\n.vertical-product-box .like-icon i {\n  padding: 5px;\n  color: rgba(var(--error-color), 1);\n  background-color: rgb(255, 255, 255);\n  border-radius: 100%;\n  width: 26px;\n  height: 26px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.vertical-product-box .like-icon .fill-icon {\n  display: none;\n}\n.vertical-product-box .like-icon.active .outline-icon {\n  display: none;\n}\n.vertical-product-box .like-icon.active .fill-icon {\n  display: flex;\n  color: rgba(var(--error-color), 1);\n}\n.vertical-product-box .like-icon.active .effect:before {\n  animation: fireworkLine 0.5s linear 0.1s;\n}\n.vertical-product-box .like-icon.active .effect:after {\n  animation: fireworkPoint 0.5s linear 0.1s;\n}\n.vertical-product-box .vertical-box-img {\n  position: relative;\n  width: 40%;\n  height: 100%;\n  border-radius: 12px 0 0 12px;\n  overflow: hidden;\n}\n[dir=rtl] .vertical-product-box .vertical-box-img {\n  border-radius: 0 12px 12px 0;\n}\n.vertical-product-box .vertical-box-img .img {\n  height: 100%;\n  object-fit: cover;\n}\n.vertical-product-box .vertical-box-img .offers {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  padding: 15px;\n  color: rgba(var(--white), 1);\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.83) 43.87%, rgba(0, 0, 0, 0) 94.57%);\n  width: 100%;\n}\n.vertical-product-box .vertical-box-img .offers h2 {\n  font-size: 16px;\n  color: rgb(255, 255, 255);\n}\n.vertical-product-box .vertical-box-img .offers h6 {\n  color: rgb(255, 255, 255);\n}\n[dir=rtl] .vertical-product-box .vertical-box-img .offers {\n  left: unset;\n  right: 0;\n}\n.vertical-product-box .vertical-box-details {\n  width: 60%;\n}\n.vertical-product-box .vertical-box-details .vertical-box-head {\n  padding: 10px 10px 0 10px;\n}\n.vertical-product-box .vertical-box-details .vertical-box-head .restaurant {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.vertical-product-box .vertical-box-details .vertical-box-head .restaurant h5 {\n  font-weight: 600;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.vertical-product-box .vertical-box-details .vertical-box-head .restaurant h6 {\n  padding: calc(2px + 3 * (100vw - 320px) / 1600) calc(5px + 5 * (100vw - 320px) / 1600);\n  border-radius: 33px;\n  display: flex;\n  align-items: center;\n  gap: calc(3px + 2 * (100vw - 320px) / 1600);\n  font-size: 10px;\n  font-weight: 600;\n  color: rgba(var(--accent-color), 1);\n  background-color: rgba(var(--accent-color), 0.08);\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.vertical-product-box .vertical-box-details .vertical-box-head .restaurant h6 i {\n  font-size: 12px;\n  line-height: 1;\n  display: flex;\n}\n.vertical-product-box .vertical-box-details .vertical-box-head h5 {\n  color: rgba(var(--dark-text), 1);\n}\n.vertical-product-box .vertical-box-details .food-items {\n  border: none;\n  padding: 0;\n  margin-top: 5px;\n  color: rgba(var(--light-text), 1);\n  text-align: left;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n[dir=rtl] .vertical-product-box .vertical-box-details .food-items {\n  text-align: right;\n}\n.vertical-product-box .vertical-box-details .rating-star {\n  border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n  padding-bottom: 6px;\n  text-align: left;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  margin-top: 5px;\n  color: rgba(var(--dark-text), 1);\n}\n[dir=rtl] .vertical-product-box .vertical-box-details .rating-star {\n  text-align: right;\n}\n.vertical-product-box .vertical-box-details .rating-star .star {\n  width: 12px;\n  height: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px;\n  background-color: rgba(var(--success-color), 1);\n  border-radius: 100%;\n}\n.vertical-product-box .vertical-box-details .rating-star .star i {\n  color: rgb(255, 255, 255);\n}\n.vertical-product-box .vertical-box-details .location-distance {\n  display: flex;\n  gap: 4px;\n  padding: 5px 10px;\n}\n.vertical-product-box .vertical-box-details .location-distance .location {\n  position: relative;\n  width: 60%;\n  text-align: left;\n  border-right: 1px solid rgba(var(--dashed-line), 1);\n  margin-right: calc(5px + 10 * (100vw - 320px) / 1600);\n  padding-right: calc(5px + 10 * (100vw - 320px) / 1600);\n}\n[dir=rtl] .vertical-product-box .vertical-box-details .location-distance .location {\n  text-align: right;\n  border-right: unset;\n  margin-right: unset;\n  padding-right: unset;\n  border-left: 1px solid rgba(var(--dashed-line), 1);\n  margin-left: calc(5px + 10 * (100vw - 320px) / 1600);\n  padding-left: calc(5px + 10 * (100vw - 320px) / 1600);\n}\n.vertical-product-box .vertical-box-details .location-distance .location .place {\n  position: relative;\n  text-align: left;\n  padding: 6px;\n  color: rgba(var(--dark-text), 1);\n}\n[dir=rtl] .vertical-product-box .vertical-box-details .location-distance .location .place {\n  text-align: right;\n}\n.vertical-product-box .vertical-box-details .location-distance .location .place::before {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  background-color: rgba(var(--dashed-line), 1);\n  width: 80%;\n  height: 1px;\n}\n[dir=rtl] .vertical-product-box .vertical-box-details .location-distance .location .place::before {\n  left: unset;\n  right: 0;\n}\n.vertical-product-box .vertical-box-details .location-distance .location .place::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 45%;\n  transform: translate(-50%);\n  width: 5px;\n  height: 5px;\n  background-color: rgba(var(--black), 1);\n  border-radius: 100%;\n}\n[dir=rtl] .vertical-product-box .vertical-box-details .location-distance .location .place::after {\n  left: unset;\n  right: -5px;\n}\n.vertical-product-box .vertical-box-details .location-distance .location h6 {\n  color: rgba(var(--dark-text), 1);\n}\n.vertical-product-box .vertical-box-details .location-distance .distance {\n  position: relative;\n  width: 40%;\n  border: none;\n}\n.vertical-product-box .vertical-box-details .location-distance .distance::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 6px;\n  width: 1px;\n  height: 40%;\n  border-left: 1px dashed rgba(var(--theme-color), 1);\n  transform: translateY(-50%);\n}\n[dir=rtl] .vertical-product-box .vertical-box-details .location-distance .distance::after {\n  left: unset;\n  right: 6px;\n}\n.vertical-product-box .vertical-box-details .location-distance .distance ul li {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  padding-top: 10px;\n  font-size: calc(12px + 2 * (100vw - 320px) / 1600);\n  color: rgba(var(--dark-text), 1);\n}\n\n.product-box2 {\n  display: flex;\n  gap: 15px;\n}\n.product-box2 .product-content {\n  width: calc(100% - 130px);\n}\n.product-box2 .product-content .product-name {\n  font-weight: 600;\n  font-size: 14px;\n  margin: 2px 0;\n  color: rgba(var(--dark-text), 1);\n}\n.product-box2 .product-content .rating-stars {\n  display: flex;\n}\n.product-box2 .product-content .rating-stars .stars {\n  color: rgba(var(--rate-color), 1);\n}\n.product-box2 .product-content .rating-stars h5 {\n  margin-left: calc(3px + 1 * (100vw - 320px) / 1600);\n}\n[dir=rtl] .product-box2 .product-content .rating-stars h5 {\n  margin-left: unset;\n  margin-right: calc(3px + 1 * (100vw - 320px) / 1600);\n}\n.product-box2 .product-content .product-price {\n  font-size: 14px;\n  font-weight: 600;\n  color: rgba(var(--light-text), 1);\n}\n.product-box2 .product-content .product-price span {\n  color: rgba(var(--theme-color), 1);\n  font-size: 16px;\n  font-weight: 600;\n}\n.product-box2 .product-content p {\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n  padding: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.product-box2 .product-img {\n  position: relative;\n  text-align: center;\n  width: 122px;\n  height: 128px;\n}\n[dir=rtl] .product-box2 .product-img {\n  text-align: right;\n}\n.product-box2 .product-img .img {\n  border-radius: 12px;\n}\n.product-box2 .product-img .add-btn {\n  position: absolute;\n  transform: translateX(-50%);\n  left: 50%;\n  bottom: -15px;\n  box-shadow: 0px 2px 11px rgba(252, 128, 25, 0.14);\n  border-radius: 6px;\n}\n.product-box2 .product-img .add-btn .btn-outline {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px 17px;\n  border: 1px solid rgba(var(--theme-color), 1);\n  color: rgba(var(--theme-color), 1);\n  background-color: rgba(var(--white), 1);\n  margin: 0;\n  font-size: 14px;\n}\n.product-box2 .product-img .add-btn .btn-outline:hover {\n  border: 1px solid rgba(var(--theme-color), 1);\n  color: rgba(var(--theme-color), 1);\n  background-color: rgba(var(--white), 1);\n}\n.product-box2 .product-img .plus-minus {\n  border-radius: 6px;\n  border: 1px solid rgba(var(--theme-color), 1);\n  padding: 6px 17px;\n  display: inline-flex;\n  align-items: center;\n  background-color: rgba(var(--white), 1);\n  text-align: center;\n  position: absolute;\n  transform: translateX(-50%);\n  left: 50%;\n  bottom: -15px;\n  display: none;\n}\n.product-box2 .product-img .plus-minus input {\n  background-color: rgba(var(--white), 1);\n  color: rgba(var(--theme-color), 1);\n  border: none;\n  font-size: 14px;\n  outline: none;\n  width: 35px;\n  text-align: center;\n}\n.product-box2 .product-img .plus-minus i {\n  color: rgba(var(--theme-color), 1);\n}\n\n.horizontal-product-box {\n  display: flex;\n  gap: 10px;\n  padding: calc(10px + 10 * (100vw - 320px) / 1600);\n  background: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 12px;\n}\n.horizontal-product-box .product-img .img {\n  width: 78px;\n  height: 78px;\n  border-radius: 12px;\n}\n.horizontal-product-box .product-content {\n  width: calc(100% - 78px - 10px);\n  position: relative;\n}\n.horizontal-product-box .product-content h5 {\n  color: rgba(var(--dark-text), 1);\n  font-weight: 600;\n  max-width: 80%;\n  font-size: 15px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.horizontal-product-box .product-content h6 {\n  color: rgba(var(--light-text), 1);\n  font-weight: 400;\n  margin-top: 4px;\n}\n.horizontal-product-box .product-content .plus-minus {\n  border: 1px solid rgba(var(--theme-color), 1);\n  padding: 3px 10px;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  background-color: rgba(var(--white), 1);\n  text-align: center;\n  position: absolute;\n  transform: translateX(-50%);\n  left: 45px;\n  bottom: 0;\n}\n.horizontal-product-box .product-content .plus-minus input {\n  background-color: rgba(var(--white), 1);\n  color: rgba(var(--theme-color), 1);\n  border: none;\n  font-size: 14px;\n  outline: none;\n  width: 35px;\n  text-align: center;\n}\n.horizontal-product-box .product-content .plus-minus i {\n  color: rgba(var(--theme-color), 1);\n}\n.horizontal-product-box .product-content .red-symbol {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n[dir=rtl] .horizontal-product-box .product-content .red-symbol {\n  left: 0;\n  right: unset;\n}\n.horizontal-product-box .product-content .product-price {\n  color: rgba(var(--theme-color), 1);\n  font-weight: 700;\n  position: absolute;\n  right: 0;\n  bottom: 8px;\n}\n\n.order-box .vertical-box-img {\n  width: 96px;\n  height: 100px;\n}\n.order-box .vertical-box-details {\n  width: calc(100% - 96px);\n  padding: 15px;\n}\n.order-box .vertical-box-details .vertical-box-head {\n  padding: 0;\n  border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n}\n.order-box .vertical-box-details .vertical-box-head .restaurant h5 {\n  font-weight: 600;\n}\n.order-box .vertical-box-details .reorder {\n  padding: 0;\n}\n.order-box .vertical-box-details .reorder span {\n  font-size: 14px;\n}\n.order-box .vertical-box-details .reorder .rating-star {\n  border-bottom: none;\n}\n.order-box .vertical-box-details .reorder .rating-star .timing {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-top: 3px;\n}\n.order-box .vertical-box-details .reorder .rating-star .timing li {\n  position: relative;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  color: rgba(var(--dark-text), 1);\n}\n.order-box .vertical-box-details .reorder .rating-star .timing li:last-child::after {\n  display: none;\n}\n.order-box .vertical-box-details .reorder .rating-star .timing li .star {\n  width: 12px;\n  height: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px;\n  background-color: rgba(var(--success-color), 1);\n  border-radius: 100%;\n}\n.order-box .vertical-box-details .reorder .rating-star .timing li::after {\n  content: \"\";\n  position: absolute;\n  margin-left: 40px;\n  transform: translateY(-50%) rotate(90deg);\n  top: 50%;\n  background-color: rgba(var(--dashed-line), 1);\n  width: 30%;\n  height: 1px;\n}\n[dir=rtl] .order-box .vertical-box-details .reorder .rating-star .timing li::after {\n  margin-left: unset;\n  margin-right: 44px;\n}\n.order-box .vertical-box-details .reorder .rating-star .order {\n  font-size: 12px;\n  padding: 4px;\n  margin-left: auto;\n}\n[dir=rtl] .order-box .vertical-box-details .reorder .rating-star .order {\n  margin-left: unset;\n  margin-right: auto;\n}\n.order-box .vertical-box-details .reorder .switch-btn input[type=checkbox] {\n  position: relative;\n  width: 37px;\n  height: 22px;\n  appearance: none;\n  background: rgba(var(--box-bg), 1);\n  outline: none;\n  border-radius: 50px;\n  cursor: pointer;\n}\n.order-box .vertical-box-details .reorder .switch-btn input[type=checkbox]:checked {\n  background: rgba(var(--theme-color), 0.1);\n}\n.order-box .vertical-box-details .reorder .switch-btn input[type=checkbox]:checked::before {\n  transform: translateX(80%) translateY(-50%);\n  background: rgba(var(--theme-color), 1);\n}\n.order-box .vertical-box-details .reorder .switch-btn input[type=checkbox]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  background: rgba(var(--light-text), 1);\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  transform: translateY(-50%);\n  transition: 0.5s;\n}\n\n.effect-group {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.effect-group .effect {\n  display: block;\n  position: absolute;\n  top: 38%;\n  left: 50%;\n  width: 20px;\n  transform-origin: 0px 2px;\n}\n.effect-group .effect:nth-child(2) {\n  transform: rotate(72deg);\n}\n.effect-group .effect:nth-child(3) {\n  transform: rotate(144deg);\n}\n.effect-group .effect:nth-child(4) {\n  transform: rotate(216deg);\n}\n.effect-group .effect:nth-child(5) {\n  transform: rotate(288deg);\n}\n.effect-group .effect:before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  right: 0;\n  border-radius: 2px;\n  height: 3px;\n  background: #777777;\n}\n.effect-group .effect:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 10px;\n  right: 10%;\n  border-radius: 50%;\n  width: 3px;\n  height: 3px;\n  background: rgba(var(--theme-color), 1);\n  transform: scale(0, 0);\n}\n\n@keyframes fireworkLine {\n  0% {\n    right: 20%;\n    transform: scale(0, 0);\n  }\n  25% {\n    right: 20%;\n    width: 6px;\n    transform: scale(1, 1);\n  }\n  35% {\n    right: 0;\n    width: 35%;\n  }\n  70% {\n    right: 0;\n    width: 4px;\n    transform: scale(1, 1);\n  }\n  100% {\n    right: 0;\n    transform: scale(0, 0);\n  }\n}\n@keyframes fireworkPoint {\n  30% {\n    transform: scale(0, 0);\n  }\n  60% {\n    transform: scale(1, 1);\n  }\n  100% {\n    transform: scale(0, 0);\n  }\n}\n/*=====================\n    Ratio CSS start\n==========================*/\n.ratio_40 .bg-size:before {\n  padding-top: 40%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_45 .bg-size:before {\n  padding-top: 45%;\n  content: \"\";\n  display: block;\n}\n\n.ratio50 .bg-size:before {\n  padding-top: 50%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_55 .bg-size:before {\n  padding-top: 55%;\n  content: \"\";\n  display: block;\n}\n\n.ratio2_3 .bg-size:before {\n  padding-top: 60%;\n  content: \"\";\n  display: block;\n}\n\n.ratio3_2 .bg-size:before {\n  padding-top: 66.66%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_landscape .bg-size:before {\n  padding-top: 75%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_square .bg-size:before {\n  padding-top: 100%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_apos .bg-size:before {\n  padding-top: 127.7777778%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_portrait .bg-size:before {\n  padding-top: 150%;\n  content: \"\";\n  display: block;\n}\n\n.ratio1_2 .bg-size:before {\n  padding-top: 200%;\n  content: \"\";\n  display: block;\n}\n\n.b-top {\n  background-position: top !important;\n}\n\n.b-bottom {\n  background-position: bottom !important;\n}\n\n.b-center {\n  background-position: center !important;\n}\n\n.b-left {\n  background-position: left !important;\n}\n\n.b-right {\n  background-position: right !important;\n}\n\n.b_size_content {\n  background-size: contain !important;\n}\n\n/*=====================\n  Slider CSS start\n==========================*/\n.swiper-3d .swiper-slide-shadow-left {\n  background-image: none;\n}\n.swiper-3d .swiper-slide-shadow-right {\n  background-image: none;\n}\n\n.swiper-wrapper {\n  direction: ltr;\n}\n\n.offer-wrapper .swiper-slide img {\n  transform: scale(0.8);\n  opacity: 0.4;\n}\n.offer-wrapper .swiper-slide-active img {\n  transform: scale(1);\n  opacity: 1;\n}\n\n/*=====================\n    tab CSS start\n==========================*/\n.nav {\n  border-bottom: 1px solid rgba(var(--dashed-line), 0.5);\n  gap: 5px;\n}\n.nav .nav-item .nav-link {\n  color: rgba(var(--light-text), 1);\n  position: relative;\n  padding: 15px;\n}\n.nav .nav-item .nav-link.active {\n  color: rgba(var(--theme-color), 1);\n  background-color: rgba(var(--white), 1);\n}\n.nav .nav-item .nav-link.active::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 45%;\n  transform: translate(-50%);\n  width: 5px;\n  height: 5px;\n  background-color: rgba(var(--theme-color), 1);\n  border-radius: 100%;\n}\n.nav .nav-item .nav-link.active .nav-link::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translate(-50%);\n  width: 5px;\n  height: 5px;\n  background-color: rgba(var(--theme-color), 1);\n  border-radius: 100%;\n}\n[dir=rtl] .nav .nav-item .nav-link.active .nav-link::after {\n  left: unset;\n  right: 0;\n}\n\n.tab-style1 {\n  display: flex;\n  flex-wrap: nowrap;\n  overflow: hidden;\n  width: 100%;\n  overflow-x: auto;\n}\n.tab-style1 .nav-item {\n  color: rgba(var(--white), 0.1);\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  list-style-type: none;\n  cursor: pointer;\n  border-radius: 0px;\n  transition: all 0.5s ease-in-out;\n  border-radius: 0;\n  border-bottom: 1px solid rgba(var(--white), 0.1);\n}\n.tab-style1 .nav-item .nav-link {\n  width: 100%;\n  padding-top: 0;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 1;\n  white-space: nowrap;\n  color: rgba(var(--light-text), 1);\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  border-bottom: 1px solid rgba(var(--box-bg), 0.1);\n}\n.tab-style1 .nav-item .nav-link:hover {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n}\n.tab-style1 .nav-item .nav-link:focus {\n  border-color: transparent;\n}\n.tab-style1 .nav-item .nav-link.active {\n  background-color: transparent;\n  color: rgba(var(--theme-color), 1);\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  border-bottom: 2px solid rgba(var(--theme-color), 1);\n  padding-left: 15px;\n  padding-right: 15px;\n  width: 100%;\n}\n.tab-style1 .nav-item .nav-link.active::after {\n  content: none;\n}\n\n.tab-style2 {\n  flex-wrap: nowrap;\n  width: 100%;\n  margin: 30px auto 0;\n  border-radius: 6px;\n  overflow: hidden;\n  gap: 20px;\n  display: flex;\n  border: none;\n}\n.tab-style2 .nav-item {\n  border-radius: 10px;\n  background-color: rgba(var(--box-bg), 1);\n}\n.tab-style2 .nav-item .nav-link {\n  width: 100%;\n  padding: 12px;\n  font-weight: 500;\n  line-height: 1;\n  font-size: 14px;\n  white-space: nowrap;\n  color: rgba(var(--light-text), 1);\n}\n.tab-style2 .nav-item .nav-link.active {\n  background-color: rgba(var(--theme-color), 1);\n  color: rgb(255, 255, 255);\n  transition: all 0.5s ease-in-out;\n}\n.tab-style2 .nav-item .nav-link.active:hover {\n  color: rgb(255, 255, 255);\n}\n.tab-style2 .nav-item .nav-link.active::after {\n  content: none;\n}\n.tab-style2 .nav-item .nav-link:hover {\n  color: rgba(var(--light-text), 1);\n}\n\n/*=====================\n    Title CSS start\n==========================*/\n.title {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin-bottom: 10px;\n}\n.title h3 {\n  color: rgba(var(--dark-text), 1);\n  font-weight: 600;\n}\n.title a {\n  color: rgba(var(--theme-color), 1);\n}\n.title .add-button {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  color: rgba(var(--theme-color), 1);\n  border-radius: 6px;\n}\n.title .add-button .icon {\n  line-height: 1;\n  font-size: 20px;\n  color: rgba(var(--theme-color), 1);\n}\n\n/* layout scss files */\n/*=====================\n    Header CSS start\n==========================*/\n.header-panel {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n}\n.header-panel a {\n  z-index: 1;\n}\n.header-panel i {\n  color: rgba(var(--dark-text), 1);\n  font-size: 25px;\n}\n.header-panel .sidebar-btn {\n  width: 35px;\n  height: 35px;\n  color: rgba(var(--theme-color), 1);\n  padding: 5px;\n  background-color: rgba(var(--theme-color), 0.1);\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  z-index: 1;\n}\n.header-panel .sidebar-btn i {\n  line-height: 1;\n  font-size: 16px;\n  color: rgba(var(--theme-color), 1);\n}\n.header-panel .calendar-icon {\n  width: 35px;\n  height: 35px;\n  font-size: 20px;\n  padding: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(var(--dark-text), 1);\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 6px;\n  backdrop-filter: blur(2px);\n}\n.header-panel h2 {\n  position: absolute;\n  font-weight: 600;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  line-height: 1;\n  text-align: center;\n  color: rgba(var(--dark-text), 1);\n  font-size: 18px;\n}\n.header-panel .create-address {\n  color: rgba(var(--theme-color), 1);\n}\n.header-panel .add-square-img {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  border: 1.5px solid rgba(var(--theme-color), 1);\n  border-radius: 6px;\n  width: 100%;\n  padding: 0 5px;\n  color: rgba(var(--theme-color), 1);\n}\n.header-panel .icon {\n  padding: 8px;\n  font-size: 18px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 100%;\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n}\n.header .head-content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.header .head-content .sidebar-btn {\n  width: 34px;\n  height: 34px;\n  color: rgba(var(--theme-color), 1);\n  padding: 15px;\n  background-color: rgba(var(--theme-color), 0.1);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 18px;\n  border: none;\n}\n.header .head-content .sidebar-btn i {\n  font-size: 14px;\n}\n.header .head-content .header-location a {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  background: none;\n  padding: 0;\n}\n.header .head-content .header-location a h2 {\n  font-size: 16px;\n  color: rgba(var(--dark-text), 1);\n}\n.header .head-content .header-location a .d-arrow {\n  color: rgba(var(--dark-text), 1);\n}\n.header .head-content .header-location .pin {\n  color: rgba(var(--theme-color), 1);\n}\n.header .head-content .header-location i {\n  font-size: 24px;\n}\n.header a {\n  width: 34px;\n  height: 34px;\n  color: rgba(var(--theme-color), 1);\n  padding: 15px;\n  background-color: rgba(var(--theme-color), 0.1);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.header-panel-lg {\n  position: relative;\n  background-image: url(../images/background/restaurant-bg.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  height: 184px;\n}\n.header-panel-lg .panel {\n  position: absolute;\n  display: flex;\n  justify-content: space-between;\n  margin-top: 30px;\n  width: calc(100% - 40px);\n}\n.header-panel-lg .panel a {\n  color: rgb(225, 225, 225);\n  background: rgba(0, 0, 0, 0.25);\n  box-sizing: border-box;\n  border-radius: 100%;\n  width: 34px;\n  height: 34px;\n  backdrop-filter: blur(3px);\n  border: 1px solid transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 0;\n  position: relative;\n}\n.header-panel-lg .panel a:after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 100%;\n  padding: 1px;\n  background: linear-gradient(128.66deg, rgba(var(--white), 1) -1.63%, rgba(var(--white), 0) 92.16%);\n  -webkit-mask: linear-gradient(rgba(var(--white), 1) 0 0) content-box, linear-gradient(rgba(var(--white), 1) 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  z-index: 1;\n}\n\n.chatting-header {\n  width: 100%;\n  border: none;\n  border-radius: unset;\n  position: fixed;\n  top: 0;\n  left: 0;\n  max-width: unset;\n  transform: none;\n  bottom: unset;\n}\n.chatting-header .tracking-head {\n  border-bottom: none;\n  padding: 0;\n  z-index: 1;\n}\n.chatting-header .tracking-head .back-arrow {\n  color: rgba(var(--dark-text), 1);\n  font-size: 22px;\n}\n\n/*=====================\n  Nav CSS start\n==========================*/\n.navbar-menu {\n  position: fixed;\n  width: 100%;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n  max-width: 600px;\n  background-color: rgba(var(--white), 1);\n  box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.2);\n}\n@media (max-width: 767px) {\n  .navbar-menu {\n    max-width: 100%;\n  }\n}\n.navbar-menu ul {\n  display: flex;\n  justify-content: space-between;\n}\n.navbar-menu ul li {\n  position: relative;\n  color: rgba(var(--light-text), 1);\n  text-align: center;\n  width: 20%;\n  padding: 10px 15px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.navbar-menu ul li.active::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 30px;\n  height: 4px;\n  background: rgba(var(--theme-color), 1);\n  border-radius: 10px;\n  transform: translateX(-50%);\n}\n.navbar-menu ul li.active a.icon {\n  color: rgba(var(--theme-color), 1);\n}\n.navbar-menu ul li.active a.icon .active {\n  display: block;\n}\n.navbar-menu ul li.active a.icon .unactive {\n  display: none;\n}\n.navbar-menu ul li.active a span {\n  color: rgba(var(--dark-text), 1);\n  font-weight: 500;\n}\n.navbar-menu ul a {\n  color: rgba(var(--light-text), 1);\n}\n.navbar-menu ul a.icon {\n  font-size: 20px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.navbar-menu ul a.icon.logo {\n  width: 100%;\n}\n.navbar-menu ul a.icon img {\n  margin-inline: auto;\n  /*width: 25px; */\n  height: 25px;\n}\n.navbar-menu ul a.icon img.active {\n  display: none;\n}\n.navbar-menu ul a.icon img.unactive {\n  display: block;\n}\n.navbar-menu ul a.icon span {\n  font-size: 14px;\n  font-weight: 500;\n}\n\n/* pages */\n/*=====================\n    Address CSS start\n==========================*/\n.address-list li {\n  position: relative;\n  display: flex;\n  width: 100%;\n  margin-top: 20px;\n}\n.address-list li .address-icon {\n  width: 50px;\n  height: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  border: 1px solid rgba(0, 0, 0, 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 10px;\n}\n.address-list li .address-icon::before {\n  content: \"\";\n  position: absolute;\n  left: 50px;\n  top: 15px;\n  width: 18px;\n  height: 1px;\n  background-color: rgba(var(--light-text), 1);\n  z-index: 1;\n}\n[dir=rtl] .address-list li .address-icon::before {\n  left: unset;\n  right: 50px;\n}\n.address-list li .address-icon::after {\n  content: \"\";\n  position: absolute;\n  left: 48px;\n  top: 36px;\n  width: 20px;\n  height: 1px;\n  background-color: rgba(var(--light-text), 1);\n  z-index: 1;\n}\n[dir=rtl] .address-list li .address-icon::after {\n  left: unset;\n  right: 48px;\n}\n.address-list li .address-icon span {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.address-list li .address-icon span i {\n  font-size: 24px;\n  color: rgba(var(--theme-color), 1);\n}\n.address-list li .address-icon span::before {\n  content: \"\";\n  position: absolute;\n  left: 70px;\n  top: 13px;\n  transform: translate(-50%);\n  width: 5px;\n  height: 5px;\n  background-color: rgba(var(--light-text), 1);\n  border-radius: 100%;\n  z-index: 1;\n}\n[dir=rtl] .address-list li .address-icon span::before {\n  left: unset;\n  right: 65px;\n}\n.address-list li .address-icon span::after {\n  content: \"\";\n  position: absolute;\n  left: 70px;\n  top: 34px;\n  transform: translate(-50%);\n  width: 5px;\n  height: 5px;\n  background-color: rgba(var(--light-text), 1);\n  border-radius: 100%;\n  z-index: 1;\n}\n[dir=rtl] .address-list li .address-icon span::after {\n  left: unset;\n  right: 65px;\n}\n.address-list li .address-icon span .address-img {\n  stroke: rgba(var(--theme-color), 1);\n  fill: transparent;\n  stroke-width: 1.5px;\n  width: 21px;\n  height: 21px;\n}\n.address-list .address-content {\n  position: relative;\n  overflow: hidden;\n  width: calc(100% - 60px);\n  margin-left: 10px;\n  background: rgba(var(--white), 1);\n  padding: 12px 12px 12px 18px;\n  border: 1px solid rgba(0, 0, 0, 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 10px;\n}\n[dir=rtl] .address-list .address-content {\n  margin-left: unset;\n  margin-right: 10px;\n  padding: 12px 18px 12px 12px;\n}\n.address-list .address-content .address-checkbox {\n  min-height: unset;\n  padding-left: 0;\n  margin-bottom: 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n[dir=rtl] .address-list .address-content .address-checkbox {\n  left: 0;\n  right: unset;\n  margin-left: unset;\n  margin-right: 0;\n}\n.address-list .address-content .address-checkbox .form-check-input {\n  width: 26px;\n  height: 26px;\n  border-radius: 0 8px 0;\n  margin: 0;\n  float: unset;\n  background-color: rgba(var(--white), 1);\n  border: none;\n  background: transparent;\n}\n[dir=rtl] .address-list .address-content .address-checkbox .form-check-input {\n  border-radius: 8px 0 8px 0;\n}\n.address-list .address-content .address-checkbox .form-check-input:active {\n  filter: brightness(100%);\n}\n.address-list .address-content .address-checkbox .form-check-input:focus {\n  box-shadow: none;\n}\n.address-list .address-content .address-checkbox .form-check-input:checked {\n  background-image: url(../images/svg/check.svg);\n  background-color: rgba(var(--theme-color), 1);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.address-list .address-content .address-place {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.address-list .address-content .address-place h5 {\n  color: rgba(var(--dark-text), 1);\n  font-weight: 600;\n}\n.address-list .address-content .address-place .edit {\n  font-size: 20px;\n}\n.address-list .address-content p {\n  color: rgba(var(--light-text), 1);\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n  padding: 8px 0 0 0;\n  margin: 8px 0 0 0;\n  font-size: 13px;\n}\n.address-list .address-content .select-option {\n  color: rgba(var(--dark-text), 1);\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n  font-size: 13px;\n  padding: 8px 0 0 0;\n  margin: 8px 0 0 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.address-list .address-content .select-option .form-check {\n  display: flex;\n  min-height: unset;\n  padding-left: 0;\n  margin-bottom: 0;\n  align-items: center;\n}\n[dir=rtl] .address-list .address-content .select-option .form-check {\n  padding-left: unset;\n  padding-right: 0;\n}\n.address-list .address-content .select-option .form-check .form-check-label {\n  margin-left: 5px;\n  letter-spacing: 0.03em;\n}\n[dir=rtl] .address-list .address-content .select-option .form-check .form-check-label {\n  margin-left: unset;\n  margin-right: 5px;\n}\n.address-list .address-content .select-option .form-check .form-check-input {\n  width: 18px;\n  height: 18px;\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 5px;\n  margin: 0;\n}\n.address-list .address-content .select-option .form-check .form-check-input:checked {\n  background-image: url(../images/svg/check.svg);\n  background-color: rgba(var(--theme-color), 1);\n  color: rgba(var(--white), 1);\n  border: none;\n  float: unset;\n  margin: 0;\n}\n\n.address-filter h3 {\n  margin-bottom: 12px;\n  color: rgba(var(--dark-text), 1);\n}\n.address-filter .food-symbol {\n  border-bottom: 1px dashed rgba(var(--black), 0.22) !important;\n  gap: calc(6px + 6 * (100vw - 320px) / 1600) !important;\n}\n.address-filter .food-symbol li {\n  border: 1px solid rgba(var(--box-bg), 1);\n  border-radius: 7px;\n}\n.address-filter .food-symbol li .food-types h5 {\n  line-height: 1;\n}\n.address-filter .food-symbol li .food-types i {\n  line-height: 1;\n}\n.address-filter .food-symbol li .food-types.active {\n  background-color: rgba(var(--theme-color), 1);\n}\n.address-filter .food-symbol li .food-types.active i {\n  color: rgb(255, 255, 255);\n}\n.address-filter .food-symbol li .food-types.active h5 {\n  color: rgb(255, 255, 255);\n}\n\n.address-list {\n  margin-top: -10px;\n}\n\n/*=============================\n    Authentication CSS start\n===============================*/\n.login-img {\n  width: 100%;\n  object-fit: cover;\n}\n.login-img.auth-img {\n  height: 186px;\n}\n.login-img.restaurant-login-img {\n  height: 100%;\n  object-fit: cover;\n}\n\n.line-vector {\n  position: relative;\n  left: 20px;\n  height: 30px;\n}\n[dir=rtl] .line-vector {\n  left: unset;\n  right: 20px;\n}\n\nh2 {\n  font-size: 20px;\n}\n\n.division {\n  position: relative;\n  text-align: center;\n  margin-top: calc(30px + 20 * (100vw - 320px) / 1600);\n  z-index: 0;\n}\n.division span {\n  background-color: rgba(var(--white), 1);\n  color: rgb(103, 106, 109);\n  padding: 0 10px;\n  font-weight: 600;\n  font-size: 14px;\n}\n.division::after {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n  content: \" \";\n  width: 100%;\n  background: linear-gradient(90deg, rgba(132, 132, 133, 0) 0%, rgb(132, 132, 133) 50%, rgba(29, 16, 57, 0) 100%);\n  z-index: -1;\n  height: 2px;\n}\n[dir=rtl] .division::after {\n  left: unset;\n  right: 0;\n}\n\np {\n  margin-top: 20px;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 1.5;\n  color: rgba(var(--light-text), 1);\n}\n\n.otp-verification h3 {\n  color: rgba(var(--light-text), 1);\n  margin-top: 45px;\n  font-weight: 600;\n}\n.otp-verification .otp-number {\n  color: rgba(var(--dark-text), 1);\n  font-weight: 600;\n}\n\n.location {\n  position: relative;\n}\n.location h2 {\n  color: rgba(var(--dark-text), 1);\n}\n.location h5 {\n  width: 100%;\n  margin-top: 12px;\n  font-size: 14px;\n  line-height: 1.5;\n  color: rgba(var(--light-text), 1);\n}\n.location .location-img {\n  margin-top: 90px;\n}\n.location .animation-circle-inverse {\n  z-index: 2;\n}\n.location .animation-circle-inverse i {\n  position: absolute;\n  background: rgba(var(--theme-color), 1);\n  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);\n  border-radius: 100%;\n  opacity: 0.4;\n  animation: ripple1 3s linear infinite;\n  top: 55%;\n  left: 45%;\n  z-index: 1;\n  transform: translate(-50%);\n}\n[dir=rtl] .location .animation-circle-inverse i {\n  left: unset;\n  right: 45%;\n}\n.location .animation-circle-inverse i:nth-child(1) {\n  height: 10px;\n  width: 10px;\n  animation: ripple1 3s linear infinite;\n}\n.location .animation-circle-inverse i:nth-child(2) {\n  height: 20px;\n  width: 20px;\n  animation: ripple2 3s linear infinite;\n}\n.location .animation-circle-inverse i:nth-child(3) {\n  height: 25px;\n  width: 25px;\n  animation: ripple3 3s linear infinite;\n}\n\n.line-design {\n  margin-top: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 6px;\n}\n.line-design li {\n  width: 100%;\n  height: 4px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 6px;\n}\n.line-design li.active {\n  background-color: rgba(var(--theme-color), 1);\n}\n\n.details-heading {\n  margin-top: 20px;\n  margin-bottom: 15px;\n}\n\n.fixed-btn {\n  position: fixed;\n  width: 100%;\n  max-width: 600px;\n  padding: 20px 0;\n  left: 50%;\n  bottom: 0;\n  transform: translate(-50%);\n  z-index: 2;\n  background-color: rgba(var(--white), 1);\n}\n\n/*=============================\n    Add-cart CSS start\n===============================*/\n.apply-coupon {\n  padding: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px dashed rgba(var(--light-text), 1);\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 10px;\n}\n.apply-coupon .coupon-code {\n  color: rgba(var(--success-color), 1);\n  padding-top: 5px;\n}\n.apply-coupon i {\n  color: rgba(var(--light-text), 1);\n  font-size: 20px;\n}\n\n.bill-details {\n  position: relative;\n}\n.bill-details .total-detail {\n  position: relative;\n  background-color: rgba(var(--box-bg), 1);\n  padding: calc(15px + 5 * (100vw - 320px) / 1600);\n  border-radius: 10px 10px 0px 0px;\n  margin-bottom: 0;\n}\n.bill-details .total-detail .sub-total {\n  display: flex;\n  justify-content: space-between;\n}\n.bill-details .total-detail h5 {\n  color: rgba(var(--dark-text), 1);\n}\n.bill-details .total-detail .free {\n  color: rgba(var(--theme-color), 1);\n  position: absolute;\n  top: 54px;\n  right: 20px;\n}\n[dir=rtl] .bill-details .total-detail .free {\n  right: unset;\n  left: 20px;\n}\n.bill-details .total-detail .delivery-info {\n  width: 70%;\n  margin-bottom: 15px;\n  line-height: 1.2;\n}\n.bill-details .total-detail .grand-total {\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px dashed rgba(var(--black), 0.22);\n  padding: 10px 0 0;\n}\n.bill-details .total-detail .grand-total h5 {\n  color: rgba(var(--dark-text), 1);\n}\n.bill-details .total-detail .grand-total .amount {\n  color: rgba(var(--theme-color), 1);\n}\n.bill-details .total-detail .dots-design {\n  position: absolute;\n  bottom: -1px;\n  width: 95%;\n  left: 50%;\n  transform: translateX(-50%);\n}\n.bill-details p {\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n  padding: 15px 0 0;\n}\n.bill-details .delivery-time {\n  position: relative;\n  width: 100%;\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  z-index: 0;\n}\n.bill-details .delivery-time::after {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  border: 1px dashed rgba(var(--dashed-line), 1);\n  bottom: -4px;\n  overflow: hidden;\n  z-index: 1;\n  right: 0;\n}\n.bill-details .delivery-time .delivery-line {\n  width: 100%;\n  font-weight: 700;\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: 0.01em;\n  text-transform: uppercase;\n  color: rgba(var(--light-text), 1);\n  border-top: none;\n  overflow: hidden;\n  background-color: rgba(var(--white), 1);\n}\n.bill-details .delivery-time .delivery-bike {\n  position: relative;\n  width: 67px;\n  height: 49px;\n  bottom: 0;\n  right: 0;\n}\n[dir=rtl] .bill-details .delivery-time .delivery-bike {\n  left: 0;\n  right: unset;\n}\n\n.cart-add-box {\n  display: flex;\n  gap: 10px;\n  padding: calc(10px + 10 * (100vw - 320px) / 1600);\n  background: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 12px;\n}\n.cart-add-box .add-img .img {\n  width: 55px;\n  height: 55px;\n  border-radius: 12px;\n}\n.cart-add-box .add-content {\n  width: calc(100% - 55px - 10px);\n  position: relative;\n}\n.cart-add-box .add-content .address {\n  width: 70%;\n  line-height: 1.2;\n}\n.cart-add-box .add-content .change-add {\n  color: rgba(var(--theme-color), 1);\n  font-size: 13px;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n[dir=rtl] .cart-add-box .add-content .change-add {\n  left: 0;\n  right: unset;\n}\n\n/*=====================\n    voucher CSS start\n==========================*/\n.coupon-box {\n  position: relative;\n  display: flex;\n  height: 100%;\n  overflow: hidden;\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n}\n.coupon-box .coupon-left {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  height: 111%;\n  transform: translateY(-50%);\n}\n[dir=rtl] .coupon-box .coupon-left {\n  left: unset;\n  right: -1px;\n  transform: translateY(-50%) scaleX(-1);\n}\n.coupon-box .coupon-right {\n  position: absolute;\n  right: 0;\n  top: 50%;\n  height: 111%;\n  transform: translateY(-50%);\n}\n[dir=rtl] .coupon-box .coupon-right {\n  right: unset;\n  left: -1px;\n  transform: translateY(-50%) scaleX(-1);\n}\n.coupon-box .coupon-discount {\n  position: relative;\n  writing-mode: vertical-rl;\n  text-align: center;\n  padding: calc(15px + 5 * (100vw - 320px) / 1600);\n  color: rgb(255, 255, 255);\n  font-size: calc(14px + 2 * (100vw - 320px) / 1600);\n}\n.coupon-box .coupon-discount::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  right: -7px;\n  width: 15px;\n  height: 15px;\n  border-radius: 100%;\n  background-color: rgba(var(--white), 1);\n  transform: translateY(-50%);\n}\n[dir=rtl] .coupon-box .coupon-discount::after {\n  left: -7px;\n  right: unset;\n}\n.coupon-box .coupon-discount.color-1 {\n  background-color: rgba(var(--light-text), 1);\n}\n.coupon-box .coupon-discount.color-2 {\n  background-color: rgb(30, 60, 110);\n}\n.coupon-box .coupon-discount.color-3 {\n  background-color: rgb(173, 110, 51);\n}\n.coupon-box .coupon-discount.color-4 {\n  background-color: rgb(123, 51, 157);\n}\n.coupon-box .coupon-details {\n  width: calc(100% - 53px);\n  padding: 0 calc(20px + 5 * (100vw - 320px) / 1600) 0 calc(15px + 10 * (100vw - 320px) / 1600);\n}\n.coupon-box .coupon-details .coupon-content {\n  padding: calc(10px + 10 * (100vw - 320px) / 1600) 0 0;\n  display: flex;\n  justify-content: space-between;\n  gap: 5px;\n}\n.coupon-box .coupon-details .coupon-content .coupon-name {\n  display: flex;\n  gap: 10px;\n}\n.coupon-box .coupon-details .coupon-content .coupon-name .coupon-img {\n  width: 42px;\n  height: 42px;\n  object-fit: contain;\n  padding: 7px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 8px;\n}\n.coupon-box .coupon-details p {\n  margin: 0;\n  padding: 0;\n  color: rgba(var(--light-text), 1);\n  padding: 10px 0;\n  border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n}\n.coupon-box .coupon-details p span {\n  color: rgba(var(--dark-text), 1);\n  font-weight: 500;\n}\n.coupon-box .coupon-details .coupon-apply {\n  padding: calc(10px + 10 * (100vw - 320px) / 1600) 0;\n  display: flex;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.coupon-box .coupon-details .coupon-apply .unlock {\n  width: 65%;\n  color: rgba(var(--dark-text), 1);\n}\n\n.voucher-box {\n  position: relative;\n  background: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.voucher-box::after {\n  content: \"\";\n  position: absolute;\n  width: 21px;\n  height: 21px;\n  border-radius: 100%;\n  background: rgba(var(--white), 1);\n  left: -12px;\n  bottom: 25%;\n  box-shadow: inset 0px 2px 12px 0px rgb(217, 217, 217);\n  z-index: 1;\n  display: block;\n}\n[dir=rtl] .voucher-box::after {\n  right: -12px;\n  left: unset;\n}\n.voucher-box::before {\n  content: \"\";\n  position: absolute;\n  width: 21px;\n  height: 21px;\n  border-radius: 100%;\n  background: rgba(var(--white), 1);\n  right: -12px;\n  bottom: 25%;\n  box-shadow: inset 0px 2px 12px 0px rgb(217, 217, 217);\n  z-index: 1;\n  display: block;\n}\n[dir=rtl] .voucher-box::before {\n  left: -12px;\n  right: unset;\n}\n.voucher-box .l-vector {\n  position: absolute;\n  left: -5px;\n  bottom: 60px;\n  height: 20px;\n  width: 20px;\n  z-index: 1;\n}\n[dir=rtl] .voucher-box .l-vector {\n  left: unset;\n  right: -5px;\n}\n.voucher-box .r-vector {\n  position: absolute;\n  height: 20px;\n  width: 20px;\n  right: -5px;\n  bottom: 60px;\n  z-index: 1;\n  transform: rotate(180deg);\n}\n[dir=rtl] .voucher-box .r-vector {\n  left: -5px;\n  right: unset;\n}\n.voucher-box .voucher-img {\n  text-align: center;\n  padding-top: 12px;\n}\n.voucher-box .voucher-img .voucher-icon {\n  width: 60px;\n  height: 60px;\n  object-fit: contain;\n}\n.voucher-box .voucher-content {\n  padding: calc(10px + 2 * (100vw - 320px) / 1600);\n}\n.voucher-box .voucher-content h5 {\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n  margin-top: 12px;\n}\n.voucher-box .voucher-content p {\n  color: rgba(var(--light-text), 1);\n  margin-top: 4px;\n  padding: 0;\n  margin: 0;\n}\n.voucher-box .voucher-discount {\n  position: relative;\n  width: 100%;\n  height: 70px;\n  background: rgb(53, 121, 42);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0 0 8px 8px;\n}\n.voucher-box .voucher-discount.color-1 {\n  background-color: rgb(37, 131, 125);\n}\n.voucher-box .voucher-discount.color-2 {\n  background-color: rgb(30, 60, 110);\n}\n.voucher-box .voucher-discount.color-3 {\n  background-color: rgb(173, 110, 51);\n}\n.voucher-box .voucher-discount.color-4 {\n  background-color: rgb(123, 51, 157);\n}\n.voucher-box .voucher-discount.color-5 {\n  background-color: rgb(53, 121, 42);\n}\n.voucher-box .voucher-discount .top-vector {\n  position: absolute;\n  width: 90%;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n}\n.voucher-box .voucher-discount h2 {\n  color: rgb(225, 225, 225);\n  font-size: calc(16px + 2 * (100vw - 320px) / 1600);\n}\n\n.expired-box {\n  position: relative;\n}\n.expired-box .expired-tag {\n  position: absolute;\n  background-color: rgba(var(--theme-color), 0.6);\n  backdrop-filter: blur(3px);\n  padding: 10px 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  z-index: 1;\n  height: 34px;\n}\n.expired-box .expired-tag p {\n  font-weight: 600;\n  font-size: 14px;\n  margin: 0;\n  padding: 0;\n  color: rgba(var(--dark-text), 1);\n}\n.expired-box .expired-voucher {\n  position: relative;\n  filter: grayscale(100%);\n}\n\n/*==========================\n    delivery boy CSS start\n============================*/\n.gift-section {\n  margin-top: 70px;\n  text-align: center;\n}\n.gift-section h2 {\n  margin-top: 30px;\n}\n.gift-section p {\n  font-size: 13px;\n  margin-top: 15px;\n}\n.gift-section h5 {\n  margin-top: 40px;\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n}\n.gift-section .Refer-code-box {\n  width: 220px;\n  padding: 15px;\n  margin-top: 12px;\n  margin-left: auto;\n  margin-right: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: rgba(var(--theme-color), 0.1);\n  border: 1px dashed rgba(var(--theme-color), 1);\n  border-radius: 6px;\n  backdrop-filter: blur(2px);\n}\n.gift-section .Refer-code-box h6 {\n  font-weight: 600;\n  font-size: 14px;\n  color: rgba(var(--theme-color), 1);\n}\n.gift-section .Refer-code-box .copy-icon {\n  font-size: 25px;\n  line-height: 1;\n  padding-left: 15px;\n  color: rgba(var(--theme-color), 1);\n  border-left: 1px solid rgba(var(--theme-color), 0.3);\n}\n[dir=rtl] .gift-section .Refer-code-box .copy-icon {\n  border-left: unset;\n  border-right: 1px solid rgba(var(--theme-color), 0.3);\n}\n\n.share-media-section {\n  margin-top: 80px;\n  padding-top: 40px;\n  text-align: center;\n  border-top: 1px dashed rgba(var(--black), 0.15);\n}\n.share-media-section h5 {\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n}\n.share-media-section .media-list {\n  margin-top: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.share-media-section .media-list li {\n  position: relative;\n  width: 100%;\n}\n.share-media-section .media-list li:last-child::after {\n  display: none;\n}\n.share-media-section .media-list li::after {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  border: 1px solid rgba(var(--black), 0.15);\n  width: 1px;\n  height: 45px;\n}\n@media (max-width: 375px) {\n  .share-media-section .media-list li::after {\n    display: none;\n  }\n}\n.share-media-section .media-list li .media-box {\n  width: 40px;\n  height: 40px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n}\n.share-media-section .media-list li .media-box .media-icon {\n  height: 20px;\n  width: 20px;\n  font-size: 20px;\n  line-height: 1;\n  color: rgb(255, 255, 255);\n}\n.share-media-section .media-list li .media-box.color-1 {\n  background: radial-gradient(48.37% 48.37% at 37% 35%, #5bfe75 0%, #2acc3b 100%);\n}\n.share-media-section .media-list li .media-box.color-2 {\n  background: radial-gradient(135.15% 135.15% at 13% -11%, #fe54c4 0%, #e51fa2 52.6%, #f37843 100%);\n}\n.share-media-section .media-list li .media-box.color-3 {\n  background: radial-gradient(50.7% 50.7% at 31% 23%, #7ed1ff 0%, #39b1f4 100%);\n}\n.share-media-section .media-list li .media-box.color-4 {\n  background: radial-gradient(56.65% 65.43% at 33.02% 13.21%, #8aceff 0%, #2c99fd 100%);\n}\n.share-media-section .media-list li h5 {\n  margin-top: 5px;\n  font-weight: 500;\n  text-align: center;\n  color: rgba(var(--dark-text), 1);\n}\n\n.profile-details-list {\n  display: flex;\n  align-items: center;\n  gap: calc(10px + 5 * (100vw - 320px) / 1600);\n  margin-bottom: 20px;\n}\n.profile-details-list li {\n  position: relative;\n  border-radius: 8px;\n  border: 1px solid rgba(var(--black), 0.1);\n  background-color: rgba(var(--white), 1);\n  box-shadow: 0px 2px 12px 0px rgba(var(--black), 0.04);\n  padding: calc(10px + 5 * (100vw - 320px) / 1600);\n  width: 33%;\n}\n.profile-details-list li::after {\n  content: \"\";\n  position: absolute;\n  left: -2px;\n  top: 50%;\n  transform: translateY(-50%);\n  background-color: rgba(var(--theme-color), 1);\n  width: 4px;\n  height: 45px;\n  border-radius: 4px;\n}\n[dir=rtl] .profile-details-list li::after {\n  left: unset;\n  right: -2px;\n}\n.profile-details-list li .icon {\n  width: 35px;\n  height: 35px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 5px;\n  margin-bottom: 15px;\n  background-color: rgba(var(--theme-color), 1);\n  border-radius: 4px;\n  box-shadow: 0px 4px 14px 0px rgba(var(--theme-color), 0.22);\n}\n.profile-details-list li h2 {\n  font-weight: 600;\n  color: rgba(var(--theme-color), 1);\n}\n.profile-details-list li h6 {\n  margin-top: 4px;\n  font-weight: 500;\n  color: rgba(var(--dark-text), 1);\n}\n.profile-details-list.order-list li::after {\n  top: 70%;\n}\n.profile-details-list.restaurant-order-list {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: calc(15px + 5 * (100vw - 320px) / 1600);\n}\n.profile-details-list.restaurant-order-list li h2 {\n  font-size: 24px;\n}\n\n.earning-card-background {\n  position: relative;\n  background-image: url(../images/delivery-boy/background/earning-bg.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  height: auto;\n  border-radius: 6px;\n}\n.earning-card-background.withdraw-background {\n  position: relative;\n  background-image: url(../images/restaurant-partner/withdraw-bg.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  height: auto;\n  border-radius: 6px;\n}\n.earning-card-background.total-earning-background {\n  position: relative;\n  background-image: url(../images/delivery-boy/background/earning-bg-1.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  height: auto;\n}\n.earning-card-background.total-earning-background .earning-card-details {\n  border: 1px solid rgba(var(--theme-color), 0.3);\n  border-radius: 6px;\n}\n.earning-card-background.total-earning-background .earning-card-details .icon {\n  padding-right: calc(8px + 7 * (100vw - 320px) / 1600);\n  border-right: 1px solid rgba(var(--theme-color), 0.3);\n}\n[dir=rtl] .earning-card-background.total-earning-background .earning-card-details .icon {\n  border-right: unset;\n  border-left: 1px solid rgba(var(--theme-color), 0.3);\n  padding-right: unset;\n  padding-left: calc(8px + 7 * (100vw - 320px) / 1600);\n}\n.earning-card-background.total-earning-background .earning-card-details h3 {\n  font-weight: 500;\n  color: rgba(var(--dark-text), 1);\n}\n.earning-card-background.total-earning-background .earning-card-details .right-arrow {\n  width: 35px;\n  height: 35px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(var(--white), 1);\n  background-color: rgba(var(--theme-color), 1);\n  border-radius: 4px;\n  box-shadow: 0px 4px 14px 0px rgba(var(--theme-color), 0.22);\n}\n.earning-card-background .earning-card-details {\n  padding: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.earning-card-background .earning-card-details .earning-card-content {\n  padding-left: calc(8px + 7 * (100vw - 320px) / 1600);\n}\n[dir=rtl] .earning-card-background .earning-card-details .earning-card-content {\n  padding-left: unset;\n  padding-right: calc(8px + 7 * (100vw - 320px) / 1600);\n}\n.earning-card-background .earning-card-details .earning-card-content h3 {\n  font-weight: 400;\n  color: rgb(255, 255, 255);\n}\n.earning-card-background .earning-card-details .earning-card-content h2 {\n  margin-top: 10px;\n  font-weight: 600;\n  color: rgba(var(--theme-color), 1);\n}\n\n.heading {\n  margin-top: 30px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.heading h3 {\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n}\n.heading .calendar-icon {\n  width: 35px;\n  height: 35px;\n  font-size: 20px;\n  padding: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(var(--dark-text), 1);\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 6px;\n  backdrop-filter: blur(2px);\n}\n\n.earning-list {\n  margin-top: 25px;\n}\n.earning-list li {\n  width: 100%;\n  margin-bottom: 15px;\n  border-radius: 8px;\n  border: 1px solid rgba(var(--black), 0.05);\n  background: rgba(var(--white), 1);\n  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);\n  padding: 12px;\n}\n.earning-list li:last-child {\n  margin-bottom: 0;\n}\n.earning-list li .earning-box {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.earning-list li .earning-box .earning-img {\n  width: 40px;\n  height: 40px;\n  background-color: rgba(var(--theme-color), 0.1);\n  border-radius: 6px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 24px;\n}\n.earning-list li .earning-box .earning-img .earning-icon {\n  color: rgba(var(--theme-color), 1);\n}\n.earning-list li .earning-box .earning-content {\n  display: flex;\n  justify-content: space-between;\n  width: calc(100% - 40px - 10px);\n}\n.earning-list li .earning-box .earning-content span {\n  font-weight: 400;\n  font-size: 13px;\n  display: list-item;\n  list-style-type: disc;\n  color: rgba(var(--light-text), 1);\n}\n.earning-list li .earning-box .earning-content span.success {\n  color: rgba(var(--success-color), 1);\n}\n.earning-list li .earning-box .earning-content span.reject {\n  color: rgba(var(--error-color), 1);\n}\n.earning-list li .earning-details {\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid rgba(var(--black), 0.05);\n  border-radius: 8px;\n}\n.earning-list li .earning-details .earning-details-list {\n  position: relative;\n}\n.earning-list li .earning-details .earning-details-list::after {\n  content: \"\";\n  position: absolute;\n  border-bottom: 1px dashed rgb(214, 214, 214);\n  width: 100%;\n  bottom: 4px;\n  left: 0;\n}\n[dir=rtl] .earning-list li .earning-details .earning-details-list::after {\n  left: unset;\n  right: 0;\n}\n.earning-list li .earning-details .earning-details-list h6 {\n  background-color: rgba(var(--box-bg), 1);\n  z-index: 1;\n}\n.earning-list li .payment-box {\n  margin-top: 12px;\n  padding: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 6px;\n}\n.earning-list li .payment-box .icon {\n  width: 20px;\n  height: 20px;\n  filter: invert(1) grayscale(1);\n}\n.earning-list li .payment-box h6 {\n  padding-left: 10px;\n  border-left: 1px solid rgba(var(--dashed-line), 1);\n}\n[dir=rtl] .earning-list li .payment-box h6 {\n  padding-left: unset;\n  padding-right: 10px;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--dashed-line), 1);\n}\n.earning-list li .payment-box.order-person-details {\n  padding: 12px 0 0 0;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  background-color: rgba(var(--white), 1);\n  border-top: 1px solid rgba(var(--dashed-line), 1);\n  border-radius: 0;\n}\n.earning-list li .payment-box.order-person-details h6 {\n  padding-left: 10px;\n  border-left: 1px solid rgba(var(--dashed-line), 1);\n}\n[dir=rtl] .earning-list li .payment-box.order-person-details h6 {\n  padding-left: unset;\n  padding-right: 10px;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--dashed-line), 1);\n}\n.earning-list li .payment-box.order-payment-details {\n  padding: 10px 0 0 0;\n  background-color: rgba(var(--white), 1);\n  border-top: 1px solid rgba(var(--dashed-line), 1);\n  border-radius: 0;\n}\n.earning-list li .payment-box.order-payment-details .box-content {\n  width: 100%;\n  border-right: 1px solid rgba(var(--dashed-line), 1);\n}\n[dir=rtl] .earning-list li .payment-box.order-payment-details .box-content {\n  border-right: unset;\n  border-left: 1px solid rgba(var(--dashed-line), 1);\n}\n.earning-list li .rider-list {\n  margin-top: 10px;\n  width: 100%;\n  padding: 12px;\n  display: flex;\n  background-color: rgba(var(--box-bg), 1);\n}\n.earning-list li .rider-list li {\n  font-size: 12px;\n  margin: 0;\n  padding-left: 10px;\n  background-color: transparent;\n  border-left: 1px solid rgba(var(--dashed-line), 1);\n  border-top: none;\n  border-right: none;\n  border-bottom: none;\n  box-shadow: none;\n  border-radius: 0;\n}\n.earning-list li .rider-list li [dir=rtl] {\n  padding-right: 10px;\n  padding-left: 0;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--dashed-line), 1);\n}\n.earning-list li .rider-list li:first-child {\n  padding-left: 0;\n  border-left: none;\n}\n[dir=rtl] .earning-list li .rider-list li:first-child {\n  padding-right: 0;\n  padding-left: unset;\n  border-left: unset;\n  border-right: none;\n}\n.earning-list li .rider-list li span {\n  display: block;\n}\n.earning-list li .order-date {\n  margin-top: 10px;\n  padding: 15px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 4px;\n}\n.earning-list li .order-date h6 {\n  font-weight: 500;\n  font-size: 13px;\n  color: rgba(var(--light-text), 1);\n}\n\n.status-box {\n  padding: 20px 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: rgba(42, 193, 93, 0.1);\n  border-radius: 6px;\n}\n.status-box h5 {\n  font-weight: 500;\n  color: rgba(var(--dark-text), 1);\n}\n.status-box h6 {\n  margin-top: 8px;\n  font-size: 400;\n  color: rgba(var(--success-color), 1);\n}\n.status-box .switch-btn input[type=checkbox] {\n  position: relative;\n  width: 37px;\n  height: 22px;\n  appearance: none;\n  background: rgba(var(--light-text), 0.3);\n  outline: none;\n  border-radius: 50px;\n  cursor: pointer;\n}\n.status-box .switch-btn input[type=checkbox]:checked {\n  background: rgba(var(--success-color), 0.3);\n}\n.status-box .switch-btn input[type=checkbox]:checked::before {\n  transform: translateX(80%) translateY(-50%);\n  background: rgba(var(--success-color), 1);\n}\n.status-box .switch-btn input[type=checkbox]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  background: rgba(var(--light-text), 1);\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  transform: translateY(-50%);\n  transition: 0.5s;\n}\n.status-box h3 {\n  color: rgba(var(--dark-text), 1);\n}\n.status-box i {\n  color: rgba(var(--dark-text), 1);\n  font-size: 28px;\n  line-height: 1;\n}\n\n/*=============================\n    Restaurant-details CSS start\n===============================*/\n.restaurant-details-box {\n  position: relative;\n  background: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.06);\n  border-radius: 14px;\n  padding: 0 12px;\n  margin-top: -80px;\n  z-index: 1;\n}\n.restaurant-details-box .restaurant-head {\n  display: flex;\n  justify-content: space-between;\n  border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n  padding: 12px 0;\n}\n.restaurant-details-box .restaurant-head .name {\n  display: flex;\n}\n.restaurant-details-box .restaurant-head .name .restaurant-logo {\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n}\n.restaurant-details-box .restaurant-head .name h3 {\n  font-weight: 700;\n  color: rgba(var(--dark-text), 1);\n}\n.restaurant-details-box .restaurant-head .name h6 {\n  margin-top: 5px;\n  color: rgba(var(--light-text), 1);\n}\n.restaurant-details-box .restaurant-head .option {\n  display: flex;\n  gap: 15px;\n  font-size: 20px;\n}\n.restaurant-details-box .restaurant-head .option .share {\n  color: rgba(var(--dark-text), 1);\n}\n.restaurant-details-box .restaurant-head .option .heart {\n  color: rgba(var(--error-color), 1);\n}\n.restaurant-details-box .restaurant-details {\n  display: flex;\n  align-items: center;\n  padding: 12px 0;\n}\n.restaurant-details-box .restaurant-details .location {\n  width: 60%;\n  border-right: 1px solid rgba(var(--dashed-line), 1);\n  margin-right: calc(10px + 10 * (100vw - 320px) / 1600);\n  padding-right: calc(10px + 10 * (100vw - 320px) / 1600);\n}\n[dir=rtl] .restaurant-details-box .restaurant-details .location {\n  border-right: unset;\n  margin-right: unset;\n  padding-right: unset;\n  border-left: 1px solid rgba(var(--dashed-line), 1);\n  margin-left: calc(10px + 10 * (100vw - 320px) / 1600);\n  padding-left: calc(10px + 10 * (100vw - 320px) / 1600);\n}\n.restaurant-details-box .restaurant-details .location .rating-star {\n  border-bottom: 1px solid rgba(var(--dashed-line), 1);\n  padding-bottom: 8px;\n  display: flex;\n  gap: 5px;\n  color: rgba(var(--dark-text), 1);\n}\n.restaurant-details-box .restaurant-details .location .rating-star .star {\n  width: 12px;\n  height: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px;\n  background-color: rgba(var(--success-color), 1);\n  border-radius: 100%;\n}\n.restaurant-details-box .restaurant-details .location .rating-star .star i {\n  color: rgb(255, 255, 255);\n}\n.restaurant-details-box .restaurant-details .distance {\n  width: 40%;\n  position: relative;\n  z-index: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n.restaurant-details-box .restaurant-details .distance::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 6px;\n  width: 1px;\n  height: 30%;\n  border-left: 1px dashed rgba(var(--theme-color), 1);\n  transform: translateY(-50%);\n  z-index: -1;\n}\n[dir=rtl] .restaurant-details-box .restaurant-details .distance::after {\n  left: unset;\n  right: 6px;\n  border-left: unset;\n  border-right: 1px dashed rgba(var(--theme-color), 1);\n}\n.restaurant-details-box .restaurant-details .distance li {\n  width: 100%;\n  display: flex;\n  gap: 5px;\n  color: rgba(var(--dark-text), 1);\n}\n[dir=rtl] .restaurant-details-box .restaurant-details .distance li i {\n  float: right;\n}\n.restaurant-details-box.restaurant-name-box {\n  margin: -40px auto 0;\n  width: 90%;\n}\n.restaurant-details-box.restaurant-name-box .name {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.restaurant-details-box.restaurant-name-box .rating-star {\n  padding-bottom: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 5px;\n  color: rgba(var(--dark-text), 1);\n}\n.restaurant-details-box.restaurant-name-box .rating-star .star {\n  width: 12px;\n  height: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px;\n  background-color: rgba(var(--success-color), 1);\n  border-radius: 100%;\n}\n.restaurant-details-box.restaurant-name-box .rating-star .star i {\n  color: rgb(255, 255, 255);\n}\n\n.offer-box {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 15px;\n  gap: calc(10px + 10 * (100vw - 320px) / 1600);\n  background: rgba(var(--box-bg), 1);\n  border-radius: 7px;\n}\n.offer-box::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 18%;\n  width: 16px;\n  height: 16px;\n  background-color: rgba(var(--white), 1);\n  border-radius: 100%;\n  transform: translateY(-50%);\n}\n[dir=rtl] .offer-box::after {\n  left: unset;\n  right: 18%;\n}\n.offer-box::before {\n  content: \"\";\n  position: absolute;\n  bottom: -16px;\n  left: 18%;\n  width: 16px;\n  height: 16px;\n  background-color: rgba(var(--white), 1);\n  border-radius: 100%;\n  transform: translateY(-50%);\n}\n[dir=rtl] .offer-box::before {\n  left: unset;\n  right: 18%;\n}\n.offer-box .offer-icon .offer {\n  width: 40px;\n  height: 40px;\n}\n.offer-box .offer-content {\n  width: calc(100% - 40px - 20px);\n}\n.offer-box .offer-content .switch-btn input[type=checkbox] {\n  position: relative;\n  width: 37px;\n  height: 22px;\n  appearance: none;\n  background: rgba(var(--light-text), 0.3);\n  outline: none;\n  border-radius: 50px;\n  cursor: pointer;\n}\n.offer-box .offer-content .switch-btn input[type=checkbox]:checked {\n  background: rgba(var(--theme-color), 0.3);\n}\n.offer-box .offer-content .switch-btn input[type=checkbox]:checked::before {\n  transform: translateX(80%) translateY(-50%);\n  background: rgba(var(--theme-color), 1);\n}\n.offer-box .offer-content .switch-btn input[type=checkbox]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  background: rgba(var(--light-text), 1);\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  transform: translateY(-50%);\n  transition: 0.5s;\n}\n.offer-box .offer-content h5 {\n  color: rgba(var(--dark-text), 1);\n  font-size: 13px;\n}\n.offer-box .offer-content h6 {\n  margin-top: 5px;\n}\n\n.food-filter .food-symbol {\n  display: flex;\n  gap: 15px;\n  border-bottom: 1px solid rgba(var(--black), 0.05);\n  padding-bottom: 20px;\n}\n.food-filter .food-symbol .food-types {\n  display: flex;\n  border: 1px solid rgba(var(--box-bg), 1);\n  padding: 5px;\n  align-items: center;\n  gap: 5px;\n  border-radius: 4px;\n  height: 100%;\n}\n.food-filter .food-symbol .food-types .img {\n  width: 15px;\n  height: 15px;\n}\n.food-filter .food-symbol .food-types h6 {\n  color: rgba(var(--dark-text), 1);\n  line-height: 1;\n}\n.food-filter .food-symbol .food-types .close {\n  color: rgba(var(--dark-text), 1);\n  display: none;\n}\n.food-filter .food-symbol .food-types .close.active {\n  display: flex;\n  color: rgba(var(--theme-color), 1);\n}\n.food-filter .food-symbol .food-types.active {\n  display: flex;\n  border: 1px solid rgba(var(--theme-color), 1);\n}\n.food-filter .food-symbol .food-types.active .close {\n  display: flex;\n  color: rgba(var(--theme-color), 1);\n}\n\n/*=====================\n    Empty Tab CSS start\n==========================*/\n.empty-tab {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  text-align: center;\n}\n.empty-tab h2 {\n  margin-top: 40px;\n  color: rgba(var(--dark-text), 1);\n}\n.empty-tab h5 {\n  color: rgba(var(--light-text), 1);\n  line-height: 1.3;\n  font-weight: 400;\n}\n.empty-tab p {\n  margin-top: calc(10px + 10 * (100vw - 320px) / 1600);\n  line-height: 1.5;\n  font-size: 13px;\n  font-weight: 400;\n  color: rgba(var(--light-text), 1);\n}\n.empty-tab .empty-btn {\n  margin-top: 0;\n  display: block;\n  padding: 15px !important;\n  width: 100% !important;\n}\n.empty-tab .try-btn {\n  padding: 10px 30px !important;\n}\n.empty-tab .empty-bell {\n  margin-top: 100px;\n}\n.empty-tab .empty-cart {\n  margin-top: 70px;\n}\n.empty-tab .empty-search {\n  margin-top: 90px;\n}\n.empty-tab .empty-wishlist {\n  margin-top: 70px;\n}\n\n.grocery-categories-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 8px 12px;\n  color: rgba(var(--light-text), 1);\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 6px;\n}\n[dir=rtl] .grocery-categories-box {\n  direction: rtl;\n}\n.grocery-categories-box.active {\n  color: rgb(255, 255, 255);\n  background-color: rgba(var(--theme-color), 1);\n}\n.grocery-categories-box.active h6 {\n  border-left: 1px solid rgb(255, 255, 255);\n}\n[dir=rtl] .grocery-categories-box.active h6 {\n  border-right: 1px solid rgb(255, 255, 255);\n  border-left: unset;\n}\n.grocery-categories-box h6 {\n  padding-left: 8px;\n  border-left: 1px solid rgba(var(--light-text), 0.4);\n}\n[dir=rtl] .grocery-categories-box h6 {\n  padding-right: 8px;\n  padding-left: unset;\n  border-right: 1px solid rgba(var(--light-text), 0.4);\n  border-left: unset;\n}\n\n.grocery-banner-img {\n  border-radius: 6px;\n}\n\n.grocery-product-box {\n  position: relative;\n  padding: 12px;\n  border-radius: 4px;\n  border: 1px solid rgb(var(--box-bg), 1);\n  background: rgba(var(--white), 1);\n  box-shadow: 0px 2px 15px 0px rgba(var(--black), 0.04);\n}\n[dir=rtl] .grocery-product-box {\n  direction: rtl;\n}\n.grocery-product-box .offer-tag {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  padding: 5px 10px;\n  color: rgb(var(--error-color), 1);\n  background-color: rgb(var(--error-color), 0.15);\n  border-radius: 10px;\n}\n[dir=rtl] .grocery-product-box .offer-tag {\n  right: 12px;\n  left: unset;\n}\n.grocery-product-box .grocery-product-img {\n  padding: 48px 0 18px;\n  text-align: center;\n}\n.grocery-product-box .grocery-product-img .img {\n  width: 90px;\n  height: 70px;\n  object-fit: contain;\n}\n.grocery-product-box .grocery-product-details h4 {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.grocery-product-box .grocery-product-details .price {\n  font-size: 13px;\n}\n.grocery-product-box .like-icon {\n  position: absolute;\n  top: 5px;\n  right: 5px;\n}\n[dir=rtl] .grocery-product-box .like-icon {\n  right: unset;\n  left: 5px;\n}\n.grocery-product-box .like-icon i {\n  padding: 5px;\n  color: rgba(var(--error-color), 1);\n  background-color: rgba(var(--white), 1);\n  border-radius: 100%;\n  width: 26px;\n  height: 26px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.grocery-product-box .like-icon .fill-icon {\n  display: none;\n}\n.grocery-product-box .like-icon.active .outline-icon {\n  display: none;\n}\n.grocery-product-box .like-icon.active .fill-icon {\n  display: flex;\n  color: rgba(var(--error-color), 1);\n}\n.grocery-product-box .like-icon.active .effect:before {\n  animation: fireworkLine 0.5s linear 0.1s;\n}\n.grocery-product-box .like-icon.active .effect:after {\n  animation: fireworkPoint 0.5s linear 0.1s;\n}\n.grocery-product-box .effect-group {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.grocery-product-box .effect-group .effect {\n  display: block;\n  position: absolute;\n  top: 38%;\n  left: 50%;\n  width: 20px;\n  transform-origin: 0px 2px;\n}\n.grocery-product-box .effect-group .effect:nth-child(2) {\n  transform: rotate(72deg);\n}\n.grocery-product-box .effect-group .effect:nth-child(3) {\n  transform: rotate(144deg);\n}\n.grocery-product-box .effect-group .effect:nth-child(4) {\n  transform: rotate(216deg);\n}\n.grocery-product-box .effect-group .effect:nth-child(5) {\n  transform: rotate(288deg);\n}\n.grocery-product-box .effect-group .effect:before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  right: 0;\n  border-radius: 2px;\n  height: 3px;\n  background: #777777;\n}\n.grocery-product-box .effect-group .effect:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 10px;\n  right: 10%;\n  border-radius: 50%;\n  width: 3px;\n  height: 3px;\n  background: rgba(var(--theme-color), 1);\n  transform: scale(0, 0);\n}\n\n.grocery-horizontal-product-box {\n  border-radius: 4px;\n  border: 1px solid rgba(var(--box-bg), 1);\n  background: rgba(var(--white), 1);\n  box-shadow: 0px 2px 15px 0px rgba(var(--white), 0.04);\n  padding: 12px;\n}\n.grocery-horizontal-product-box li {\n  padding: 20px 0;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  border-bottom: 1px solid rgba(var(--box-bg), 1);\n}\n.grocery-horizontal-product-box li:first-child {\n  padding-top: 0;\n}\n.grocery-horizontal-product-box li:last-child {\n  padding-bottom: 0;\n  border-bottom: none;\n}\n.grocery-horizontal-product-box li .horizontal-product-img .img {\n  width: 64px;\n  height: 64px;\n}\n.grocery-horizontal-product-box li .horizontal-product-details {\n  position: relative;\n  width: calc(100% - 70px);\n}\n.grocery-horizontal-product-box li .horizontal-product-details .add-btn {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  padding: 5px calc(10px + 5 * (100vw - 320px) / 1600);\n  font-size: 13px;\n  color: rgba(var(--theme-color), 1);\n  background-color: rgba(var(--theme-color), 0.1);\n  border-radius: 5px;\n}\n[dir=rtl] .grocery-horizontal-product-box li .horizontal-product-details .add-btn {\n  right: unset;\n  left: 0;\n}\n\n.grocery-horizontal-product-box2 {\n  border-radius: 4px;\n  border: 1px solid rgba(var(--box-bg), 1);\n  background: rgba(var(--white), 1);\n  box-shadow: 0px 2px 15px 0px rgba(var(--black), 0.04);\n  padding: 12px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.grocery-horizontal-product-box2 .horizontal-product-img .img {\n  background-color: rgba(var(--box-bg), 1);\n  width: 64px;\n  height: 64px;\n  padding: 8px;\n}\n.grocery-horizontal-product-box2 .horizontal-product-details {\n  position: relative;\n  width: calc(100% - 70px);\n}\n.grocery-horizontal-product-box2 .horizontal-product-details h5 {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.grocery-horizontal-product-box2 .horizontal-product-details h6 {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  line-height: 1;\n}\n.grocery-horizontal-product-box2 .horizontal-product-details .add-btn {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  padding: 5px calc(10px + 5 * (100vw - 320px) / 1600);\n  font-size: 13px;\n  color: rgba(var(--theme-color), 1);\n  background-color: rgba(var(--theme-color), 0.1);\n  border-radius: 5px;\n}\n[dir=rtl] .grocery-horizontal-product-box2 .horizontal-product-details .add-btn {\n  right: unset;\n  left: 0;\n}\n\n/*=====================\n    home Page CSS\n==========================*/\n.search-section .form-group {\n  display: flex;\n  flex-wrap: nowrap;\n  gap: 10px;\n}\n.search-section .form-group .form-input {\n  position: relative;\n  width: calc(100% - 40px - 10px);\n}\n.search-section .form-group .form-input .search-icon {\n  font-size: 20px;\n}\n.search-section .form-group .form-input .search-icon::after {\n  display: none !important;\n}\n.search-section .form-group .form-input i {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  transform: translateY(-50%);\n  color: rgba(var(--light-text), 1);\n  padding-right: 10px;\n  font-size: 14px;\n}\n[dir=rtl] .search-section .form-group .form-input i {\n  left: unset;\n  right: 12px;\n  padding-right: unset;\n  padding-left: 10px;\n}\n.search-section .form-group .filter-button {\n  padding: 0;\n  background-color: rgba(var(--box-bg), 1);\n  backdrop-filter: blur(2px);\n  border-radius: 6px;\n  border: none;\n  color: rgba(var(--white), 1);\n  width: auto;\n  height: auto;\n  padding: 15px;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.search-section .form-group .filter-button i {\n  color: rgb(132, 132, 133);\n  font-size: 15px;\n}\n.search-section .form-group .filter-button:focus {\n  box-shadow: none;\n}\n\n.search-form .form-group .form-input .form-control {\n  padding: 8px 8px 8px 45px;\n}\n[dir=rtl] .search-form .form-group .form-input .form-control {\n  padding: 8px 45px 8px 8px;\n}\n.search-form .form-group .form-input .form-control:focus {\n  box-shadow: none;\n}\n.search-form .form-group .form-input i::after {\n  content: none;\n}\n\n.brands-logo .food-brands {\n  width: 60px;\n  height: 60px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 12px;\n  border: 1px solid rgba(0, 0, 0, 0.12);\n  border-radius: 100%;\n  margin: 0 auto;\n}\n.brands-logo h4 {\n  margin-top: 10px;\n  text-align: center;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  color: rgba(var(--dark-text), 1);\n}\n\n.empty-section h2 {\n  width: 90%;\n  font-size: 45px;\n  font-weight: 800;\n  color: rgba(var(--dark-text), 0.5);\n}\n.empty-section h5 {\n  margin: 15px 0;\n  color: rgba(var(--light-text), 1);\n  text-align: left;\n}\n[dir=rtl] .empty-section h5 {\n  text-align: right;\n}\n\n.banner-section .banner-img {\n  width: 100%;\n}\n\n/*=====================\n    onboarding Page CSS\n==========================*/\n.home {\n  position: relative;\n}\n.home .cooking-video {\n  position: fixed;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 767px;\n  width: 100vw;\n  height: 100vh;\n  z-index: -1;\n  object-fit: cover;\n}\n.home .theme-content {\n  position: fixed;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100%;\n  max-width: 767px;\n  padding: 20px 0;\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.89) 57.48%, rgba(0, 0, 0, 0) 100%);\n  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\n}\n.home .slogan {\n  margin-top: 20px;\n  padding: 12px 0;\n  border-top: 1px solid rgba(225, 225, 225, 0.12);\n  border-bottom: 1px solid rgba(225, 225, 225, 0.12);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.home .slogan li {\n  color: rgb(225, 225, 225);\n  font-size: 20px;\n  font-weight: 600;\n  display: flex;\n  gap: calc(10px + 10 * (100vw - 320px) / 1600);\n}\n.home p {\n  margin-top: 15px;\n  font-size: 20px;\n  font-weight: 600;\n  color: rgb(225, 225, 225);\n  padding: 0;\n}\n.home .start-btn:active {\n  background-color: rgba(var(--theme-color), 1);\n  color: rgba(var(--white), 1);\n}\n\n/*=====================\n    landing Page CSS\n==========================*/\n.main-categories-box {\n  padding: calc(10px + 5 * (100vw - 320px) / 1600);\n  border: 1px solid rgba(var(--box-bg), 1);\n  border-radius: 5px;\n}\n.main-categories-box .main-categories-img {\n  text-align: center;\n}\n.main-categories-box .main-categories-img .img {\n  width: 100%;\n  height: 40px;\n  object-fit: contain;\n  padding-bottom: 10px;\n}\n.main-categories-box h6 {\n  border-top: 1px solid rgba(var(--box-bg), 1);\n  padding-top: 10px;\n  text-align: center;\n}\n\n.offer-deal-box {\n  background-color: rgba(var(--box-bg), 1);\n  padding: calc(10px + 5 * (100vw - 320px) / 1600);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: calc(5px + 5 * (100vw - 320px) / 1600);\n}\n.offer-deal-box .deal-img {\n  height: 25px;\n  width: 25px;\n}\n.offer-deal-box h5 {\n  font-size: calc(13px + 1 * (100vw - 320px) / 1600);\n  color: rgba(var(--dark-text), 1);\n}\n\n.main-banner-box {\n  cursor: pointer;\n}\n.main-banner-box .banner-img {\n  border-radius: 12px 12px 0 0;\n}\n.main-banner-box .main-banner-details {\n  margin-top: 4px;\n  padding: 12px;\n  border-radius: 0 0 12px 12px;\n  border: 1px solid rgba(var(--box-bg), 1);\n}\n.main-banner-box .main-banner-details h3 {\n  font-weight: 500;\n  color: rgba(var(--dark-text), 1);\n}\n.main-banner-box .main-banner-details h5 {\n  margin-top: 4px;\n  font-size: 500;\n  color: rgba(var(--light-text), 1);\n  padding-bottom: 12px;\n}\n.main-banner-box .main-banner-details h5 span {\n  color: rgba(var(--theme-color), 1);\n}\n.main-banner-box .main-banner-details .order-part {\n  padding-top: 12px;\n  border-top: 1px dashed rgba(var(--light-text), 0.3);\n}\n.main-banner-box .main-banner-details .order-part h5 {\n  font-weight: 500;\n  color: rgba(var(--dark-text), 1);\n}\n\n.main-product-card {\n  border-radius: 6px;\n  border: 1px solid rgba(var(--box-bg), 1);\n  box-shadow: 0px 2px 15px 0px rgba(var(--black), 0.04);\n}\n[dir=rtl] .main-product-card {\n  direction: rtl;\n}\n.main-product-card .product-card-img {\n  border-radius: 6px 6px 0 0;\n}\n.main-product-card .card-body {\n  padding: 12px;\n}\n.main-product-card .card-body .card-title {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.main-product-card .card-body .add-btn {\n  padding: 5px 15px;\n}\n\n/*=============================\n    Location CSS start\n===============================*/\n.location-map {\n  border: 0;\n  height: 100vh;\n  width: 100%;\n}\n\n.delivery-root {\n  position: relative;\n  border: 0;\n  height: 100vh;\n  width: 100%;\n  margin-bottom: -16px;\n}\n.delivery-root > div {\n  height: 100%;\n}\n\n.location-popup {\n  position: fixed;\n  width: 100%;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n  max-width: 600px;\n  background: linear-gradient(180deg, #414449 1.31%, #1f1f1f 101.06%);\n  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.14);\n  border-radius: 20px 20px 0px 0px;\n  height: auto;\n  padding: 20px;\n}\n.location-popup .change-location {\n  display: flex;\n  justify-content: space-between;\n}\n.location-popup .change-location h2 {\n  font-weight: 500;\n  color: rgb(255, 255, 255);\n}\n.location-popup .change-location i {\n  color: rgba(var(--theme-color), 1);\n  font-size: 18px;\n}\n.location-popup .address {\n  font-size: 14px;\n  font-weight: 500;\n}\n.location-popup .delivery-btn {\n  font-size: 16px;\n}\n\n/*=====================\n    Notification CSS start\n==========================*/\n.notification .notification-box {\n  position: relative;\n  display: flex;\n  width: 100%;\n  margin-top: 20px;\n}\n.notification .notification-box .notification-icon {\n  width: 50px;\n  height: 50px;\n  border-radius: 100%;\n  border: 1px dashed rgba(var(--light-text), 1);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.notification .notification-box .notification-icon::before {\n  content: \"\";\n  position: absolute;\n  left: 50px;\n  top: 21px;\n  width: 18px;\n  height: 1px;\n  background-color: rgba(var(--light-text), 1);\n}\n[dir=rtl] .notification .notification-box .notification-icon::before {\n  left: unset;\n  right: 50px;\n}\n.notification .notification-box .notification-icon::after {\n  content: \"\";\n  position: absolute;\n  left: 48px;\n  top: 36px;\n  width: 20px;\n  height: 1px;\n  background-color: rgba(var(--light-text), 1);\n}\n[dir=rtl] .notification .notification-box .notification-icon::after {\n  left: unset;\n  right: 48px;\n}\n.notification .notification-box .notification-icon span {\n  width: 42px;\n  height: 42px;\n  background-color: rgba(var(--box-bg), 1);\n  padding: 15px;\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.notification .notification-box .notification-icon span::before {\n  content: \"\";\n  position: absolute;\n  left: 70px;\n  top: 19px;\n  transform: translate(-50%);\n  width: 5px;\n  height: 5px;\n  background-color: rgba(var(--light-text), 1);\n  border-radius: 100%;\n}\n[dir=rtl] .notification .notification-box .notification-icon span::before {\n  left: unset;\n  right: 70px;\n}\n.notification .notification-box .notification-icon span::after {\n  content: \"\";\n  position: absolute;\n  left: 70px;\n  top: 34px;\n  transform: translate(-50%);\n  width: 5px;\n  height: 5px;\n  background-color: rgba(var(--light-text), 1);\n  border-radius: 100%;\n}\n[dir=rtl] .notification .notification-box .notification-icon span::after {\n  left: unset;\n  right: 70px;\n}\n.notification .notification-box .notification-icon span .notification-img {\n  stroke: rgba(var(--light-text), 1);\n  width: 21px;\n  height: 21px;\n  border-radius: 100%;\n}\n.notification .notification-box .notification-icon span .notification-img.img1 {\n  padding: 5px;\n}\n.notification .notification-box.unread .notification-icon {\n  border: 1px dashed rgba(var(--theme-color), 1);\n}\n.notification .notification-box.unread .notification-icon::before {\n  background-color: rgba(var(--theme-color), 1);\n}\n.notification .notification-box.unread .notification-icon::after {\n  background-color: rgba(var(--theme-color), 1);\n}\n.notification .notification-box.unread .notification-icon span {\n  background-color: rgba(var(--theme-color), 1);\n}\n.notification .notification-box.unread .notification-icon span::before {\n  background-color: rgba(var(--theme-color), 1);\n}\n.notification .notification-box.unread .notification-icon span::after {\n  background-color: rgba(var(--theme-color), 1);\n}\n.notification .notification-box.unread .notification-icon span .notification-img {\n  border: 1px solid rgb(255, 255, 255);\n}\n.notification .notification-box.unread .notification-content p {\n  color: rgba(var(--dark-text), 1);\n}\n.notification .notification-box.unread .notification-content h5 {\n  font-weight: 600;\n}\n.notification .notification-box .notification-content {\n  width: calc(100% - 60px);\n  margin-left: 10px;\n  background: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 8px;\n  padding: 12px 12px 12px 18px;\n}\n[dir=rtl] .notification .notification-box .notification-content {\n  margin-left: unset;\n  margin-right: 10px;\n  padding: 12px 18px 12px 12px;\n}\n.notification .notification-box .notification-content h5 {\n  color: rgba(var(--dark-text), 1);\n  font-size: 14px;\n  line-height: 1.2;\n}\n.notification .notification-box .notification-content h6 {\n  color: rgba(var(--light-text), 1);\n}\n.notification .notification-box .notification-content p {\n  color: rgba(var(--light-text), 1);\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n  padding: 8px 0 0 0;\n  margin: 8px 0 0 0;\n}\n\n.notification-setting {\n  background: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 8px;\n  padding: 15px;\n}\n.notification-setting li {\n  display: block;\n  border-bottom: 1px solid rgba(var(--dashed-line), 0.5);\n}\n.notification-setting li:last-child {\n  border-bottom: none;\n}\n.notification-setting li .notification {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 15px 0;\n}\n.notification-setting li .notification input[type=checkbox] {\n  position: relative;\n  width: 37px;\n  height: 22px;\n  appearance: none;\n  background: rgba(var(--box-bg), 1);\n  outline: none;\n  border-radius: 50px;\n  cursor: pointer;\n}\n.notification-setting li .notification input[type=checkbox]:checked {\n  background: rgba(var(--theme-color), 0.1);\n}\n.notification-setting li .notification input[type=checkbox]:checked::before {\n  transform: translateX(80%) translateY(-50%);\n  background: rgba(var(--theme-color), 1);\n}\n.notification-setting li .notification input[type=checkbox]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  background: rgba(var(--light-text), 1);\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  transform: translateY(-50%);\n  transition: 0.5s;\n}\n.notification-setting.status-items {\n  border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n}\n\n/*=============================\n    order CSS start\n===============================*/\n.order-tracking {\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(0, 0, 0, 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 10px;\n  padding: calc(15px + 5 * (100vw - 320px) / 1600);\n}\n.order-tracking .tracking-place li {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding-bottom: 25px;\n  width: 100%;\n}\n.order-tracking .tracking-place li:last-child::after {\n  display: none;\n}\n.order-tracking .tracking-place li::after {\n  content: \"\";\n  position: absolute;\n  bottom: 10px;\n  left: 70px;\n  width: 25px;\n  border: 1px dashed rgba(var(--light-text), 1);\n  transform: rotate(90deg);\n}\n[dir=rtl] .order-tracking .tracking-place li::after {\n  left: unset;\n  right: 70px;\n}\n.order-tracking .tracking-place li h6 {\n  color: rgba(var(--dark-text), 1);\n}\n.order-tracking .tracking-place li h6.color-1 {\n  color: rgb(255, 185, 49);\n}\n.order-tracking .tracking-place li h6.color-2 {\n  color: rgb(68, 111, 221);\n}\n.order-tracking .tracking-place li h6.color-3 {\n  color: rgba(var(--error-color), 1);\n}\n.order-tracking .tracking-place li h6.color-4 {\n  color: rgba(var(--success-color), 1);\n}\n.order-tracking .tracking-place li span {\n  position: relative;\n  width: 25px;\n  height: 25px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.order-tracking .tracking-place li span::after {\n  content: \"\";\n  position: absolute;\n  width: 15px;\n  height: 15px;\n  background-color: rgba(var(--light-text), 1);\n  border-radius: 100%;\n}\n.order-tracking .tracking-place li .icon {\n  padding: 6px;\n  border-radius: 6px;\n}\n.order-tracking .tracking-place li .icon.step-1 {\n  background: rgb(255, 241, 214);\n}\n.order-tracking .tracking-place li .icon.step-2 {\n  background: rgb(225, 232, 250);\n}\n.order-tracking .tracking-place li .icon.step-3 {\n  background: rgb(252, 217, 217);\n}\n.order-tracking .tracking-place li .icon.step-4 {\n  background: rgb(224, 239, 217);\n}\n.order-tracking .tracking-place li.active::after {\n  border-color: rgba(var(--theme-color), 1);\n}\n.order-tracking .tracking-place li.active span {\n  background-color: rgba(var(--theme-color), 0.15);\n}\n.order-tracking .tracking-place li.active span::after {\n  background-color: rgba(var(--theme-color), 1);\n}\n\n/*=============================\n     Page-listing CSS start\n===============================*/\n.categories-title {\n  margin-top: 20px;\n}\n.categories-title h2 {\n  font-size: calc(16px + 2 * (100vw - 320px) / 1600);\n  background-color: rgba(var(--box-bg), 1);\n  padding: 15px;\n  border-radius: 10px;\n}\n\n.categories-menu .navigation .pages {\n  width: 100%;\n  padding: 0 10px;\n}\n.categories-menu .navigation .pages h4 {\n  font-size: 15px;\n}\n.categories-menu .navigation .pages a {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  color: rgba(var(--dark-text), 1);\n  font-size: calc(14px + 2 * (100vw - 320px) / 1600);\n  font-weight: 500;\n  width: 100%;\n}\n.categories-menu .navigation .pages a i {\n  color: rgba(var(--dark-text), 1);\n  font-size: 30px;\n  line-height: 1;\n}\n[dir=rtl] .categories-menu .navigation .pages a i {\n  transform: scaleX(-1);\n}\n\n/*=============================\n    payment CSS start\n===============================*/\n.payment-list .payment-card-box {\n  flex-wrap: wrap;\n  padding: 0 15px;\n  border-radius: 14px;\n}\n.payment-list .payment-card-box .payment-detail {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  width: 100%;\n  padding: 15px 0;\n}\n.payment-list .payment-card-box .payment-detail .add-img {\n  width: 35px;\n  height: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.payment-list .payment-card-box .payment-detail .add-img .img {\n  width: 35px;\n  height: 30px;\n}\n.payment-list .payment-card-box .payment-detail .add-img .add-square-img {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  border: 1.5px solid;\n  border-radius: 10px;\n  width: 100%;\n}\n.payment-list .payment-card-box .payment-detail .add-content {\n  width: calc(100% - 35px - 15px);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.payment-list .payment-card-box .payment-detail .add-content h5 {\n  color: rgba(var(--dark-text), 1);\n}\n.payment-list .payment-card-box .payment-detail .add-content .form-check .form-check-input {\n  box-shadow: none;\n}\n.payment-list .payment-card-box .payment-detail .add-content .form-check .form-check-input:checked {\n  background-color: rgba(var(--theme-color), 1);\n  border-color: rgba(var(--theme-color), 1);\n}\n.payment-list .new-card {\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n}\n\n.debit-card {\n  position: relative;\n  background-image: url(../images/background/card.jpg);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  height: auto;\n  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.14);\n  border-radius: 14px;\n}\n.debit-card .card-details {\n  padding: 22px;\n}\n.debit-card .card-details .card-name {\n  color: rgba(225, 225, 225, 0.5);\n}\n.debit-card .card-details .chip {\n  margin-top: 12px;\n}\n.debit-card .card-details .ac-details {\n  margin-top: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.debit-card .card-details .ac-details li h6 {\n  font-weight: 400;\n  color: rgba(225, 225, 225, 0.5);\n}\n.debit-card .card-details .ac-details li h3 {\n  font-weight: 700;\n  color: rgb(225, 225, 225);\n  font-size: calc(14px + 2 * (100vw - 320px) / 1600);\n}\n.debit-card .card-details .user-name {\n  margin-top: 15px;\n}\n.debit-card .card-details .user-name h6 {\n  font-weight: 400;\n  color: rgba(225, 225, 225, 0.5);\n}\n.debit-card .card-details .user-name h5 {\n  font-weight: 500;\n  color: rgb(225, 225, 225);\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n}\n\n.address-form {\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n  padding-top: 20px;\n}\n\n.pharmacy-categories-box {\n  width: 70px;\n  height: 70px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(var(--light-text), 1);\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 100%;\n  margin: 0 auto;\n}\n.pharmacy-categories-box.active {\n  color: rgba(var(--white), 1);\n  background-color: rgba(var(--theme-color), 0.1);\n}\n.pharmacy-categories-box.active h6 {\n  border-left: 1px solid rgba(var(--white), 1);\n}\n\n.pharmacy-banner-img {\n  border-radius: 6px;\n}\n\n.pharmacy-product-box {\n  padding: 0;\n  position: relative;\n}\n.pharmacy-product-box .ratings {\n  position: absolute;\n  top: 15px;\n  right: 12px;\n}\n[dir=rtl] .pharmacy-product-box .ratings {\n  left: 12px;\n  right: unset;\n}\n.pharmacy-product-box .grocery-product-details {\n  background-color: rgba(var(--box-bg), 1);\n  padding: 8px 12px;\n}\n.pharmacy-product-box .grocery-product-details .cart-btn {\n  background-color: rgba(var(--theme-color), 1);\n  padding: 5px;\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 30px;\n  height: 30px;\n}\n\n.pharmacy-horizontal-product-box {\n  background-color: rgba(var(--box-bg), 1);\n}\n.pharmacy-horizontal-product-box li {\n  border-bottom: 1px dashed rgba(var(--black), 0.06);\n  gap: 12px;\n}\n.pharmacy-horizontal-product-box li .horizontal-product-img {\n  padding: 8px;\n  background-color: rgba(var(--white), 1);\n  border-radius: 4px;\n}\n.pharmacy-horizontal-product-box li h5 {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.pharmacy-horizontal-product-box2 {\n  border-radius: 4px;\n  border: 1px solid rgba(var(--box-bg), 1);\n  background: rgba(var(--white), 1);\n  box-shadow: 0px 2px 15px 0px rgba(var(--black), 0.04);\n  display: flex;\n  align-items: unset;\n  padding: 0;\n  gap: 0;\n  height: 100%;\n}\n[dir=rtl] .pharmacy-horizontal-product-box2 {\n  direction: rtl;\n}\n.pharmacy-horizontal-product-box2 .horizontal-product-img .img {\n  width: 80px;\n  height: 100%;\n}\n.pharmacy-horizontal-product-box2 .horizontal-product-details {\n  position: relative;\n  width: calc(100% - 80px);\n  padding: 12px;\n}\n.pharmacy-horizontal-product-box2 .horizontal-product-details .add-btn {\n  right: 15px;\n  bottom: 15px;\n}\n[dir=rtl] .pharmacy-horizontal-product-box2 .horizontal-product-details .add-btn {\n  left: 15px;\n  right: unset;\n}\n\n.discount-banner {\n  border-radius: 6px;\n}\n\n/*=============================\n    profile CSS start\n===============================*/\n.profile-cover {\n  position: relative;\n  width: 100%;\n  height: 90px;\n  background: linear-gradient(333.77deg, #ff8d2f 9.66%, #ffd3b0 101.81%);\n  border-radius: 20px 20px 0px 0px;\n}\n.profile-cover .profile-pic {\n  position: absolute;\n  bottom: -30px;\n  left: 50%;\n  transform: translate(-50%);\n  padding: 5px;\n  width: 75px;\n  height: 75px;\n  border-radius: 100%;\n  background-color: rgba(var(--white), 1);\n}\n\n.profile-name {\n  margin-top: 25px;\n}\n.profile-name h5 {\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n  text-align: center;\n  margin-top: 30px;\n}\n.profile-name h6 {\n  color: rgba(var(--dark-text), 1);\n  text-align: center;\n  font-weight: 400;\n  margin-top: 4px;\n}\n\n.profile-list li {\n  width: 100%;\n  padding-bottom: 15px;\n}\n.profile-list li .profile-box {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 100px 38px 38px 100px;\n  color: rgba(var(--dark-text), 1);\n  border: 1px solid rgba(var(--black), 0.05);\n  background-color: rgba(var(--box-bg), 1);\n}\n[dir=rtl] .profile-list li .profile-box {\n  border-radius: 38px 100px 100px 38px;\n}\n.profile-list li .profile-box .profile-icon {\n  height: 32px;\n  width: 32px;\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform: scale(1.4);\n  font-size: 22px;\n  border: 1px solid rgba(var(--light-text), 0.2);\n  background-color: rgba(var(--box-bg), 1);\n}\n.profile-list li .profile-box .profile-icon .icon {\n  width: 16px;\n  height: 16px;\n}\n.profile-list li .profile-box .profile-box-name {\n  width: calc(100% - 40px - 15px);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 10px;\n  margin-left: 6px;\n  color: rgba(var(--dark-text), 1);\n}\n[dir=rtl] .profile-list li .profile-box .profile-box-name {\n  margin-left: unset;\n  margin-right: 6px;\n}\n.profile-list li .profile-box .profile-box-name h6 {\n  font-weight: 500;\n  font-size: 1px;\n}\n.profile-list li .profile-box .profile-box-name h6 .arrow {\n  margin-left: auto;\n  font-size: 14px;\n}\n[dir=rtl] .profile-list li .profile-box .profile-box-name h6 .arrow {\n  margin-left: unset;\n  margin-right: auto;\n}\n.profile-list li .profile-box .profile-box-name i {\n  font-size: 16px;\n}\n[dir=rtl] .profile-list li .profile-box .profile-box-name i {\n  transform: scaleX(-1);\n  margin-left: 8px;\n}\n\n.profile-img {\n  position: relative;\n  margin-left: auto;\n  margin-right: auto;\n  width: 100px;\n  height: 100px;\n}\n.profile-img .img {\n  border-radius: 18px;\n}\n.profile-img .camera {\n  position: absolute;\n  padding: 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgba(var(--white), 1);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);\n  border-radius: 8px;\n  font-size: 20px;\n  height: 32px;\n  width: 32px;\n  bottom: -5px;\n  right: -10px;\n}\n[dir=rtl] .profile-img .camera {\n  margin-left: -10px;\n  margin-right: unset;\n}\n\n/*==========================\n     restaurant-app CSS start\n============================*/\n.total-sales-background {\n  width: 100%;\n  padding: 15px;\n  background-color: rgba(var(--theme-color), 0.1);\n  border: 1px solid rgba(var(--theme-color), 0.3);\n  border-radius: 6px;\n}\n.total-sales-background .earning-card-details .icon {\n  padding-right: 8px;\n  border-right: 1px solid rgba(var(--theme-color), 0.3);\n}\n[dir=rtl] .total-sales-background .earning-card-details .icon {\n  padding-right: unset;\n  padding-left: 8px;\n  border-right: unset;\n  border-left: 1px solid rgba(var(--theme-color), 0.3);\n}\n.total-sales-background .earning-card-details h3 {\n  font-weight: 500;\n  color: rgba(var(--dark-text), 1);\n}\n.total-sales-background .earning-card-details {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 15px;\n  border-bottom: 1px solid rgba(var(--theme-color), 0.3);\n}\n.total-sales-background .earning-card-details h3 {\n  font-weight: 400;\n  color: rgb(255, 255, 255);\n}\n.total-sales-background .earning-card-details h2 {\n  font-weight: 600;\n  color: rgba(var(--theme-color), 1);\n}\n.total-sales-background .sale-timing-list {\n  padding-top: 15px;\n  display: flex;\n}\n.total-sales-background .sale-timing-list li {\n  padding-left: calc(10px + 15 * (100vw - 320px) / 1600);\n  border-left: 1px solid rgba(var(--theme-color), 0.3);\n}\n[dir=rtl] .total-sales-background .sale-timing-list li {\n  padding-left: unset;\n  padding-right: calc(10px + 15 * (100vw - 320px) / 1600);\n  border-left: unset;\n  border-right: 1px solid rgba(var(--theme-color), 0.3);\n}\n.total-sales-background .sale-timing-list li:first-child {\n  padding-left: 0;\n  border-left: 0;\n}\n[dir=rtl] .total-sales-background .sale-timing-list li:first-child {\n  padding-left: unset;\n  padding-right: 0;\n  border-right: 0;\n  border-left: unset;\n}\n\n.coupon-list li {\n  width: 100%;\n  margin-bottom: 20px;\n}\n.coupon-list li:last-child {\n  margin-bottom: 0;\n}\n.coupon-list li .offer-box {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 15px;\n  gap: calc(10px + 10 * (100vw - 320px) / 1600);\n  background: rgba(var(--box-bg), 1);\n  border-radius: 10px;\n  cursor: pointer;\n}\n.coupon-list li .offer-box::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 18%;\n  width: 16px;\n  height: 16px;\n  background-color: rgba(var(--white), 1);\n  border-radius: 100%;\n  transform: translateY(-50%);\n}\n[dir=rtl] .coupon-list li .offer-box::after {\n  left: unset;\n  right: 18%;\n}\n.coupon-list li .offer-box::before {\n  content: \"\";\n  position: absolute;\n  bottom: -16px;\n  left: 18%;\n  width: 16px;\n  height: 16px;\n  background-color: rgba(var(--white), 1);\n  border-radius: 100%;\n  transform: translateY(-50%);\n}\n[dir=rtl] .coupon-list li .offer-box::before {\n  left: unset;\n  right: 18%;\n}\n.coupon-list li .offer-box .offer-icon .offer {\n  width: 40px;\n  height: 40px;\n}\n.coupon-list li .offer-box .offer-content {\n  width: calc(100% - 40px - 20px);\n}\n.coupon-list li .offer-box .offer-content .switch-btn {\n  z-index: 2;\n}\n.coupon-list li .offer-box .offer-content .switch-btn input[type=checkbox] {\n  position: relative;\n  width: 37px;\n  height: 22px;\n  appearance: none;\n  background: rgba(var(--light-text), 0.3);\n  outline: none;\n  border-radius: 50px;\n  cursor: pointer;\n}\n.coupon-list li .offer-box .offer-content .switch-btn input[type=checkbox]:checked {\n  background: rgba(var(--theme-color), 0.3);\n}\n.coupon-list li .offer-box .offer-content .switch-btn input[type=checkbox]:checked::before {\n  transform: translateX(80%) translateY(-50%);\n  background: rgba(var(--theme-color), 1);\n}\n.coupon-list li .offer-box .offer-content .switch-btn input[type=checkbox]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  background: rgba(var(--light-text), 1);\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  transform: translateY(-50%);\n  transition: 0.5s;\n}\n.coupon-list li .offer-box .offer-content h5 {\n  color: rgba(var(--dark-text), 1);\n  font-size: 13px;\n}\n.coupon-list li .offer-box .offer-content h6 {\n  margin-top: 5px;\n}\n\n.restaurant-banner .cover-img {\n  width: 100%;\n  height: calc(110px + 110 * (100vw - 320px) / 1600);\n  object-fit: cover;\n  object-position: top center;\n  border-radius: 10px;\n}\n\n.restaurant-info-box {\n  padding: 20px;\n  border: 1px solid rgba(var(--black), 0.05);\n  background-color: rgba(var(--white), 1);\n  border-radius: 10px;\n  box-shadow: 0px 3.051px 18.309px 0px rgba(var(--black), 0.04);\n}\n.restaurant-info-box .details-list li {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding-bottom: 15px;\n}\n.restaurant-info-box .details-list li:nth-child(2) {\n  border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n}\n.restaurant-info-box .details-list li:nth-child(3) {\n  padding-top: 15px;\n}\n.restaurant-info-box .details-list li:nth-child(7) {\n  border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n}\n.restaurant-info-box .details-list li:nth-child(8) {\n  padding-top: 15px;\n}\n.restaurant-info-box .details-list li:last-child {\n  padding-bottom: 0;\n}\n.restaurant-info-box .details-list li .heading1 {\n  width: 40%;\n  color: rgba(var(--dark-text), 1);\n}\n.restaurant-info-box .details-list li span {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 1;\n  color: rgba(var(--dark-text), 1);\n}\n.restaurant-info-box .details-list li .content {\n  color: rgba(var(--dark-text), 1);\n  padding-left: 15px;\n}\n[dir=rtl] .restaurant-info-box .details-list li .content {\n  padding-right: 15px;\n  padding-left: unset;\n}\n\n.item-detail-tab {\n  padding-top: 30px;\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n}\n.item-detail-tab .item-content-box {\n  margin-top: 20px;\n  padding: 20px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--dashed-line), 1);\n  border-radius: 10px;\n  box-shadow: 0px 3px 18px 0px rgba(var(--black), 0.04);\n}\n.item-detail-tab .item-content-box .item-content-head {\n  padding-bottom: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid rgba(var(--dashed-line), 1);\n}\n.item-detail-tab .item-content-box .item-content-head .box-content {\n  width: 50%;\n  border-right: 1px solid rgba(var(--dashed-line), 1);\n}\n[dir=rtl] .item-detail-tab .item-content-box .item-content-head .box-content {\n  border-right: unset;\n  border-left: 1px solid rgba(var(--dashed-line), 1);\n}\n.item-detail-tab .item-content-box .item-content-head .box-content h5 {\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n}\n.item-detail-tab .item-content-box .item-content-head .box-content h6 {\n  margin-top: 10px;\n  font-weight: 500;\n  color: rgba(var(--dark-text), 1);\n}\n.item-detail-tab .item-content-box .description-part {\n  padding: 15px 0;\n}\n.item-detail-tab .item-content-box .description-part h5 {\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n}\n.item-detail-tab .item-content-box .description-part p {\n  text-align: justify;\n  margin-top: 5px;\n  font-weight: 500;\n  color: rgba(var(--dark-text), 1);\n}\n.item-detail-tab .item-content-box .variety-part h5 {\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n}\n.item-detail-tab .item-content-box .variety-part .variety-list {\n  margin-top: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.item-detail-tab .item-content-box .variety-part .variety-list li {\n  width: 100%;\n  padding-inline: calc(10px + 15 * (100vw - 320px) / 1600);\n  border-right: 1px solid rgba(var(--dashed-line), 1);\n}\n[dir=rtl] .item-detail-tab .item-content-box .variety-part .variety-list li {\n  border-right: unset;\n  border-left: 1px solid rgba(var(--dashed-line), 1);\n}\n.item-detail-tab .item-content-box .variety-part .variety-list li:first-child {\n  padding-left: 0;\n}\n[dir=rtl] .item-detail-tab .item-content-box .variety-part .variety-list li:first-child {\n  padding-left: unset;\n  padding-right: 0;\n}\n.item-detail-tab .item-content-box .variety-part .variety-list li:last-child {\n  padding-right: 0;\n  border-right: none;\n}\n[dir=rtl] .item-detail-tab .item-content-box .variety-part .variety-list li:last-child {\n  padding-right: unset;\n  padding-left: 0;\n  border-right: unset;\n  border-left: none;\n}\n\n.review-list {\n  margin-top: 20px;\n  padding: 20px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--dashed-line), 1);\n  border-radius: 10px;\n  box-shadow: 0px 3px 18px 0px rgba(var(--black), 0.04);\n}\n.review-list .review-box {\n  padding-block: 15px;\n  border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n}\n.review-list .review-box:first-child {\n  padding-top: 0;\n}\n.review-list .review-box:last-child {\n  padding-bottom: 0;\n  border-bottom: none;\n}\n.review-list .review-box .review-head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.review-list .review-box .review-head .profile-pic {\n  width: 45px;\n  height: 45px;\n  border-radius: 100%;\n  object-fit: cover;\n}\n.review-list .review-box .review-head .content {\n  width: calc(100% - 45px - 8px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.review-list .review-box .review-head .content h5 {\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n}\n.review-list .review-box .review-head .content h6 {\n  color: rgba(var(--light-text), 1);\n}\n.review-list .review-box .review-head .content .rating-star {\n  display: flex;\n  gap: 5px;\n  color: rgba(var(--dark-text), 1);\n}\n.review-list .review-box .review-head .content .rating-star .star {\n  width: 12px;\n  height: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px;\n  background-color: rgba(var(--success-color), 1);\n  border-radius: 100%;\n}\n.review-list .review-box .review-head .content .rating-star .star i {\n  color: rgb(255, 255, 255);\n}\n.review-list .review-box p {\n  margin-top: 10px;\n  font-weight: 400;\n  color: rgba(var(--dark-text), 1);\n}\n\n.tag-part .code-form-control {\n  position: relative;\n  padding: 15px calc(60px + 30 * (100vw - 320px) / 1600) 15px 15px;\n}\n.tag-part .apply-btn {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  margin-top: 0px;\n  font-size: 14px;\n  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(10px + 15 * (100vw - 320px) / 1600);\n  border-radius: 4px;\n}\n.tag-part .tag-list {\n  margin-top: 8px;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n.tag-part .tag-list li {\n  height: 25px;\n  padding: 6px;\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--theme-color), 1);\n  border-radius: 15px;\n  backdrop-filter: blur(2px);\n  transition: all 0.8s ease-in-out;\n}\n.tag-part .tag-list li h5 {\n  font-size: 12px;\n  font-weight: 400;\n  color: rgba(var(--theme-color), 1);\n}\n.tag-part .tag-list li .icon {\n  line-height: 1;\n  color: rgba(var(--theme-color), 1);\n}\n\n.variation-part {\n  padding-top: 25px;\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n}\n.variation-part .variation-box {\n  margin-top: 10px;\n  padding: 15px;\n  background-color: rgba(var(--white), 1);\n  border: 1.526px solid rgba(var(--dashed-line), 1);\n  border-radius: 12px;\n  box-shadow: 0px 3.051px 18.309px 0px rgba(var(--black), 0.04);\n}\n.variation-part .variation-box .form-check {\n  margin-bottom: 0;\n}\n.variation-part .variation-box .form-check .form-check-input {\n  width: 20px;\n  height: 20px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--dashed-line), 1);\n}\n.variation-part .variation-box .form-check .form-check-input:focus {\n  box-shadow: none;\n  border-color: none;\n}\n.variation-part .variation-box .form-check .form-check-label {\n  color: rgba(var(--light-text), 1);\n  font-size: 16px;\n  margin-left: 10px;\n}\n[dir=rtl] .variation-part .variation-box .form-check .form-check-label {\n  margin-right: 10px;\n  margin-left: unset;\n}\n.variation-part .variation-box .form-check .form-check-input:checked {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(var(--theme-color), 1);\n}\n.variation-part .variation-box .form-check .form-check-input:checked::after {\n  content: \"\";\n  height: 10px;\n  width: 10px;\n  background-color: rgba(var(--theme-color), 1);\n  border-radius: 100%;\n}\n.variation-part .variation-box .box-content {\n  width: 50%;\n  display: flex;\n  justify-content: flex-start;\n}\n.variation-part .variation-box .box-content .form-check-reverse .form-check-input {\n  border: 1px solid rgba(var(--dashed-line), 1);\n  box-shadow: none;\n  padding-right: 0;\n}\n[dir=rtl] .variation-part .variation-box .box-content .form-check-reverse .form-check-input {\n  padding-right: unset;\n  padding-left: 0;\n}\n.variation-part .variation-box .box-content .form-check-reverse .form-check-input:checked {\n  background-color: rgba(var(--theme-color), 1);\n}\n\n.timing-part {\n  margin-top: 20px;\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n}\n\n.restaurant-order-tab {\n  flex-wrap: nowrap;\n  width: 100%;\n  margin: 30px auto 0;\n  border-radius: 6px;\n  overflow: scroll;\n  gap: 20px;\n  display: flex;\n}\n\n.shipping-details {\n  margin-top: 15px;\n  padding: 15px;\n  background-color: rgba(var(--white, 1));\n  border: 1px solid rgba(var(--dashed-line), 1);\n  border-radius: 12px;\n  box-shadow: 0px 3px 18px 0px rgba(var(--black), 0.04);\n}\n.shipping-details .title-content {\n  font-weight: 600;\n  color: rgba(var(--dark-text), 1);\n}\n.shipping-details .shipping-content {\n  margin-top: 10px;\n  padding-top: 12px;\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid rgba(var(--dashed-line), 1);\n  border-radius: 6px;\n}\n.shipping-details .shipping-content .icon {\n  width: 20px;\n  height: 20px;\n  filter: invert(0.3);\n}\n.shipping-details .shipping-content .icon {\n  width: 20px;\n  height: 20px;\n  filter: invert(1) grayscale(1);\n}\n.shipping-details .shipping-content h6 {\n  padding-left: 10px;\n  border-left: 1px solid rgba(var(--dashed-line), 1);\n}\n@media (max-width: 600px) {\n  .shipping-details .shipping-content h6 {\n    padding-left: calc(5px + 5 * (100vw - 320px) / 1600);\n  }\n}\n[dir=rtl] .shipping-details .shipping-content h6 {\n  padding-left: unset;\n  padding-right: 10px;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--dashed-line), 1);\n}\n\n.notify-part {\n  margin-top: 25px;\n  padding: 12px;\n  background-color: rgba(var(--white, 1));\n  border: 1px solid rgba(var(--dashed-line), 1);\n  border-radius: 12px;\n  box-shadow: 0px 3px 18px 0px rgba(var(--black), 0.04);\n}\n.notify-part .form-check .form-check-label {\n  font-weight: 600;\n  font-size: 14px;\n  color: rgba(var(--dark-text), 1);\n}\n.notify-part .form-check .form-check-input {\n  border: 1px solid rgba(var(--dashed-line), 1);\n  box-shadow: none;\n  padding-right: 0;\n}\n[dir=rtl] .notify-part .form-check .form-check-input {\n  padding-right: unset;\n  padding-left: 0;\n}\n.notify-part .form-check .form-check-input:checked {\n  background-color: rgba(var(--theme-color), 1);\n}\n\n.order-item-table {\n  margin-top: 25px;\n  padding: 15px;\n  background-color: rgba(var(--white, 1));\n  border: 1px solid rgba(var(--dashed-line), 1);\n  border-radius: 12px;\n  box-shadow: 0px 3px 18px 0px rgba(var(--black), 0.04);\n}\n.order-item-table thead {\n  border-bottom: 1px solid rgba(var(--dashed-line), 1);\n}\n.order-item-table thead tr th {\n  font-size: 14px;\n  font-weight: 500;\n  color: rgba(var(--dark-text), 1);\n}\n.order-item-table tbody {\n  border-bottom: 1px solid rgba(var(--dashed-line), 1);\n}\n.order-item-table tbody tr td {\n  font-size: 13px;\n  font-weight: 500;\n  color: rgba(var(--dark-text), 1);\n}\n.order-item-table tbody tr td.sub-total {\n  font-size: 14px;\n}\n\n/* themes */\n/*=====================\n    Dark CSS start\n==========================*/\nbody.dark .navbar-menu {\n  border-top: 1px solid rgba(var(--light-text), 0.2);\n}\nbody.dark .location .location-img {\n  filter: invert(0.85);\n}\nbody.dark .categories .food-categories {\n  background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n}\nbody.dark .products .product-box {\n  background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n  border: none;\n  margin: 1px;\n  z-index: 0;\n}\nbody.dark .products .product-box::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 8px;\n  padding: 1px;\n  background: linear-gradient(161.57deg, rgba(255, 255, 255, 0.2) -44.12%, rgba(255, 255, 255, 0) 99.26%);\n  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--white), 1))) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--white), 1)));\n  -webkit-mask: linear-gradient(rgba(var(--white), 1) 0 0) content-box, linear-gradient(rgba(var(--white), 1) 0 0);\n  -webkit-mask-composite: xor;\n  z-index: -1;\n}\nbody.dark .option-accordion .accordion-item .accordion-header .accordion-button::after {\n  filter: contrast(0);\n}\nbody.dark .option-accordion .accordion-item .currency .currency-listing li {\n  color: rgba(var(--dark-text), 1);\n}\nbody.dark .brands-logo .food-brands {\n  border: 1px solid transparent;\n  position: relative;\n  border-radius: 100%;\n}\nbody.dark .brands-logo .food-brands::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 100%;\n  padding: 1px;\n  background: linear-gradient(161.57deg, rgba(255, 255, 255, 0.2) -44.12%, rgba(255, 255, 255, 0) 99.26%);\n  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--white), 1))) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--white), 1)));\n  -webkit-mask: linear-gradient(rgba(var(--white), 1) 0 0) content-box, linear-gradient(rgba(var(--white), 1) 0 0);\n  -webkit-mask-composite: xor;\n}\nbody.dark .search-filter .footer-modal {\n  border: 1px solid rgba(var(--light-text), 0.5);\n}\nbody.dark .btn-close {\n  filter: invert(1);\n}\nbody.dark .form-check-input {\n  background-color: transparent;\n  border: 1px solid rgba(var(--light-text), 1);\n}\nbody.dark .form-control {\n  background-color: rgba(var(--box-bg), 1);\n  color: rgba(var(--light-text), 1);\n}\nbody.dark .bill-details .total-detail .dots-design {\n  filter: invert(0.85);\n}\nbody.dark .address-list li .address-icon {\n  border: 1px solid rgba(var(--light-text), 1);\n  background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n}\nbody.dark .address-list li .address-content {\n  background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n}\nbody.dark .modal .modal-dialog .modal-content {\n  background-color: rgba(var(--white), 1);\n}\nbody.dark .order-tracking {\n  background-color: rgba(var(--box-bg), 1);\n}\nbody.dark .coupon-box .coupon-left {\n  filter: invert(0.85);\n}\nbody.dark .coupon-box .coupon-right {\n  filter: invert(0.85);\n}\nbody.dark .voucher-box .voucher-discount .top-vector {\n  filter: invert(0.85);\n}\nbody.dark .voucher-box::after {\n  box-shadow: none;\n}\nbody.dark .voucher-box::before {\n  box-shadow: none;\n}\nbody.dark .payment-list .payment-card-box .payment-detail .add-img .img1 {\n  width: 35px;\n  height: 30px;\n  filter: invert(1);\n}\nbody.dark .confirm-title .for-dark {\n  display: block;\n}\nbody.dark .confirm-title .for-light {\n  display: none;\n}\nbody.dark .profile-list li .profile-box {\n  background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n}\nbody.dark .profile-list li .profile-box .profile-icon {\n  background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n}\nbody.dark .profile-list li .profile-box .profile-icon .icon {\n  filter: invert(1);\n}\nbody.dark .otp-form .form-input .form-control {\n  background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n}\nbody.dark .search-section .form-group .filter-button {\n  background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n}\nbody.dark .auth-form .form-group .form-input .form-control {\n  background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n}\nbody.dark .auth-form .form-group .dropdown .dropdown-menu li .dropdown-item {\n  color: #fff;\n}\nbody.dark .dark-border-gradient {\n  border: 1px solid transparent;\n  position: relative;\n  padding: 1px;\n  border-radius: 6px;\n}\nbody.dark .dark-border-gradient .form-control,\nbody.dark .dark-border-gradient .dropdown-toggle {\n  background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n  z-index: 1;\n  position: relative;\n}\nbody.dark .dark-border-gradient::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 6px;\n  padding: 1px;\n  background: linear-gradient(161.57deg, rgba(255, 255, 255, 0.53) -44.12%, rgba(255, 255, 255, 0) 99.26%);\n  -webkit-mask: linear-gradient(rgba(var(--white), 1) 0 0) content-box, linear-gradient(rgba(var(--white), 1) 0 0);\n  -webkit-mask-composite: xor;\n}\nbody.dark .vertical-product-box {\n  background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n  border: 1px solid rgba(245, 245, 245, 0.06);\n}","/*========================\n    Variable CSS start\n==========================*/\n/* font family */\n$Metropolis: \"Metropolis\", sans-serif;\n\n/* color variables */\n:root {\n  --theme-color: 255, 141, 47;\n  --light-theme-color: 255, 240, 227;\n  --white: 255, 255, 255;\n  --black: 0, 0, 0;\n  --dark-text: 65, 68, 73;\n  --light-text: 141, 143, 145;\n  --success-color: 39, 125, 42;\n  --error-color: 245, 58, 58;\n  --accent-color: 58, 109, 229;\n  --rate-color: 255, 185, 49;\n  --box-bg: 245, 245, 245;\n  --dashed-line: 237, 237, 237;\n}\n\n.dark {\n  --white: 40, 40, 40;\n  --black: 255, 255, 255;\n  --dark-text: 255, 255, 255;\n  --light-text: 141, 143, 145;\n  --box-bg: 60, 60, 60;\n  --dashed-line: 82, 82, 82;\n}\n\n.grocery-color {\n  --theme-color: 59, 193, 142;\n}\n\n.pharmacy-color {\n  --theme-color: 0, 136, 147;\n}\n","/*=====================\n    Reset CSS start\n==========================*/\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\ninput {\n  &[type=\"number\"] {\n    appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n}\n\n.custom-container {\n  padding: 0 20px;\n  background-color: rgba(var(--white), 1);\n}\n\nsection,\n.section-t-space {\n  padding-top: 20px;\n}\n\n.section-b-space {\n  padding-bottom: 20px;\n}\n\n.section-lg-t-space {\n  padding-top: 50px;\n}\n\n.section-lg-b-space {\n  padding-bottom: 50px;\n}\n\n.panel-space {\n  padding-top: 80px !important;\n}\n\n.theme-color {\n  color: rgba(var(--theme-color), 1) !important;\n}\n\n.dark-text {\n  color: rgba(var(--dark-text), 1) !important;\n}\n\n.light-text {\n  color: rgba(var(--light-text), 1) !important;\n}\n\n.error-color {\n  color: rgba(var(--error-color), 1) !important;\n}\n\n.success-color {\n  color: rgba(var(--success-color), 1) !important;\n}\n.rate-color {\n  color: rgba(var(--rate-color), 1) !important;\n}\n.box-bg {\n  background-color: rgba(var(--box-bg), 1) !important;\n}\n\n.accent-color {\n  color: rgba(var(--accent-color), 1) !important;\n}\n\n.swiper {\n  [dir=\"rtl\"] & {\n    direction: ltr;\n  }\n}\n\n.custom-scroll {\n}\n","/*=====================\n    Typography CSS start\n==========================*/\n\n* {\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  font-family: $Metropolis;\n  background-color: rgba(var(--white), 1);\n  max-width: 600px;\n  width: 100%;\n  margin: 0 auto;\n  height: 100vh;\n  overflow-y: auto;\n  &::-webkit-scrollbar {\n    scrollbar-width: none;\n    scrollbar-color: #000000;\n    width: 1px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #ffffff;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: #000000;\n    border-radius: 0px;\n    border: 3px solid #ffffff;\n  }\n}\n\nh1 {\n  font-weight: 600;\n  font-size: 20px;\n  margin-bottom: 0;\n}\n\nh2 {\n  font-size: 18px;\n  font-weight: 600;\n  margin-bottom: 0;\n}\n\nh3 {\n  font-size: 16px;\n  margin-bottom: 0;\n}\n\nh4 {\n  font-size: 15px;\n  margin-bottom: 0;\n}\n\nh5 {\n  font-size: 14px;\n  line-height: 1;\n  margin-bottom: 0;\n}\n\nh6 {\n  font-size: calc(12px + (13 - 12) * ((100vw - 320px) / (1920 - 320)));\n  margin-bottom: 0;\n}\n\np {\n  font-size: 13px;\n  margin-bottom: 0;\n}\n\na {\n  text-decoration: none;\n}\n\nul {\n  padding: 0;\n  margin-bottom: 0;\n}\n\nli {\n  list-style: none;\n  display: inline-block;\n  font-size: 14px;\n}\n\n// const gulp = require(\"gulp\");\n// const sass = require(\"gulp-sass\")(require(\"sass\"));\n// const autoprefixer = require(\"gulp-autoprefixer\");\n// const sourcemaps = require(\"gulp-sourcemaps\");\n// const browserSync = require(\"browser-sync\").create();\n// const feather = require(\"feather-icons\");\n\n// //scss to css\n// function style() {\n//   return gulp\n//     .src(\"landing/assets/scss/**/*.scss\", {\n//       sourcemaps: true,\n//     })\n//     .pipe(\n//       sass({\n//         // outputStyle: 'compressed'\n//       }).on(\"error\", sass.logError)\n//     )\n//     .pipe(autoprefixer(\"last 2 versions\"))\n//     .pipe(\n//       gulp.dest(\"landing/assets/css\", {\n//         sourcemaps: \".\",\n//       })\n//     )\n//     .pipe(\n//       browserSync.reload({\n//         stream: true,\n//       })\n//     );\n// }\n// gulp;\n\n// // Watch function\n// function watch() {\n//   browserSync.init({\n//     proxy: \"localhost/zomo/landing/index.html\",\n//   });\n//   gulp.watch(\"landing/assets/scss/**/*.scss\", style);\n//   gulp.watch(\"*.html\").on(\"change\", browserSync.reload);\n//   gulp.watch(\"landing/assets/css/*.css\").on(\"change\", browserSync.reload);\n// }\n\n// exports.style = style;\n// exports.watch = watch;\n\n// const build = gulp.series(watch);\n// gulp.task(\"default\", build, \"browser-sync\");\n","/*=====================\n    accordion CSS start\n==========================*/\n.food-accordion {\n    .accordion-item {\n        background: transparent;\n        border: none;\n        border-bottom: 1px solid rgba(var(--black), 0.05);\n        z-index: -1;\n\n        .accordion-header {\n            font-size: 14px;\n            position: relative;\n            z-index: 1;\n\n            &::after {\n                content: \"\";\n                position: absolute;\n                border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n                width: 60px;\n            }\n\n            .accordion-button {\n                padding: 16px 0;\n                font-size: 14px;\n                font-weight: 400;\n                color: rgba(var(--dark-text), 1);\n                background-color: rgba(var(--white), 1);\n\n                &::after {\n                    content: \"\\EA4E\";\n                    font-family: remixicon !important;\n                    width: auto;\n                    height: auto;\n                    background: none;\n                    font-size: 24px;\n                    line-height: 1;\n                    background-image: none;\n                    transform: none;\n                    margin-left: auto;\n                    margin-right: unset;\n\n                    [dir=\"rtl\"] & {\n                        margin-left: unset;\n                        margin-right: auto;\n                    }\n                }\n\n                &:focus {\n                    box-shadow: none;\n                }\n\n                &:not(.collapsed) {\n                    background: none;\n                    color: rgba(var(--dark-text), 1);\n                    font-weight: 400;\n                    font-size: 14px;\n\n                    &::after {\n                        content: \"\\EA78\";\n                        font-family: remixicon !important;\n                        width: auto;\n                        height: auto;\n                        background: none;\n                        font-size: 24px;\n                        line-height: 1;\n                        background-image: none;\n                        transform: none;\n                        margin-left: auto;\n\n                        [dir=\"rtl\"] & {\n                            margin-left: unset;\n                            margin-right: auto;\n                        }\n                    }\n                }\n            }\n        }\n\n        .accordion-body {\n            padding: 20px 0 20px 0;\n        }\n    }\n}\n\n.option-accordion {\n    .accordion-item {\n        background-color: rgba(var(--white), 1);\n        border: 1px solid rgba(var(--black), 0.05);\n        box-shadow: 0px 2px 12px rgba(var(--black), 0.06);\n        border-radius: 8px;\n\n        .accordion-header {\n            position: relative;\n            font-size: 14px;\n            background-color: rgba(var(--white), 1);\n            border: 1px solid rgba(var(--black), 0.05);\n            box-shadow: 0px 2px 12px rgba(var(--black), 0.06);\n            border-radius: 8px;\n\n            .accordion-button {\n                padding: 15px;\n                font-size: 14px;\n                font-weight: 600;\n                color: rgba(var(--dark-text), 1);\n                background-color: rgba(var(--white), 1);\n\n                &::after {\n                    transform: none;\n                    margin-left: auto;\n                    font-weight: normal;\n                    content: \"\\ea4e\";\n                    font-family: remixicon !important;\n                    width: auto;\n                    height: auto;\n                    background: none;\n                    font-size: 24px;\n                    line-height: 1;\n\n                    [dir=\"rtl\"] & {\n                        margin-left: unset;\n                        margin-right: auto;\n                    }\n                }\n\n                &:focus {\n                    box-shadow: none;\n                }\n\n                &:not(.collapsed) {\n                    background: none;\n                    color: rgba(var(--dark-text), 1);\n                    font-weight: 600;\n                    font-size: 14px;\n\n                    &::after {\n                        content: \"\\EA78\";\n                        font-family: remixicon !important;\n                        width: auto;\n                        height: auto;\n                        background: none;\n                        font-size: 24px;\n                        line-height: 1;\n                        background-image: none;\n                        transform: none;\n                    }\n                    &:focus {\n                        box-shadow: none;\n                    }\n                }\n            }\n        }\n\n        .accordion-body {\n            padding: 0 15px 12px;\n\n            .form-check {\n                text-align: left;\n                padding: 12px 0;\n                margin: 0;\n                border-bottom: 1px solid rgba(var(--dashed-line), 1);\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                background-color: rgba(var(--white), 1);\n\n                &:last-child {\n                    border-bottom: none;\n                    padding-bottom: 0;\n                }\n\n                .form-check-label {\n                    color: rgba(var(--dark-text), 1);\n                    font-size: 14px;\n                }\n\n                .form-check-input {\n                    box-shadow: none;\n                    float: right;\n                    margin: 0;\n\n                    [dir=\"rtl\"] & {\n                        float: left;\n                    }\n                }\n\n                .form-check-input:checked {\n                    background-color: rgba(var(--theme-color), 1);\n                    border-color: rgba(var(--theme-color), 1);\n                }\n            }\n        }\n\n        .currency {\n            padding: 0 15px 12px 12px;\n\n            [dir=\"rtl\"] & {\n                padding: 0 12px 12px 15px;\n            }\n\n            .currency-listing {\n                li {\n                    display: block;\n                    width: 100%;\n                    padding: 12px 0;\n                    font-weight: 400;\n                    border-bottom: 1px solid rgba(var(--dashed-line), 1);\n\n                    &:last-child {\n                        border-bottom: none;\n                        padding-bottom: 0;\n                    }\n                }\n            }\n        }\n    }\n}\n","/*=====================\n    Button CSS start\n==========================*/\n.btn {\n  margin-top: 30px;\n  padding: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));\n\n  &-inline {\n    padding-inline: 15px;\n  }\n\n  &:active {\n    background-color: rgba(var(--theme-color), 1);\n    color: rgba(var(--white), 1);\n    border: 1px solid rgba(var(--theme-color), 1);\n  }\n}\n\n.theme-btn {\n  background-color: rgba(var(--theme-color), 1);\n  color: #ffffff;\n  font-weight: 500;\n  font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));\n  border-radius: 6px;\n\n  &:hover {\n    background-color: rgba(var(--theme-color), 1);\n    color: #ffffff;\n  }\n\n  &:active {\n    background-color: rgba(var(--theme-color), 1);\n    color: rgba(var(--white), 1);\n    border: 1px solid rgba(var(--theme-color), 1);\n  }\n}\n\n.gray-btn {\n  background-color: rgba(var(--box-bg), 1);\n  color: rgba(var(--light-text), 1);\n  border-radius: 6px;\n  font-weight: 500;\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  &:active {\n    border: none;\n  }\n\n  &:hover {\n    background-color: rgba(var(--box-bg), 1);\n    color: rgba(var(--light-text), 1);\n  }\n}\n\n.btn-link {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 18px;\n  color: rgba(var(--light-text), 1);\n\n  &:hover {\n    color: rgba(var(--light-text), 1);\n  }\n}\n","/*=========================\n    Category CSS start\n==========================*/\n.categories {\n  .food-categories {\n    position: relative;\n    width: 80%;\n    height: 80%;\n    object-fit: contain;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 15px;\n    margin: 0 auto;\n    border-radius: 8px;\n    z-index: 1;\n    background: linear-gradient(360deg, #f5f5f5 53.51%, #f5f5f51c 100%);\n    &.restaurant-food-categories {\n      background: rgba(var(--white), 1) !important;\n    }\n\n    @media (max-width: 420px) {\n      height: 100%;\n      width: 100%;\n    }\n\n    &.food {\n      background: rgba(var(--white), 1);\n      box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n      border-radius: 8px;\n    }\n\n    &::after {\n      content: \"\";\n      position: absolute;\n      width: 98%;\n      height: 100%;\n      border-radius: 9px;\n      left: 50%;\n      bottom: 2px;\n      z-index: -1;\n      transform: translateX(-50%);\n    }\n\n    .categories-img {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 80px;\n      height: 50px;\n      object-fit: contain;\n\n      @media (max-width: 420px) {\n        width: 100%;\n        height: 40px;\n      }\n    }\n  }\n\n  h6 {\n    color: rgba(var(--dark-text), 1);\n    font-size: 14px;\n    margin-top: 10px;\n    text-align: center;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n}\n",".msger {\n    margin-top: 105px;\n}\n\n.msg {\n    display: flex;\n    align-items: flex-end;\n    margin-bottom: 10px;\n\n    &:last-of-type {\n        margin: 0;\n    }\n}\n\n.msg-img {\n    width: 30px;\n    height: 30px;\n    margin-right: 10px;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n    border-radius: 50%;\n\n    [dir=\"rtl\"] & {\n        margin-left: 10px;\n        margin-right: unset;\n    }\n}\n\n.msg-bubble {\n    max-width: 450px;\n    padding: 8px;\n    border-radius: 15px;\n    background: var(--left-msg-bg);\n    font-size: 14px;\n}\n\n.msg-info {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px;\n}\n\n.msg-info-name {\n    margin-right: 10px;\n    font-weight: bold;\n\n    [dir=\"rtl\"] & {\n        margin-left: 10px;\n        margin-right: unset;\n    }\n}\n\n.msg-info-time {\n    font-size: 0.85em;\n}\n\n.left-msg {\n    .msg-bubble {\n        border-bottom-left-radius: 0;\n        background: rgba(var(--box-bg), 1);\n        border-radius: 6px 6px 6px 0;\n        color: rgba(var(--dark-text), 1);\n        width: calc(100% - 50px - 10px - 40px);\n        margin-right: 0;\n\n        [dir=\"rtl\"] & {\n            margin-left: 0;\n            margin-right: unset;\n        }\n    }\n}\n\n.right-msg {\n    flex-direction: row-reverse;\n\n    .msg-bubble {\n        background: rgba(var(--theme-color), 1);\n        border-radius: 6px 6px 0 6px;\n        color: rgba(var(--white), 1);\n\n        .msg-text {\n            color: #ffffff;\n        }\n    }\n\n    .msg-img {\n        margin-left: 10px;\n\n        [dir=\"rtl\"] & {\n            margin-left: unset;\n            margin-right: 10px;\n        }\n\n        .icon {\n            width: 30px;\n            height: 30px;\n            border-radius: 100%;\n        }\n    }\n}\n\n.msger-inputarea {\n    display: flex;\n    padding: 20px;\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    background-color: rgba(var(--white), 1);\n\n    [dir=\"rtl\"] & {\n        left: unset;\n        right: 0;\n    }\n\n    * {\n        padding: 15px;\n        border: none;\n        border-radius: 3px;\n        font-size: 1em;\n    }\n}\n\n.msger-input {\n    background-color: rgba(var(--box-bg), 1);\n    backdrop-filter: blur(2px);\n    padding: 14px;\n    font-weight: 400;\n    font-size: 14px;\n    width: 100%;\n    color: rgba(var(--dark-text), 1);\n\n    &::placeholder {\n        color: rgba(var(--light-text), 1);\n    }\n\n    &:focus {\n        outline: none;\n    }\n}\n\n.msger-send-btn {\n    margin-left: 8px;\n    color: rgba(255, 255, 255, 1);\n    font-weight: bold;\n    transition: background 0.23s;\n    background: rgba(var(--theme-color), 1);\n    backdrop-filter: blur(2px);\n    border-radius: 6px;\n\n    [dir=\"rtl\"] & {\n        margin-left: unset;\n        margin-right: 8px;\n    }\n}\n","/*=====================\n    form CSS start\n==========================*/\n.auth-form {\n  h2 {\n    width: 90%;\n    color: rgba(var(--dark-text), 1);\n  }\n\n  .form-group {\n    width: 100%;\n    display: block;\n    .form-control {\n      padding: 15px;\n      line-height: 1;\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n      background-color: rgba(var(--box-bg), 1);\n      border: none;\n      border-radius: 6px;\n      box-shadow: none;\n      [dir=\"rtl\"] & {\n        text-align: right;\n      }\n\n      &:focus {\n        box-shadow: none;\n        border-color: transparent;\n      }\n\n      &::placeholder {\n        color: rgba(var(--light-text), 1);\n      }\n    }\n    .form-label {\n      color: rgba(var(--dark-text), 1);\n      white-space: nowrap;\n    }\n\n    .form-input {\n      width: 100%;\n\n      .form-control {\n        background-color: rgba(var(--box-bg), 1);\n        border: none;\n        box-shadow: none;\n        padding: 15px;\n        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n\n        &:focus {\n          box-shadow: none;\n          border-color: transparent;\n        }\n\n        &::placeholder {\n          color: rgba(var(--light-text), 1);\n        }\n\n        &.search {\n          padding: 15px 15px 15px 42px;\n\n          [dir=\"rtl\"] & {\n            padding: 15px 42px 15px 15px;\n          }\n        }\n      }\n    }\n    .dropdown {\n      display: flex;\n      gap: 15px;\n\n      .dropdown-toggle {\n        background-color: rgba(var(--box-bg), 1);\n        color: rgba(var(--light-text), 1);\n        border-radius: 6px;\n        border: none;\n        display: flex;\n        align-items: center;\n\n        &::after {\n          content: \"\\ea4e\";\n          font-family: remixicon;\n          font-style: normal;\n          font-size: 18px;\n          line-height: 1;\n          vertical-align: middle;\n          border: none;\n        }\n\n        &:active {\n          border: none;\n        }\n      }\n\n      .dropdown-menu {\n        &.show {\n          min-width: max-content;\n          background-color: rgba(var(--box-bg), 1);\n          color: rgba(var(--light-text), 1);\n          width: 100%;\n        }\n\n        li {\n          display: block;\n\n          .dropdown-item {\n            &:active,\n            &:hover {\n              background-color: rgba(var(--theme-color), 1);\n            }\n          }\n        }\n      }\n    }\n\n    .form-select {\n      font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n      line-height: 1;\n      padding: 15px 30px 15px 15px;\n      color: rgba(var(--dark-text), 1);\n      background-color: rgba(var(--box-bg), 1);\n      border: none;\n    }\n\n    .upload-image {\n      position: relative;\n      width: 100%;\n      height: 120px;\n      background-color: rgba(var(--box-bg), 0.1);\n      backdrop-filter: blur(2px);\n      border-radius: 6px;\n      color: rgba(var(--white), 1);\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 12px;\n\n      .upload-file {\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        text-align: center;\n        color: rgba(var(--light-text), 1);\n        opacity: 0;\n        z-index: 1;\n      }\n\n      .upload-icon {\n        font-size: 20px;\n        color: rgba(var(--dark-text), 1);\n        position: absolute;\n      }\n\n      .profile-icon {\n        position: absolute;\n        width: 100px;\n        color: rgba(var(--dark-text), 1);\n        filter: opacity(0.1);\n      }\n      &::after {\n        content: \"\";\n        position: relative;\n        width: 100%;\n        height: 100%;\n        border: 1px dashed rgba(var(--light-text), 0.3);\n        border-radius: 8px;\n      }\n      h5 {\n        position: absolute;\n        bottom: 30px;\n        color: rgba(var(--light-text), 1);\n      }\n      &.profile-image {\n        width: 100%;\n        height: 300px;\n      }\n    }\n  }\n}\n\n.otp-form {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n  margin-top: 40px;\n  gap: 20px;\n\n  @media (max-width: 600px) {\n    gap: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n  }\n\n  .form-input {\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n\n    .form-control {\n      background: rgba(var(--box-bg), 1);\n      backdrop-filter: blur(2px);\n      border-radius: 6px;\n      border: none;\n      color: rgba(var(--dark-text), 1);\n      text-align: center;\n      height: 48px;\n      padding: 15px;\n\n      &::placeholder {\n        color: rgba(var(--dark-text), 1);\n      }\n\n      &:focus {\n        box-shadow: none;\n        border: 1px solid rgba(var(--theme-color), 1);\n      }\n    }\n  }\n\n  .btn {\n    margin-top: 80px;\n  }\n}\n\n.profile-form {\n  border-top: 1px dashed rgba(var(--dashed-line), 1);\n  padding-top: 20px;\n}\n\n.order-type-3 {\n  .form-check3 {\n    position: relative;\n    width: 100%;\n    padding: 0;\n    .form-check-input {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      float: unset;\n      height: 100%;\n      margin: 0;\n      cursor: pointer;\n      opacity: 0;\n      &:checked {\n        transition: all 0.5s ease;\n        ~ .form-check-label {\n          font-weight: 600;\n          border-color: rgba(var(--theme-color), 1);\n          transition: all 0.5s ease;\n\n          .check-box {\n            background-color: rgba(var(--theme-color), 1);\n            transition: all 0.5s ease;\n          }\n        }\n      }\n    }\n    .form-check-label {\n      width: 100%;\n      padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));\n      margin: 0;\n      font-weight: 400;\n      font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));\n      border: 1px solid rgba(var(--black), 0.05);\n      border-radius: 6px;\n      .check-box {\n        width: 20px;\n        height: 20px;\n        border: 1px solid rgba(var(--black), 0.05);\n        border-radius: 100%;\n        position: relative;\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: 7px;\n          left: 9px;\n          border: 2px solid rgba(var(--white), 1);\n          transform: translate(-50%, -50%) rotate(45deg);\n          width: 6px;\n          height: 10px;\n          border-top: unset;\n          border-left: unset;\n        }\n      }\n    }\n  }\n}\n","/*=====================\n    offcanvas CSS start\n==========================*/\n.search-filter {\n  .modal-title {\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: 20px;\n    background-color: rgba(var(--white), 1);\n\n    h3 {\n      margin-left: auto;\n      margin-right: auto;\n      color: rgba(var(--dark-text), 1);\n    }\n\n    .btn-close {\n      position: absolute;\n      right: 20px;\n      box-shadow: none;\n    }\n  }\n\n  .search-categories {\n    li {\n      width: 100%;\n      padding: 15px 0;\n      border-bottom: 1px solid rgba(var(--black), 0.1);\n\n      .payment-detail {\n        display: flex;\n        gap: 10px;\n\n        .add-img {\n          padding: 7px;\n          border-radius: 100%;\n          background: rgba(var(--theme-color), 0.2);\n          display: flex;\n          justify-content: center;\n          align-items: center;\n        }\n\n        .form-check-label {\n          color: rgba(var(--dark-text), 1);\n        }\n\n        .radio-btn {\n          padding: 0;\n          width: calc(100% - 32px - 10px);\n          margin: 0;\n          min-height: unset;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n\n          .form-check-input {\n            float: unset;\n            margin: 0;\n          }\n\n          .form-check-input {\n            box-shadow: none;\n            font-size: 20px;\n          }\n\n          .form-check-input:checked[type=\"radio\"] {\n            background-color: rgba(var(--theme-color), 1) !important;\n            border-color: rgba(var(--theme-color), 1) !important;\n            background-image: url(../images/svg/check.svg);\n            margin-left: unset;\n          }\n        }\n      }\n    }\n  }\n\n  .amount-range {\n    margin: 20px 0;\n    border-bottom: 1px solid rgba(var(--black), 0.1);\n\n    .range {\n      display: flex;\n      justify-content: space-between;\n\n      input,\n      output {\n        display: inline-block;\n        vertical-align: middle;\n      }\n\n      .form-label {\n        color: rgba(var(--dark-text), 1);\n        font-size: 16px;\n        font-weight: 600;\n      }\n\n      output {\n        width: 41px;\n        height: 25px;\n        display: flex;\n        padding: 5px 8px;\n        color: rgba(var(--light-text), 1);\n        background: rgba(var(--white), 1);\n        border: 1px solid rgba(var(--black), 0.05);\n        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n        border-radius: 6px;\n        justify-content: center;\n        align-items: center;\n        font-size: 12px;\n      }\n    }\n\n    input[type=\"number\"] {\n      width: 40px;\n      padding: 4px 5px;\n      border: 1px solid #bbb;\n      border-radius: 3px;\n    }\n\n    input[type=\"range\"] {\n      -webkit-appearance: none;\n      margin-right: 15px;\n      width: 100%;\n      height: 7px;\n      background: rgba(var(--box-bg), 1);\n      border-radius: 5px;\n      background-image: linear-gradient(rgba(var(--theme-color), 1), rgba(var(--theme-color), 1));\n      background-size: 100%;\n      background-repeat: no-repeat;\n      margin-bottom: 20px;\n    }\n\n    /* Input Thumb */\n    input[type=\"range\"]::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      height: 20px;\n      width: 20px;\n      border-radius: 50%;\n      background: rgba(var(--theme-color), 1);\n      cursor: ew-resize;\n      box-shadow: 0 0 2px 0 #555;\n      transition: 0.3s ease-in-out;\n\n      &:hover {\n        background-image: rgba(var(--theme-color), 1);\n      }\n    }\n\n    /* Input Track */\n    input[type=\"range\"]::-webkit-slider-runnable-track {\n      -webkit-appearance: none;\n      box-shadow: none;\n      border: none;\n      background: transparent;\n    }\n  }\n\n  .order-type {\n    display: flex;\n    gap: 15px;\n    padding-bottom: 20px;\n    border-bottom: 1px solid rgba(var(--white), 0.1);\n\n    .search-form {\n      width: 100%;\n      border-radius: 6px;\n      background-color: rgba(var(--box-bg), 1);\n      padding: 15px;\n\n      &.search-form-check:checked {\n        background-color: rgba(var(--white), 1);\n        border: 1px solid rgba(var(--theme-color), 1);\n      }\n\n      .form-check {\n        display: flex;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n\n        .form-check-label {\n          font-weight: 400;\n          font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));\n          color: rgba(var(--dark-text), 1);\n          margin-right: auto;\n\n          [dir=\"rtl\"] & {\n            margin-right: unset;\n            margin-left: auto;\n          }\n        }\n\n        .form-check-input {\n          &:checked {\n            background-color: rgba(var(--theme-color), 1);\n            border-color: rgba(var(--theme-color), 1);\n          }\n\n          &:focus {\n            box-shadow: none;\n          }\n        }\n\n        .form-check-input:checked[type=\"radio\"] {\n          background-image: url(../images/svg/check.svg);\n        }\n\n        .form-check-input {\n          &[type=\"radio\"] {\n            width: 20px;\n            height: 20px;\n            border-radius: 100%;\n            margin: 0;\n          }\n        }\n      }\n    }\n  }\n\n  .footer-modal {\n    position: fixed;\n    bottom: 0;\n    padding: 12px 20px;\n    width: 100%;\n    background-color: rgba(var(--white), 1);\n    box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.2);\n  }\n}\n\n.filter-modal {\n  .filter-header {\n    display: flex;\n    width: 100%;\n\n    .title {\n      display: flex;\n      justify-content: center;\n      margin-bottom: 0;\n      color: rgba(var(--dark-text), 1);\n    }\n  }\n\n  .btn-close {\n    position: absolute;\n    top: 20px;\n    color: rgba(var(--dark-text), 1);\n    box-shadow: none;\n  }\n\n  .filter-body {\n    .filter-box {\n      h3 {\n        font-weight: 600;\n        font-size: 16px;\n      }\n\n      h2 {\n        color: rgba(var(--theme-color), 1);\n      }\n    }\n\n    .filter-list {\n      border-bottom: 1.5px dashed rgba(var(--dashed-line), 1);\n\n      li {\n        display: flex;\n        margin-bottom: 10px;\n        align-items: center;\n\n        .product-size {\n          color: rgba(var(--dark-text), 1);\n        }\n\n        .product-price {\n          margin-left: auto;\n          display: flex;\n\n          [dir=\"rtl\"] & {\n            margin-left: unset;\n            margin-right: auto;\n          }\n\n          .form-check-label {\n            margin-right: 30px;\n            font-weight: 600;\n            color: rgba(var(--dark-text), 1);\n\n            [dir=\"rtl\"] & {\n              margin-right: unset;\n              margin-left: 30px;\n            }\n          }\n\n          .form-check-input {\n            border: 1px solid rgba(var(--light-text), 1);\n            box-shadow: none;\n            padding-right: 0;\n\n            [dir=\"rtl\"] & {\n              padding-right: unset;\n              padding-left: 0;\n            }\n          }\n\n          .form-check-input:checked {\n            background-color: rgba(var(--theme-color), 1);\n            border: none;\n          }\n        }\n      }\n    }\n  }\n\n  .filter-footer {\n    margin-top: 75px;\n    padding-bottom: 20px;\n  }\n}\n\n.product-detail-popup {\n  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.14);\n  border-radius: 15px 15px 0px 0px;\n  padding: 20px;\n\n  &.show {\n    height: auto;\n    background-color: rgba(var(--white), 1);\n  }\n\n  .product-img {\n    width: 100%;\n    border-radius: 16px;\n  }\n\n  .product-content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 0;\n    border-bottom: 1px dashed rgba(var(--black), 0.1);\n\n    .product-name {\n      font-weight: 600;\n      font-size: 14px;\n      margin: 5px 0;\n      color: rgba(var(--dark-text), 1);\n    }\n\n    .rating-stars {\n      display: flex;\n\n      .stars {\n        color: rgba(var(--rate-color), 1);\n      }\n    }\n\n    .product-price {\n      font-size: 14px;\n      font-weight: 600;\n      color: rgba(var(--light-text), 1);\n\n      span {\n        color: rgba(var(--theme-color), 1);\n        font-size: 16px;\n        font-weight: 600;\n      }\n    }\n\n    .plus-minus {\n      border-radius: 6px;\n      border: 1px solid rgba(var(--theme-color), 1);\n      padding: 6px 17px;\n      display: inline-flex;\n      align-items: center;\n      background-color: rgba(var(--white), 1);\n      text-align: center;\n\n      input {\n        background-color: rgba(var(--white), 1);\n        color: rgba(var(--theme-color), 1);\n        border: none;\n        font-size: 14px;\n        outline: none;\n        width: 35px;\n        text-align: center;\n      }\n\n      i {\n        color: rgba(var(--theme-color), 1);\n      }\n    }\n  }\n\n  p {\n    padding: 10px 0;\n    line-height: 17px;\n    margin: 0;\n  }\n\n  .ingredient-list {\n    padding-inline-start: 20px;\n    width: 100%;\n\n    li {\n      color: rgba(var(--light-text), 1);\n      font-size: 13px;\n      display: list-item;\n      list-style-type: disc;\n    }\n  }\n}\n\n.cart-popup {\n  position: fixed;\n  width: 100%;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n  max-width: 600px;\n  background: linear-gradient(180deg, #414449 1.31%, #1f1f1f 101.06%);\n  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.14);\n  border-radius: 20px 20px 0px 0px;\n  height: auto;\n  padding: 20px;\n  display: none;\n  display: flex;\n  align-items: center;\n\n  .price-items {\n    h3 {\n      font-weight: 700;\n      font-size: 16px;\n      color: rgba(var(--theme-color), 1);\n    }\n\n    h6 {\n      color: rgba(255, 255, 255, 1);\n      margin-top: 6px;\n    }\n  }\n\n  .cart-btn {\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    padding: 7px 10px;\n    margin-left: auto;\n\n    [dir=\"rtl\"] & {\n      margin-left: unset;\n      margin-right: auto;\n    }\n  }\n}\n\n.pay-popup {\n  position: fixed;\n  width: 100%;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n  max-width: 600px;\n  background: linear-gradient(180deg, #414449 1.31%, #1f1f1f 101.06%);\n  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.14);\n  border-radius: 20px 20px 0px 0px;\n  height: auto;\n  display: flex;\n  align-items: center;\n  padding: 20px;\n\n  .price-items {\n    h3 {\n      font-weight: 700;\n      font-size: 16px;\n      color: rgba(var(--theme-color), 1);\n    }\n\n    h6 {\n      color: rgba(255, 255, 255, 1);\n      margin-top: 6px;\n    }\n  }\n\n  .pay-btn {\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    padding: 7px 10px;\n    margin-left: auto;\n\n    [dir=\"rtl\"] & {\n      margin-left: unset;\n      margin-right: auto;\n    }\n  }\n}\n\n.tracking-product {\n  padding: 20px;\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.6);\n  border-radius: 20px 20px 0px 0px;\n  background-color: rgba(var(--white), 1);\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  left: 50%;\n  max-width: 600px;\n  transform: translateX(-50%);\n\n  .tracking-head {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding-bottom: 15px;\n    border-bottom: 1px dashed rgba(var(--black), 0.22);\n\n    .profile-pic {\n      width: 45px;\n      height: 45px;\n      border-radius: 100%;\n      object-fit: cover;\n    }\n\n    h5 {\n      font-weight: 600;\n      color: rgba(var(--dark-text), 1);\n    }\n\n    h6 {\n      color: rgba(var(--light-text), 1);\n    }\n\n    .content-option {\n      margin-left: auto;\n      display: flex;\n      gap: 10px;\n\n      [dir=\"rtl\"] & {\n        margin-left: unset;\n        margin-right: auto;\n      }\n\n      .message-icon {\n        background-color: rgba(47, 168, 255, 1);\n        padding: 6px;\n        border-radius: 100%;\n      }\n\n      .call-icon {\n        background-color: rgba(var(--success-color), 1);\n        padding: 6px;\n        border-radius: 100%;\n      }\n      .document-icon {\n        background-color: rgba(var(--theme-color), 1);\n        padding: 6px;\n        border-radius: 100%;\n      }\n    }\n  }\n\n  .tracking-body {\n    padding: 15px 0;\n    border-bottom: 1px dashed rgba(var(--black), 0.22);\n\n    .tracking-place {\n      li {\n        position: relative;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 8px;\n        padding-bottom: 25px;\n\n        &:last-child {\n          &::after {\n            display: none;\n          }\n        }\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          bottom: 10px;\n          left: 0;\n          width: 25px;\n          border: 1px dashed rgba(var(--light-text), 1);\n          transform: rotate(90deg);\n\n          [dir=\"rtl\"] & {\n            left: unset;\n            right: 0;\n          }\n        }\n\n        span {\n          position: relative;\n          width: 25px;\n          height: 25px;\n          background-color: rgba(var(--box-bg), 1);\n          border-radius: 100%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n\n          &::after {\n            content: \"\";\n            position: absolute;\n            width: 15px;\n            height: 15px;\n            background-color: rgba(var(--light-text), 1);\n            border-radius: 100%;\n          }\n        }\n\n        &.active {\n          li {\n            &::after {\n              border: rgba(var(--theme-color), 1);\n            }\n          }\n\n          &::after {\n            border-color: rgba(var(--theme-color), 1);\n          }\n\n          span {\n            background-color: rgba(var(--theme-color), 0.15);\n\n            &::after {\n              background-color: rgba(var(--theme-color), 1);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.delivery-modal {\n  .modal-content {\n    padding: 20px;\n\n    h5 {\n      line-height: 1.2;\n    }\n  }\n}\n\n.confirm-title {\n  .for-dark {\n    display: none;\n  }\n}\n\n.feedback-modal {\n  .modal-content {\n    padding: 20px;\n\n    .modal-title {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: rgba(var(--white), 1);\n\n      h3 {\n        color: rgba(var(--black), 1);\n      }\n    }\n\n    .rating {\n      display: flex;\n      justify-content: center;\n      font-size: 40px;\n      gap: 5px;\n      margin-top: 30px;\n\n      .star {\n        color: rgba(var(--theme-color), 1);\n      }\n    }\n\n    .feedback-box {\n      margin-top: 30px;\n      background-color: rgba(var(--box-bg), 1);\n      border: none;\n      box-shadow: none;\n    }\n  }\n}\n\n.done-modal {\n  .modal-content {\n    padding: 20px;\n\n    h5 {\n      line-height: 1.2;\n    }\n  }\n}\n\n.location-modal {\n  .modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 20px;\n    color: rgba(var(--dark-text), 1);\n    background-color: rgba(var(--white), 1);\n\n    i {\n      font-size: 20px;\n    }\n\n    .btn-close {\n      margin-left: auto;\n    }\n  }\n\n  .current-location {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px 0;\n    border-bottom: 1px solid rgba(var(--dashed-line), 1);\n\n    .current-address {\n      display: flex;\n      gap: 10px;\n\n      .focus {\n        font-weight: 600;\n        color: rgba(var(--theme-color), 1);\n      }\n\n      h4 {\n        color: rgba(var(--theme-color), 1);\n        font-weight: 600;\n      }\n\n      h6 {\n        width: 80%;\n        margin-top: 4px;\n        color: rgba(var(--light-text), 1);\n      }\n    }\n\n    .arrow {\n      font-size: 20px;\n      color: rgba(var(--dark-text), 1);\n    }\n  }\n\n  .recent-location {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    padding: 10px 0;\n    border-bottom: 1px solid rgba(var(--dashed-line), 1) 10;\n\n    .loation-icon {\n      background-color: rgba(var(--theme-color), 1);\n      width: 30px;\n      height: 30px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 100%;\n      color: rgba(var(--white), 1);\n\n      i {\n        color: rgba(255, 255, 255, 1);\n      }\n    }\n\n    .recant-address {\n      margin-top: 4px;\n      width: 80%;\n\n      h3 {\n        color: rgba(var(--dark-text), 1);\n        font-weight: 500;\n      }\n\n      h6 {\n        margin-top: 4px;\n        color: rgba(var(--light-text), 1);\n      }\n    }\n  }\n}\n\n.offcanvas {\n  &.addtohome-popup {\n    height: auto;\n\n    .btn-close {\n      position: absolute;\n      right: 20px;\n      top: 20px;\n\n      [dir=\"rtl\"] & {\n        left: 20px;\n        right: unset;\n        text-align: right;\n      }\n    }\n\n    .offcanvas-body {\n      text-align: right;\n      background-color: rgba(var(--white));\n      padding: 15px;\n\n      [dir=\"rtl\"] & {\n        text-align: left;\n      }\n\n      .app-info {\n        display: flex;\n        align-items: center;\n        margin-bottom: 30px;\n        text-align: left;\n\n        .content {\n          padding-left: 15px;\n\n          [dir=\"rtl\"] & {\n            padding-left: 0;\n            padding-right: 15px;\n          }\n\n          h3 {\n            font-weight: 600;\n            color: rgba(var(--dark-text), 1);\n          }\n\n          a {\n            color: rgba(var(--light-text), 1);\n          }\n        }\n      }\n\n      .home-screen-btn {\n        display: inline-block;\n      }\n    }\n  }\n}\n\n.sidebar-offcanvas {\n  width: 280px !important;\n  background-color: rgba(var(--white), 1);\n\n  &.show {\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    min-height: 100vh;\n    height: 100%;\n    visibility: visible;\n  }\n\n  .offcanvas-header {\n    display: flex;\n    justify-content: unset;\n\n    h3 {\n      color: rgba(var(--dark-text), 1);\n      margin-left: 10px;\n\n      [dir=\"rtl\"] & {\n        margin-left: 0;\n        margin-right: 10px;\n      }\n    }\n\n    img {\n      width: 40px;\n      border-radius: 100%;\n    }\n\n    .btn-close {\n      background-color: rgba(var(--white), 0.4);\n      margin-left: auto;\n      margin-right: 0px;\n      font-size: 10px;\n      box-shadow: none;\n\n      [dir=\"rtl\"] & {\n        margin-left: 0;\n        margin-right: auto;\n      }\n    }\n  }\n\n  .sidebar-content {\n    .link-section {\n      li {\n        display: block;\n        padding: 15px;\n        border-bottom: 1px solid rgba(var(--dark-text), 0.1);\n\n        &:last-child() {\n          display: none;\n        }\n\n        .pages {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n\n          .switch-btn {\n            input[type=\"checkbox\"] {\n              position: relative;\n              width: 37px;\n              height: 22px;\n              appearance: none;\n              background: rgba(var(--box-bg), 1);\n              outline: none;\n              border-radius: 50px;\n              cursor: pointer;\n\n              &:checked {\n                background: rgba(var(--theme-color), 0.1);\n\n                &::before {\n                  transform: translateX(80%) translateY(-50%);\n                  background: rgba(var(--theme-color), 1);\n                }\n              }\n\n              &:before {\n                content: \"\";\n                width: 15px;\n                height: 15px;\n                border-radius: 50%;\n                background: rgba(var(--light-text), 1);\n                position: absolute;\n                top: 50%;\n                left: 5px;\n                transform: translateY(-50%);\n                transition: 0.5s;\n              }\n            }\n          }\n\n          h3 {\n            color: rgba(var(--dark-text), 1);\n          }\n\n          i {\n            color: rgba(var(--dark-text), 1);\n            font-size: 28px;\n            line-height: 1;\n          }\n        }\n      }\n    }\n  }\n}\n\n.order-modal {\n  .modal-content {\n    .modal-header {\n      background-color: rgba(var(--theme-color), 1);\n      border: none;\n      .modal-title {\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        color: rgba(255, 255, 255, 1);\n      }\n    }\n    .modal-body {\n      .details-box {\n        margin-top: 15px;\n        padding: 15px;\n        background-color: rgba(var(--box-bg), 1);\n        border-radius: 10px;\n\n        span {\n          font-size: 14px;\n          color: rgba(var(--success-color), 1);\n        }\n        .details-title {\n          font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));\n          padding-bottom: 12px;\n          font-weight: 600;\n          color: rgba(var(--dark-text), 1);\n          border-bottom: 1px dashed rgba(var(--black), 0.15);\n        }\n        .details-box-content {\n          padding-top: 12px;\n          .distance {\n            position: relative;\n            width: 100%;\n            border: none;\n\n            &::after {\n              content: \"\";\n              position: absolute;\n              top: 50%;\n              left: 6px;\n              width: 1px;\n              height: 40%;\n              border-left: 1px dashed rgba(var(--theme-color), 1);\n              transform: translateY(-50%);\n\n              [dir=\"rtl\"] & {\n                left: unset;\n                right: 6px;\n              }\n            }\n\n            ul {\n              li {\n                display: flex;\n                align-items: center;\n                gap: 5px;\n                padding-top: 10px;\n                font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));\n                color: rgba(var(--dark-text), 1);\n\n                i {\n                  font-size: 14px;\n                }\n              }\n            }\n          }\n        }\n      }\n      .withdraw-box {\n        padding: 15px;\n        background-color: rgba(var(--box-bg), 1);\n        .box-content {\n          .form-check {\n            margin-bottom: 0;\n\n            .form-check-input {\n              width: 20px;\n              height: 20px;\n              background-color: rgba(var(--white), 1);\n              border: 1px solid rgba(var(--dashed-line), 1);\n\n              &:focus {\n                box-shadow: none;\n                border-color: none;\n              }\n            }\n\n            .form-check-label {\n              color: rgba(var(--light-text), 1);\n              font-size: 16px;\n              margin-left: 10px;\n              [dir=\"rtl\"] & {\n                margin-right: 10px;\n                margin-left: unset;\n              }\n            }\n\n            .form-check-input:checked {\n              position: relative;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              border: 1px solid rgba(var(--theme-color), 1);\n              &::after {\n                content: \"\";\n                height: 10px;\n                width: 10px;\n                background-color: rgba(var(--theme-color), 1);\n                border-radius: 100%;\n              }\n            }\n          }\n        }\n        .form-group {\n          .form-control {\n            background-color: rgba(var(--white), 1);\n          }\n        }\n        .form-select {\n          background-color: rgba(var(--white), 1);\n        }\n      }\n    }\n  }\n}\n\n.coupon-modal {\n  .modal-content {\n    background-color: rgba(var(--white), 1);\n    .modal-header {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n      background-color: rgba(var(--white), 1);\n\n      .modal-title {\n        color: rgba(var(--dark-text), 1);\n        .coupon-icon {\n          width: 40px;\n          height: 40px;\n        }\n      }\n\n      .btn-close {\n        padding: 0;\n        margin: 0;\n        margin-left: auto;\n        &:focus {\n          box-shadow: none;\n        }\n      }\n    }\n\n    .close-btn {\n      &:focus {\n        box-shadow: none;\n      }\n    }\n    .modal-body {\n      h2 {\n        text-align: center;\n        font-size: 28px;\n        margin-top: 15px;\n        color: rgba(var(--theme-color), 1);\n      }\n\n      h3 {\n        color: rgba(var(--light-text), 1);\n      }\n\n      h5 {\n        text-align: center;\n        padding-bottom: 15px;\n        margin-top: 5px;\n        color: rgba(var(--light-text), 1);\n      }\n\n      .details-list {\n        border-top: 1px dashed rgba(var(--box-bg), 0.2);\n\n        li {\n          display: flex;\n          align-items: center;\n          padding-bottom: 15px;\n\n          .heading1 {\n            width: 40%;\n            color: rgba(var(--dark-text), 1);\n          }\n          span {\n            font-size: 20px;\n            font-weight: 500;\n            line-height: 1;\n            color: rgba(var(--dark-text), 1);\n          }\n          .content {\n            color: rgba(var(--dark-text), 1);\n            padding-left: 15px;\n            [dir=\"rtl\"] & {\n              padding-left: unset;\n              padding-right: 15px;\n            }\n          }\n        }\n      }\n    }\n\n    .footer-modal {\n      border-top: 1px dashed rgba(var(--dashed-line), 1);\n    }\n  }\n}\n","/*=====================\n    Product-box CSS start\n==========================*/\n.products {\n  padding-top: 33px;\n\n  .product-box {\n    position: relative;\n    border: 1px solid;\n    border-image-source: linear-gradient(180deg, rgba(var(--black), 0) -3.45%, rgba(var(--black), 0.12) 87.93%);\n    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);\n    border-radius: 8px;\n    overflow: visible;\n\n    [dir=\"rtl\"] & {\n      direction: rtl;\n    }\n\n    &-bg {\n      padding: 8px;\n      background-color: rgba(var(--black), 0);\n      margin-bottom: 5px;\n\n      a {\n        border-radius: 8px;\n        margin-bottom: 8px;\n      }\n\n      .product-box-detail {\n        background-color: transparent !important;\n        padding: 0 !important;\n      }\n    }\n\n    .product-box-img {\n      margin-top: -50px;\n      display: block;\n    }\n\n    .product-box-detail {\n      h5 {\n        color: rgba(var(--dark-text), 1);\n        font-weight: 600;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n\n      .timing {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-top: 3px;\n\n        li {\n          position: relative;\n          font-size: 12px;\n          display: flex;\n          align-items: center;\n          gap: 5px;\n          color: rgba(var(--dark-text), 1);\n\n          &:last-child {\n            &::after {\n              display: none;\n            }\n          }\n\n          .star {\n            width: 12px;\n            height: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 8px;\n            background-color: rgba(var(--success-color), 1);\n            border-radius: 100%;\n\n            i {\n              color: rgba(225, 225, 225, 1);\n            }\n          }\n\n          &::after {\n            content: \"\";\n            position: absolute;\n            margin-left: 40px;\n            transform: translateY(-50%) rotate(90deg);\n            top: 50%;\n            background-color: rgba(var(--dashed-line), 1);\n            width: 30%;\n            height: 1px;\n\n            [dir=\"rtl\"] & {\n              margin-left: unset;\n              margin-right: 44px;\n            }\n          }\n        }\n      }\n\n      .bottom-panel {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-top: 10px;\n\n        .price {\n          color: rgba(var(--dark-text), 1);\n          font-weight: 600;\n        }\n\n        .cart {\n          width: 25px;\n          height: 25px;\n          padding: 5px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          background: rgba(var(--theme-color), 0.2);\n          border-radius: 100%;\n\n          i {\n            color: rgba(var(--theme-color), 1);\n          }\n        }\n      }\n    }\n  }\n}\n\n.vertical-product-box {\n  display: flex;\n  align-items: center;\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 12px;\n  height: 100%;\n\n  .like-icon {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n\n    [dir=\"rtl\"] & {\n      right: unset;\n      left: 5px;\n    }\n\n    i {\n      padding: 5px;\n      color: rgba(var(--error-color), 1);\n      background-color: rgba(255, 255, 255, 1);\n      border-radius: 100%;\n      width: 26px;\n      height: 26px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .fill-icon {\n      display: none;\n    }\n    &.active {\n      .outline-icon {\n        display: none;\n      }\n      .fill-icon {\n        display: flex;\n        color: rgba(var(--error-color), 1);\n      }\n      .effect:before {\n        animation: fireworkLine 0.5s linear 0.1s;\n      }\n      .effect:after {\n        animation: fireworkPoint 0.5s linear 0.1s;\n      }\n    }\n  }\n\n  .vertical-box-img {\n    position: relative;\n    width: 40%;\n    height: 100%;\n    border-radius: 12px 0 0 12px;\n    overflow: hidden;\n\n    [dir=\"rtl\"] & {\n      border-radius: 0 12px 12px 0;\n    }\n\n    .img {\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .offers {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      padding: 15px;\n      color: rgba(var(--white), 1);\n      background: linear-gradient(0deg, rgba(0, 0, 0, 0.83) 43.87%, rgba(0, 0, 0, 0) 94.57%);\n      width: 100%;\n\n      h2 {\n        font-size: 16px;\n        color: rgba(255, 255, 255, 1);\n      }\n\n      h6 {\n        color: rgba(255, 255, 255, 1);\n      }\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 0;\n      }\n    }\n  }\n\n  .vertical-box-details {\n    width: 60%;\n\n    .vertical-box-head {\n      padding: 10px 10px 0 10px;\n\n      .restaurant {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        h5 {\n          font-weight: 600;\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n        }\n\n        h6 {\n          padding: calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320)))\n            calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));\n          border-radius: 33px;\n          display: flex;\n          align-items: center;\n          gap: calc(3px + (5 - 3) * ((100vw - 320px) / (1920 - 320)));\n          font-size: 10px;\n          font-weight: 600;\n          color: rgba(var(--accent-color), 1);\n          background-color: rgba(var(--accent-color), 0.08);\n          overflow: hidden;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n\n          i {\n            font-size: 12px;\n            line-height: 1;\n            display: flex;\n          }\n        }\n      }\n\n      h5 {\n        color: rgba(var(--dark-text), 1);\n      }\n    }\n\n    .food-items {\n      border: none;\n      padding: 0;\n      margin-top: 5px;\n      color: rgba(var(--light-text), 1);\n      text-align: left;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n\n      [dir=\"rtl\"] & {\n        text-align: right;\n      }\n    }\n\n    .rating-star {\n      border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n      padding-bottom: 6px;\n      text-align: left;\n      font-weight: 400;\n      display: flex;\n      align-items: center;\n      gap: 5px;\n      margin-top: 5px;\n      color: rgba(var(--dark-text), 1);\n\n      [dir=\"rtl\"] & {\n        text-align: right;\n      }\n\n      .star {\n        width: 12px;\n        height: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 8px;\n        background-color: rgba(var(--success-color), 1);\n        border-radius: 100%;\n\n        i {\n          color: rgba(255, 255, 255, 1);\n        }\n      }\n    }\n\n    .location-distance {\n      display: flex;\n      gap: 4px;\n      padding: 5px 10px;\n\n      .location {\n        position: relative;\n        width: 60%;\n        text-align: left;\n        border-right: 1px solid rgba(var(--dashed-line), 1);\n        margin-right: calc(5px + 10 * (100vw - 320px) / 1600);\n        padding-right: calc(5px + 10 * (100vw - 320px) / 1600);\n\n        [dir=\"rtl\"] & {\n          text-align: right;\n          border-right: unset;\n          margin-right: unset;\n          padding-right: unset;\n          border-left: 1px solid rgba(var(--dashed-line), 1);\n          margin-left: calc(5px + 10 * (100vw - 320px) / 1600);\n          padding-left: calc(5px + 10 * (100vw - 320px) / 1600);\n        }\n\n        .place {\n          position: relative;\n          text-align: left;\n          padding: 6px;\n          color: rgba(var(--dark-text), 1);\n\n          [dir=\"rtl\"] & {\n            text-align: right;\n          }\n\n          &::before {\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            background-color: rgba(var(--dashed-line), 1);\n            width: 80%;\n            height: 1px;\n\n            [dir=\"rtl\"] & {\n              left: unset;\n              right: 0;\n            }\n          }\n\n          &::after {\n            content: \"\";\n            position: absolute;\n            left: 0;\n            top: 45%;\n            transform: translate(-50%);\n            width: 5px;\n            height: 5px;\n            background-color: rgba(var(--black), 1);\n            border-radius: 100%;\n\n            [dir=\"rtl\"] & {\n              left: unset;\n              right: -5px;\n            }\n          }\n        }\n\n        h6 {\n          color: rgba(var(--dark-text), 1);\n        }\n      }\n\n      .distance {\n        position: relative;\n        width: 40%;\n        border: none;\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: 50%;\n          left: 6px;\n          width: 1px;\n          height: 40%;\n          border-left: 1px dashed rgba(var(--theme-color), 1);\n          transform: translateY(-50%);\n\n          [dir=\"rtl\"] & {\n            left: unset;\n            right: 6px;\n          }\n        }\n\n        ul {\n          li {\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            padding-top: 10px;\n            font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));\n            color: rgba(var(--dark-text), 1);\n          }\n        }\n      }\n    }\n  }\n}\n\n.product-box2 {\n  display: flex;\n  gap: 15px;\n\n  .product-content {\n    width: calc(100% - 130px);\n\n    .product-name {\n      font-weight: 600;\n      font-size: 14px;\n      margin: 2px 0;\n      color: rgba(var(--dark-text), 1);\n    }\n\n    .rating-stars {\n      display: flex;\n\n      .stars {\n        color: rgba(var(--rate-color), 1);\n      }\n\n      h5 {\n        margin-left: calc(3px + (4 - 3) * ((100vw - 320px) / (1920 - 320)));\n\n        [dir=\"rtl\"] & {\n          margin-left: unset;\n          margin-right: calc(3px + (4 - 3) * ((100vw - 320px) / (1920 - 320)));\n        }\n      }\n    }\n\n    .product-price {\n      font-size: 14px;\n      font-weight: 600;\n      color: rgba(var(--light-text), 1);\n\n      span {\n        color: rgba(var(--theme-color), 1);\n        font-size: 16px;\n        font-weight: 600;\n      }\n    }\n\n    p {\n      border-top: 1px dashed rgba(var(--dashed-line), 1);\n      padding: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n  }\n\n  .product-img {\n    position: relative;\n    text-align: center;\n    width: 122px;\n    height: 128px;\n\n    [dir=\"rtl\"] & {\n      text-align: right;\n    }\n\n    .img {\n      border-radius: 12px;\n    }\n\n    .add-btn {\n      position: absolute;\n      transform: translateX(-50%);\n      left: 50%;\n      bottom: -15px;\n      box-shadow: 0px 2px 11px rgba(252, 128, 25, 0.14);\n      border-radius: 6px;\n\n      .btn-outline {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 6px 17px;\n        border: 1px solid rgba(var(--theme-color), 1);\n        color: rgba(var(--theme-color), 1);\n        background-color: rgba(var(--white), 1);\n        margin: 0;\n        font-size: 14px;\n\n        &:hover {\n          border: 1px solid rgba(var(--theme-color), 1);\n          color: rgba(var(--theme-color), 1);\n          background-color: rgba(var(--white), 1);\n        }\n      }\n    }\n\n    .plus-minus {\n      border-radius: 6px;\n      border: 1px solid rgba(var(--theme-color), 1);\n      padding: 6px 17px;\n      display: inline-flex;\n      align-items: center;\n      background-color: rgba(var(--white), 1);\n      text-align: center;\n      position: absolute;\n      transform: translateX(-50%);\n      left: 50%;\n      bottom: -15px;\n      display: none;\n\n      input {\n        background-color: rgba(var(--white), 1);\n        color: rgba(var(--theme-color), 1);\n        border: none;\n        font-size: 14px;\n        outline: none;\n        width: 35px;\n        text-align: center;\n      }\n\n      i {\n        color: rgba(var(--theme-color), 1);\n      }\n    }\n  }\n}\n\n.horizontal-product-box {\n  display: flex;\n  gap: 10px;\n  padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n  background: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 12px;\n\n  .product-img {\n    .img {\n      width: 78px;\n      height: 78px;\n      border-radius: 12px;\n    }\n  }\n\n  .product-content {\n    width: calc(100% - 78px - 10px);\n    position: relative;\n\n    h5 {\n      color: rgba(var(--dark-text), 1);\n      font-weight: 600;\n      max-width: 80%;\n      font-size: 15px;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n\n    h6 {\n      color: rgba(var(--light-text), 1);\n      font-weight: 400;\n      margin-top: 4px;\n    }\n\n    .plus-minus {\n      border: 1px solid rgba(var(--theme-color), 1);\n      padding: 3px 10px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      background-color: rgba(var(--white), 1);\n      text-align: center;\n      position: absolute;\n      transform: translateX(-50%);\n      left: 45px;\n      bottom: 0;\n\n      input {\n        background-color: rgba(var(--white), 1);\n        color: rgba(var(--theme-color), 1);\n        border: none;\n        font-size: 14px;\n        outline: none;\n        width: 35px;\n        text-align: center;\n      }\n\n      i {\n        color: rgba(var(--theme-color), 1);\n      }\n    }\n\n    .red-symbol {\n      position: absolute;\n      top: 0;\n      right: 0;\n\n      [dir=\"rtl\"] & {\n        left: 0;\n        right: unset;\n      }\n    }\n\n    .product-price {\n      color: rgba(var(--theme-color), 1);\n      font-weight: 700;\n      position: absolute;\n      right: 0;\n      bottom: 8px;\n    }\n  }\n}\n\n.order-box {\n  .vertical-box-img {\n    width: 96px;\n    height: 100px;\n  }\n\n  .vertical-box-details {\n    width: calc(100% - 96px);\n    padding: 15px;\n\n    .vertical-box-head {\n      padding: 0;\n      border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n\n      .restaurant {\n        h5 {\n          font-weight: 600;\n        }\n      }\n    }\n\n    .reorder {\n      padding: 0;\n      span {\n        font-size: 14px;\n      }\n\n      .rating-star {\n        border-bottom: none;\n\n        .timing {\n          display: flex;\n          align-items: center;\n          gap: 12px;\n          margin-top: 3px;\n\n          li {\n            position: relative;\n            font-size: 13px;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            color: rgba(var(--dark-text), 1);\n\n            &:last-child {\n              &::after {\n                display: none;\n              }\n            }\n\n            .star {\n              width: 12px;\n              height: 12px;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              padding: 8px;\n              background-color: rgba(var(--success-color), 1);\n              border-radius: 100%;\n            }\n\n            &::after {\n              content: \"\";\n              position: absolute;\n              margin-left: 40px;\n              transform: translateY(-50%) rotate(90deg);\n              top: 50%;\n              background-color: rgba(var(--dashed-line), 1);\n              width: 30%;\n              height: 1px;\n\n              [dir=\"rtl\"] & {\n                margin-left: unset;\n                margin-right: 44px;\n              }\n            }\n          }\n        }\n\n        .order {\n          font-size: 12px;\n          padding: 4px;\n          margin-left: auto;\n\n          [dir=\"rtl\"] & {\n            margin-left: unset;\n            margin-right: auto;\n          }\n        }\n      }\n      .switch-btn {\n        input[type=\"checkbox\"] {\n          position: relative;\n          width: 37px;\n          height: 22px;\n          appearance: none;\n          background: rgba(var(--box-bg), 1);\n          outline: none;\n          border-radius: 50px;\n          cursor: pointer;\n\n          &:checked {\n            background: rgba(var(--theme-color), 0.1);\n\n            &::before {\n              transform: translateX(80%) translateY(-50%);\n              background: rgba(var(--theme-color), 1);\n            }\n          }\n\n          &:before {\n            content: \"\";\n            width: 15px;\n            height: 15px;\n            border-radius: 50%;\n            background: rgba(var(--light-text), 1);\n            position: absolute;\n            top: 50%;\n            left: 5px;\n            transform: translateY(-50%);\n            transition: 0.5s;\n          }\n        }\n      }\n    }\n  }\n}\n\n// wishlist animation\n.effect-group {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  .effect {\n    display: block;\n    position: absolute;\n    top: 38%;\n    left: 50%;\n    width: 20px;\n    transform-origin: 0px 2px;\n    &:nth-child(2) {\n      transform: rotate(72deg);\n    }\n    &:nth-child(3) {\n      transform: rotate(72 * 2deg);\n    }\n    &:nth-child(4) {\n      transform: rotate(72 * 3deg);\n    }\n    &:nth-child(5) {\n      transform: rotate(72 * 4deg);\n    }\n    &:before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      right: 0;\n      border-radius: 2px;\n      height: 3px;\n      background: #777777;\n    }\n    &:after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 10px;\n      right: 10%;\n      border-radius: 50%;\n      width: 3px;\n      height: 3px;\n      background: rgba(var(--theme-color), 1);\n      transform: scale(0, 0);\n    }\n  }\n}\n\n// fireworks animations\n@keyframes fireworkLine {\n  0% {\n    right: 20%;\n    transform: scale(0, 0);\n  }\n  25% {\n    right: 20%;\n    width: 6px;\n    transform: scale(1, 1);\n  }\n  35% {\n    right: 0;\n    width: 35%;\n  }\n  70% {\n    right: 0;\n    width: 4px;\n    transform: scale(1, 1);\n  }\n  100% {\n    right: 0;\n    transform: scale(0, 0);\n  }\n}\n@keyframes fireworkPoint {\n  30% {\n    transform: scale(0, 0);\n  }\n  60% {\n    transform: scale(1, 1);\n  }\n  100% {\n    transform: scale(0, 0);\n  }\n}\n","/*=====================\n    Ratio CSS start\n==========================*/\n.ratio_40 {\n  .bg-size {\n    &:before {\n      padding-top: 40%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio_45 {\n  .bg-size {\n    &:before {\n      padding-top: 45%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio50 {\n  .bg-size {\n    &:before {\n      padding-top: 50%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio_55 {\n  .bg-size {\n    &:before {\n      padding-top: 55%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio2_3 {\n  .bg-size {\n    &:before {\n      padding-top: 60%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio3_2 {\n  .bg-size {\n    &:before {\n      padding-top: 66.66%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio_landscape {\n  .bg-size {\n    &:before {\n      padding-top: 75%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio_square {\n  .bg-size {\n    &:before {\n      padding-top: 100%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio_apos {\n  .bg-size {\n    &:before {\n      padding-top: 127.7777778%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio_portrait {\n  .bg-size {\n    &:before {\n      padding-top: 150%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio1_2 {\n  .bg-size {\n    &:before {\n      padding-top: 200%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.b-top {\n  background-position: top !important;\n}\n\n.b-bottom {\n  background-position: bottom !important;\n}\n\n.b-center {\n  background-position: center !important;\n}\n\n.b-left {\n  background-position: left !important;\n}\n\n.b-right {\n  background-position: right !important;\n}\n\n.b_size_content {\n  background-size: contain !important;\n}","/*=====================\n  Slider CSS start\n==========================*/\n.swiper-3d {\n    .swiper-slide-shadow-left {\n        background-image: none;\n    }\n\n    .swiper-slide-shadow-right {\n        background-image: none;\n    }\n}\n\n.swiper-wrapper {\n    direction: ltr;\n}\n\n.offer-wrapper {\n    .swiper-slide {\n        img {\n            transform: scale(0.8);\n            opacity: 0.4;\n        }\n    }\n\n    .swiper-slide-active {\n        img {\n            transform: scale(1);\n            opacity: 1;\n        }\n    }\n}","/*=====================\n    tab CSS start\n==========================*/\n.nav {\n    border-bottom: 1px solid rgba(var(--dashed-line), 0.5);\n    gap: 5px;\n\n    .nav-item {\n        .nav-link {\n            color: rgba(var(--light-text), 1);\n            position: relative;\n            padding: 15px;\n\n            &.active {\n                color: rgba(var(--theme-color), 1);\n                background-color: rgba(var(--white), 1);\n\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    left: 0;\n                    top: 45%;\n                    transform: translate(-50%);\n                    width: 5px;\n                    height: 5px;\n                    background-color: rgba(var(--theme-color), 1);\n                    border-radius: 100%;\n                }\n\n                .nav-link {\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        left: 0;\n                        top: 50%;\n                        transform: translate(-50%);\n                        width: 5px;\n                        height: 5px;\n                        background-color: rgba(var(--theme-color), 1);\n                        border-radius: 100%;\n\n                        [dir=\"rtl\"] & {\n                            left: unset;\n                            right: 0;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.menu-tab {\n}\n\n.tab-style1 {\n    display: flex;\n    flex-wrap: nowrap;\n    overflow: hidden;\n    width: 100%;\n    overflow-x: auto;\n\n    .nav-item {\n        color: rgba(var(--white), 0.1);\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        list-style-type: none;\n        cursor: pointer;\n        border-radius: 0px;\n        transition: all 0.5s ease-in-out;\n        border-radius: 0;\n        border-bottom: 1px solid rgba(var(--white), 0.1);\n\n        .nav-link {\n            width: 100%;\n            padding-top: 0;\n            font-weight: 400;\n            font-size: 16px;\n            line-height: 1;\n            white-space: nowrap;\n            color: rgba(var(--light-text), 1);\n            border-left: none;\n            border-right: none;\n            border-top: none;\n            border-bottom: 1px solid rgba(var(--box-bg), 0.1);\n\n            &:hover {\n                border-left: none;\n                border-right: none;\n                border-top: none;\n            }\n\n            &:focus {\n                border-color: transparent;\n            }\n\n            &.active {\n                background-color: transparent;\n                color: rgba(var(--theme-color), 1);\n                border-left: none;\n                border-right: none;\n                border-top: none;\n                border-bottom: 2px solid rgba(var(--theme-color), 1);\n                padding-left: 15px;\n                padding-right: 15px;\n                width: 100%;\n                &::after {\n                    content: none;\n                }\n            }\n        }\n    }\n}\n\n.tab-style2 {\n    flex-wrap: nowrap;\n    width: 100%;\n    margin: 30px auto 0;\n    border-radius: 6px;\n    overflow: hidden;\n    gap: 20px;\n    display: flex;\n    border: none;\n\n    .nav-item {\n        border-radius: 10px;\n        background-color: rgba(var(--box-bg), 1);\n\n        .nav-link {\n            width: 100%;\n            padding: 12px;\n            font-weight: 500;\n            line-height: 1;\n            font-size: 14px;\n            white-space: nowrap;\n            color: rgba(var(--light-text), 1);\n\n            &.active {\n                background-color: rgba(var(--theme-color), 1);\n                color: rgba(255, 255, 255, 1);\n                transition: all 0.5s ease-in-out;\n                &:hover {\n                    color: rgba(255, 255, 255, 1);\n                }\n\n                &::after {\n                    content: none;\n                }\n            }\n            &:hover {\n                color: rgba(var(--light-text), 1);\n            }\n        }\n    }\n}\n","/*=====================\n    Title CSS start\n==========================*/\n.title {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin-bottom: 10px;\n\n  h3 {\n    color: rgba(var(--dark-text), 1);\n    font-weight: 600;\n  }\n\n  a {\n    color: rgba(var(--theme-color), 1);\n  }\n  .add-button {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    color: rgba(var(--theme-color), 1);\n    border-radius: 6px;\n    .icon {\n      line-height: 1;\n      font-size: 20px;\n      color: rgba(var(--theme-color), 1);\n    }\n  }\n}\n","/*=====================\n    Header CSS start\n==========================*/\n\n.header-panel {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n\n  a {\n    z-index: 1;\n  }\n\n  i {\n    color: rgba(var(--dark-text), 1);\n    font-size: 25px;\n  }\n\n  .sidebar-btn {\n    width: 35px;\n    height: 35px;\n    color: rgba(var(--theme-color), 1);\n    padding: 5px;\n    background-color: rgba(var(--theme-color), 0.1);\n    border-radius: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: none;\n    z-index: 1;\n\n    i {\n      line-height: 1;\n      font-size: 16px;\n      color: rgba(var(--theme-color), 1);\n    }\n  }\n\n  .calendar-icon {\n    width: 35px;\n    height: 35px;\n    font-size: 20px;\n    padding: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgba(var(--dark-text), 1);\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 6px;\n    backdrop-filter: blur(2px);\n  }\n\n  h2 {\n    position: absolute;\n    font-weight: 600;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    line-height: 1;\n    text-align: center;\n    color: rgba(var(--dark-text), 1);\n    font-size: 18px;\n  }\n\n  .create-address {\n    color: rgba(var(--theme-color), 1);\n  }\n\n  .add-square-img {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 22px;\n    border: 1.5px solid rgba(var(--theme-color), 1);\n    border-radius: 6px;\n    width: 100%;\n    padding: 0 5px;\n    color: rgba(var(--theme-color), 1);\n  }\n  .icon {\n    padding: 8px;\n    font-size: 18px;\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 100%;\n  }\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n\n  .head-content {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    .sidebar-btn {\n      width: 34px;\n      height: 34px;\n      color: rgba(var(--theme-color), 1);\n      padding: 15px;\n      background-color: rgba(var(--theme-color), 0.1);\n      border-radius: 50%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      font-size: 18px;\n      border: none;\n\n      i {\n        font-size: 14px;\n      }\n    }\n\n    .header-location {\n      a {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        width: 100%;\n        background: none;\n        padding: 0;\n\n        h2 {\n          font-size: 16px;\n          color: rgba(var(--dark-text), 1);\n        }\n\n        .d-arrow {\n          color: rgba(var(--dark-text), 1);\n        }\n      }\n\n      .pin {\n        color: rgba(var(--theme-color), 1);\n      }\n\n      i {\n        font-size: 24px;\n      }\n    }\n  }\n\n  a {\n    width: 34px;\n    height: 34px;\n    color: rgba(var(--theme-color), 1);\n    padding: 15px;\n    background-color: rgba(var(--theme-color), 0.1);\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.header-panel-lg {\n  position: relative;\n  background-image: url(../images/background/restaurant-bg.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  height: 184px;\n\n  .panel {\n    position: absolute;\n    display: flex;\n    justify-content: space-between;\n    margin-top: 30px;\n    width: calc(100% - 40px);\n\n    a {\n      color: rgba(225, 225, 225, 1);\n      background: rgba(0, 0, 0, 0.25);\n      box-sizing: border-box;\n      border-radius: 100%;\n      width: 34px;\n      height: 34px;\n      backdrop-filter: blur(3px);\n      border: 1px solid transparent;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 0;\n      position: relative;\n\n      &:after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        border-radius: 100%;\n        padding: 1px;\n        background: linear-gradient(128.66deg, rgba(var(--white), 1) -1.63%, rgba(var(--white), 0) 92.16%);\n        -webkit-mask:\n          linear-gradient(rgba(var(--white), 1) 0 0) content-box,\n          linear-gradient(rgba(var(--white), 1) 0 0);\n        -webkit-mask-composite: xor;\n        mask-composite: exclude;\n        z-index: 1;\n      }\n    }\n  }\n}\n\n.chatting-header {\n  width: 100%;\n  border: none;\n  border-radius: unset;\n  position: fixed;\n  top: 0;\n  left: 0;\n  max-width: unset;\n  transform: none;\n  bottom: unset;\n\n  .tracking-head {\n    border-bottom: none;\n    padding: 0;\n    z-index: 1;\n\n    .back-arrow {\n      color: rgba(var(--dark-text), 1);\n      font-size: 22px;\n    }\n  }\n}\n","/*=====================\n  Nav CSS start\n==========================*/\n.navbar-menu {\n  position: fixed;\n  width: 100%;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n  max-width: 600px;\n  background-color: rgba(var(--white), 1);\n  box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.2);\n\n  @media (max-width: 767px) {\n    max-width: 100%;\n  }\n\n  ul {\n    display: flex;\n    justify-content: space-between;\n\n    li {\n      position: relative;\n      color: rgba(var(--light-text), 1);\n      text-align: center;\n      width: 20%;\n      padding: 10px 15px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      &.active {\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          left: 50%;\n          width: 30px;\n          height: 4px;\n          background: rgba(var(--theme-color), 1);\n          border-radius: 10px;\n          transform: translateX(-50%);\n        }\n        a {\n          &.icon {\n            color: rgba(var(--theme-color), 1);\n\n            .active {\n              display: block;\n            }\n\n            .unactive {\n              display: none;\n            }\n          }\n\n          span {\n            color: rgba(var(--dark-text), 1);\n            font-weight: 500;\n          }\n        }\n      }\n    }\n\n    a {\n      color: rgba(var(--light-text), 1);\n\n      &.icon {\n        font-size: 20px;\n        margin-left: auto;\n        margin-right: auto;\n        &.logo {\n          width: 100%;\n        }\n\n        img {\n          margin-inline: auto;\n          /*width: 25px; */\n          height: 25px;\n          &.active {\n            display: none;\n          }\n\n          &.unactive {\n            display: block;\n          }\n        }\n\n        span {\n          font-size: 14px;\n          font-weight: 500;\n        }\n      }\n    }\n  }\n}\n","/*=====================\n    Address CSS start\n==========================*/\n.address-list {\n    li {\n        position: relative;\n        display: flex;\n        width: 100%;\n        margin-top: 20px;\n\n        .address-icon {\n            width: 50px;\n            height: 50px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            padding: 0;\n            border: 1px solid rgba(0, 0, 0, 0.05);\n            box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n            border-radius: 10px;\n\n            &::before {\n                content: \"\";\n                position: absolute;\n                left: 50px;\n                top: 15px;\n                width: 18px;\n                height: 1px;\n                background-color: rgba(var(--light-text), 1);\n                z-index: 1;\n\n                [dir=\"rtl\"] & {\n                    left: unset;\n                    right: 50px;\n                }\n            }\n\n            &::after {\n                content: \"\";\n                position: absolute;\n                left: 48px;\n                top: 36px;\n                width: 20px;\n                height: 1px;\n                background-color: rgba(var(--light-text), 1);\n                z-index: 1;\n\n                [dir=\"rtl\"] & {\n                    left: unset;\n                    right: 48px;\n                }\n            }\n\n            span {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n\n                i {\n                    font-size: 24px;\n                    color: rgba(var(--theme-color), 1);\n                }\n\n                &::before {\n                    content: \"\";\n                    position: absolute;\n                    left: 70px;\n                    top: 13px;\n                    transform: translate(-50%);\n                    width: 5px;\n                    height: 5px;\n                    background-color: rgba(var(--light-text), 1);\n                    border-radius: 100%;\n                    z-index: 1;\n\n                    [dir=\"rtl\"] & {\n                        left: unset;\n                        right: 65px;\n                    }\n                }\n\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    left: 70px;\n                    top: 34px;\n                    transform: translate(-50%);\n                    width: 5px;\n                    height: 5px;\n                    background-color: rgba(var(--light-text), 1);\n                    border-radius: 100%;\n                    z-index: 1;\n\n                    [dir=\"rtl\"] & {\n                        left: unset;\n                        right: 65px;\n                    }\n                }\n\n                .address-img {\n                    stroke: rgba(var(--theme-color), 1);\n                    fill: transparent;\n                    stroke-width: 1.5px;\n                    width: 21px;\n                    height: 21px;\n                }\n            }\n        }\n    }\n\n    .address-content {\n        position: relative;\n        overflow: hidden;\n        width: calc(100% - 60px);\n        margin-left: 10px;\n        background: rgba(var(--white), 1);\n        padding: 12px 12px 12px 18px;\n        border: 1px solid rgba(0, 0, 0, 0.05);\n        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n        border-radius: 10px;\n\n        [dir=\"rtl\"] & {\n            margin-left: unset;\n            margin-right: 10px;\n            padding: 12px 18px 12px 12px;\n        }\n\n        .address-checkbox {\n            min-height: unset;\n            padding-left: 0;\n            margin-bottom: 0;\n            position: absolute;\n            top: 0;\n            right: 0;\n\n            [dir=\"rtl\"] & {\n                left: 0;\n                right: unset;\n                margin-left: unset;\n                margin-right: 0;\n            }\n\n            .form-check-input {\n                width: 26px;\n                height: 26px;\n                border-radius: 0 8px 0;\n                margin: 0;\n                float: unset;\n                background-color: rgba(var(--white), 1);\n                border: none;\n                background: transparent;\n\n                [dir=\"rtl\"] & {\n                    border-radius: 8px 0 8px 0;\n                }\n\n                &:active {\n                    filter: brightness(100%);\n                }\n\n                &:focus {\n                    box-shadow: none;\n                }\n            }\n\n            .form-check-input:checked {\n                background-image: url(../images/svg/check.svg);\n                background-color: rgba(var(--theme-color), 1);\n                box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n                background-size: 16px;\n                background-repeat: no-repeat;\n                background-position: center;\n            }\n        }\n\n        .address-place {\n            position: relative;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n\n            h5 {\n                color: rgba(var(--dark-text), 1);\n                font-weight: 600;\n            }\n\n            .edit {\n                font-size: 20px;\n            }\n        }\n\n        p {\n            color: rgba(var(--light-text), 1);\n            border-top: 1px dashed rgba(var(--dashed-line), 1);\n            padding: 8px 0 0 0;\n            margin: 8px 0 0 0;\n            font-size: 13px;\n        }\n\n        .select-option {\n            color: rgba(var(--dark-text), 1);\n            border-top: 1px dashed rgba(var(--dashed-line), 1);\n            font-size: 13px;\n            padding: 8px 0 0 0;\n            margin: 8px 0 0 0;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n\n            .form-check {\n                display: flex;\n                min-height: unset;\n                padding-left: 0;\n                margin-bottom: 0;\n                align-items: center;\n\n                [dir=\"rtl\"] & {\n                    padding-left: unset;\n                    padding-right: 0;\n                }\n\n                .form-check-label {\n                    margin-left: 5px;\n                    letter-spacing: 0.03em;\n\n                    [dir=\"rtl\"] & {\n                        margin-left: unset;\n                        margin-right: 5px;\n                    }\n                }\n\n                .form-check-input {\n                    width: 18px;\n                    height: 18px;\n                    box-shadow: 0px 2px 12px rgb(0 0 0 / 6%);\n                    border-radius: 5px;\n                    margin: 0;\n                }\n\n                .form-check-input:checked {\n                    background-image: url(../images/svg/check.svg);\n                    background-color: rgba(var(--theme-color), 1);\n                    color: rgba(var(--white), 1);\n                    border: none;\n                    float: unset;\n                    margin: 0;\n                }\n            }\n        }\n    }\n}\n\n.address-filter {\n    h3 {\n        margin-bottom: 12px;\n        color: rgba(var(--dark-text), 1);\n    }\n\n    .food-symbol {\n        border-bottom: 1px dashed rgba(var(--black), 0.22) !important;\n        gap: calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320))) !important;\n\n        li {\n            border: 1px solid rgba(var(--box-bg), 1);\n            border-radius: 7px;\n\n            .food-types {\n                h5 {\n                    line-height: 1;\n                }\n\n                i {\n                    line-height: 1;\n                }\n\n                &.active {\n                    background-color: rgba(var(--theme-color), 1);\n\n                    i {\n                        color: rgba(255, 255, 255, 1);\n                    }\n\n                    h5 {\n                        color: rgba(255, 255, 255, 1);\n                    }\n                }\n            }\n        }\n    }\n}\n\n.address-list {\n    margin-top: -10px;\n}\n","/*=============================\n    Authentication CSS start\n===============================*/\n.login-img {\n  width: 100%;\n  object-fit: cover;\n  &.auth-img {\n    height: 186px;\n  }\n  &.restaurant-login-img {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.line-vector {\n  position: relative;\n  left: 20px;\n  height: 30px;\n\n  [dir=\"rtl\"] & {\n    left: unset;\n    right: 20px;\n  }\n}\n\nh2 {\n  font-size: 20px;\n}\n\n.division {\n  position: relative;\n  text-align: center;\n  margin-top: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));\n  z-index: 0;\n\n  span {\n    background-color: rgba(var(--white), 1);\n    color: rgba(103, 106, 109, 1);\n    padding: 0 10px;\n    font-weight: 600;\n    font-size: 14px;\n  }\n\n  &::after {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n    content: \" \";\n    width: 100%;\n    background: linear-gradient(90deg, rgba(132, 132, 133, 0) 0%, rgba(132, 132, 133, 1) 50%, rgba(29, 16, 57, 0) 100%);\n    z-index: -1;\n    height: 2px;\n\n    [dir=\"rtl\"] & {\n      left: unset;\n      right: 0;\n    }\n  }\n}\n\np {\n  margin-top: 20px;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 1.5;\n  color: rgba(var(--light-text), 1);\n}\n\n.otp-verification {\n  h3 {\n    color: rgba(var(--light-text), 1);\n    margin-top: 45px;\n    font-weight: 600;\n  }\n\n  .otp-number {\n    color: rgba(var(--dark-text), 1);\n    font-weight: 600;\n  }\n}\n\n.location {\n  position: relative;\n\n  h2 {\n    color: rgba(var(--dark-text), 1);\n  }\n\n  h5 {\n    width: 100%;\n    margin-top: 12px;\n    font-size: 14px;\n    line-height: 1.5;\n    color: rgba(var(--light-text), 1);\n  }\n\n  .location-img {\n    margin-top: 90px;\n  }\n\n  .animation-circle-inverse {\n    z-index: 2;\n\n    i {\n      position: absolute;\n      background: rgba(var(--theme-color), 1);\n      box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);\n      border-radius: 100%;\n      opacity: 0.4;\n      animation: ripple1 3s linear infinite;\n      top: 55%;\n      left: 45%;\n      z-index: 1;\n      transform: translate(-50%);\n\n      [dir=\"rtl\"] & {\n        left: unset;\n        right: 45%;\n      }\n\n      &:nth-child(1) {\n        height: 10px;\n        width: 10px;\n        animation: ripple1 3s linear infinite;\n      }\n\n      &:nth-child(2) {\n        height: 20px;\n        width: 20px;\n        animation: ripple2 3s linear infinite;\n      }\n\n      &:nth-child(3) {\n        height: 25px;\n        width: 25px;\n        animation: ripple3 3s linear infinite;\n      }\n    }\n  }\n}\n\n// delivery boy app css\n.line-design {\n  margin-top: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 6px;\n  li {\n    width: 100%;\n    height: 4px;\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 6px;\n    &.active {\n      background-color: rgba(var(--theme-color), 1);\n    }\n  }\n}\n\n.details-heading {\n  margin-top: 20px;\n  margin-bottom: 15px;\n}\n\n// .form-check {\n//   width: 100%;\n//   padding: 15px;\n//   display: flex;\n//   align-items: center;\n//   justify-content: center;\n//   gap: 10px;\n//   margin: 0;\n//   background-color: rgba(var(--white), 1);\n//   border: 1px solid rgba(var(--black), 0.05);\n//   border-radius: 6px;\n\n//   .form-check-label {\n//     font-weight: 400;\n//     font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));\n//     color: rgba(var(--dark-text), 1);\n//   }\n\n//   .form-check-input {\n//     &:checked {\n//       background-color: rgba(var(--theme-color), 1);\n//       border-color: rgba(var(--theme-color), 1);\n//     }\n\n//     &:focus {\n//       box-shadow: none;\n//     }\n//   }\n\n//   .form-check-input:checked[type=\"radio\"] {\n//     background-image: url(../images/svg/check.svg);\n//   }\n\n//   .form-check-input {\n//     &[type=\"radio\"] {\n//       width: 20px;\n//       height: 20px;\n//       border-radius: 100%;\n//       margin: 0;\n//     }\n//   }\n// }\n\n.fixed-btn {\n  position: fixed;\n  width: 100%;\n  max-width: 600px;\n  padding: 20px 0;\n  left: 50%;\n  bottom: 0;\n  transform: translate(-50%);\n  z-index: 2;\n  background-color: rgba(var(--white), 1);\n}\n","/*=============================\n    Add-cart CSS start\n===============================*/\n.apply-coupon {\n    padding: 15px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border: 1px dashed rgba(var(--light-text), 1);\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 10px;\n\n    .coupon-code {\n        color: rgba(var(--success-color), 1);\n        padding-top: 5px;\n    }\n\n    i {\n        color: rgba(var(--light-text), 1);\n        font-size: 20px;\n    }\n}\n\n.bill-details {\n    position: relative;\n\n    .total-detail {\n        position: relative;\n        background-color: rgba(var(--box-bg), 1);\n        padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));\n        border-radius: 10px 10px 0px 0px;\n        margin-bottom: 0;\n\n        .sub-total {\n            display: flex;\n            justify-content: space-between;\n        }\n\n        h5 {\n            color: rgba(var(--dark-text), 1);\n        }\n\n        .free {\n            color: rgba(var(--theme-color), 1);\n            position: absolute;\n            top: 54px;\n            right: 20px;\n\n            [dir=\"rtl\"] & {\n                right: unset;\n                left: 20px;\n            }\n        }\n\n        .delivery-info {\n            width: 70%;\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .grand-total {\n            display: flex;\n            justify-content: space-between;\n            border-top: 1px dashed rgba(var(--black), 0.22);\n            padding: 10px 0 0;\n\n            h5 {\n                color: rgba(var(--dark-text), 1);\n            }\n\n            .amount {\n                color: rgba(var(--theme-color), 1);\n            }\n        }\n\n        .dots-design {\n            position: absolute;\n            bottom: -1px;\n            width: 95%;\n            left: 50%;\n            transform: translateX(-50%);\n\n        }\n    }\n\n    p {\n        border-top: 1px dashed rgba(var(--dashed-line), 1);\n        padding: 15px 0 0;\n    }\n\n    .delivery-time {\n        position: relative;\n        width: 100%;\n        display: flex;\n        align-items: flex-end;\n        justify-content: space-between;\n        z-index: 0;\n\n        &::after {\n            content: \"\";\n            position: absolute;\n            width: 100%;\n            border: 1px dashed rgba(var(--dashed-line), 1);\n            bottom: -4px;\n            overflow: hidden;\n            z-index: 1;\n            right: 0;\n        }\n\n        .delivery-line {\n            width: 100%;\n            font-weight: 700;\n            font-size: 16px;\n            line-height: 24px;\n            letter-spacing: 0.01em;\n            text-transform: uppercase;\n            color: rgba(var(--light-text), 1);\n            border-top: none;\n            overflow: hidden;\n            background-color: rgba(var(--white), 1);\n        }\n\n        .delivery-bike {\n            position: relative;\n            width: 67px;\n            height: 49px;\n            bottom: 0;\n            right: 0;\n\n            [dir=\"rtl\"] & {\n                left: 0;\n                right: unset;\n            }\n        }\n    }\n}\n\n.cart-add-box {\n    display: flex;\n    gap: 10px;\n    padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n    background: rgba(var(--white), 1);\n    border: 1px solid rgba(var(--black), 0.05);\n    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n    border-radius: 12px;\n\n    .add-img {\n        .img {\n            width: 55px;\n            height: 55px;\n            border-radius: 12px;\n        }\n    }\n\n    .add-content {\n        width: calc(100% - 55px - 10px);\n        position: relative;\n\n        .address {\n            width: 70%;\n            line-height: 1.2;\n        }\n\n        .change-add {\n            color: rgba(var(--theme-color), 1);\n            font-size: 13px;\n            position: absolute;\n            top: 0;\n            right: 0;\n\n            [dir=\"rtl\"] & {\n                left: 0;\n                right: unset;\n            }\n        }\n    }\n}","/*=====================\n    voucher CSS start\n==========================*/\n.coupon-box {\n    position: relative;\n    display: flex;\n    height: 100%;\n    overflow: hidden;\n    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n\n    .coupon-left {\n        position: absolute;\n        left: 0;\n        top: 50%;\n        height: 111%;\n        transform: translateY(-50%);\n\n        [dir=\"rtl\"] & {\n            left: unset;\n            right: -1px;\n            transform: translateY(-50%) scaleX(-1);\n        }\n    }\n\n    .coupon-right {\n        position: absolute;\n        right: 0;\n        top: 50%;\n        height: 111%;\n        transform: translateY(-50%);\n\n        [dir=\"rtl\"] & {\n            right: unset;\n            left: -1px;\n            transform: translateY(-50%) scaleX(-1);\n        }\n    }\n\n    .coupon-discount {\n        position: relative;\n        writing-mode: vertical-rl;\n        text-align: center;\n        padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));\n        color: rgba(255, 255, 255, 1);\n        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n\n        &::after {\n            content: \"\";\n            position: absolute;\n            top: 50%;\n            right: -7px;\n            width: 15px;\n            height: 15px;\n            border-radius: 100%;\n            background-color: rgba(var(--white), 1);\n            transform: translateY(-50%);\n\n            [dir=\"rtl\"] & {\n                left: -7px;\n                right: unset;\n            }\n        }\n\n        &.color-1 {\n            background-color: rgba(var(--light-text), 1);\n        }\n\n        &.color-2 {\n            background-color: rgba(30, 60, 110, 1);\n        }\n\n        &.color-3 {\n            background-color: rgba(173, 110, 51, 1);\n        }\n\n        &.color-4 {\n            background-color: rgba(123, 51, 157, 1);\n        }\n    }\n\n    .coupon-details {\n        width: calc(100% - 53px);\n        padding: 0 calc(20px + 5 * (100vw - 320px) / 1600) 0 calc(15px + 10 * (100vw - 320px) / 1600);\n\n        .coupon-content {\n            padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))) 0 0;\n            display: flex;\n            justify-content: space-between;\n            gap: 5px;\n\n            .coupon-name {\n                display: flex;\n                gap: 10px;\n\n                .coupon-img {\n                    width: 42px;\n                    height: 42px;\n                    object-fit: contain;\n                    padding: 7px;\n                    background-color: rgba(var(--box-bg), 1);\n                    border-radius: 8px;\n                }\n            }\n        }\n\n        p {\n            margin: 0;\n            padding: 0;\n            color: rgba(var(--light-text), 1);\n            padding: 10px 0;\n            border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n\n            span {\n                color: rgba(var(--dark-text), 1);\n                font-weight: 500;\n            }\n        }\n\n        .coupon-apply {\n            padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))) 0;\n            display: flex;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n\n            .unlock {\n                width: 65%;\n                color: rgba(var(--dark-text), 1);\n            }\n        }\n    }\n}\n\n.voucher-box {\n    position: relative;\n    background: rgba(var(--white), 1);\n    border: 1px solid rgba(var(--black), 0.05);\n    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n    border-radius: 8px;\n    overflow: hidden;\n\n    &::after {\n        content: \"\";\n        position: absolute;\n        width: 21px;\n        height: 21px;\n        border-radius: 100%;\n        background: rgba(var(--white), 1);\n        left: -12px;\n        bottom: 25%;\n        box-shadow: inset 0px 2px 12px 0px rgba(217, 217, 217, 1);\n        z-index: 1;\n        display: block;\n\n        [dir=\"rtl\"] & {\n            right: -12px;\n            left: unset;\n        }\n    }\n\n    &::before {\n        content: \"\";\n        position: absolute;\n        width: 21px;\n        height: 21px;\n        border-radius: 100%;\n        background: rgba(var(--white), 1);\n        right: -12px;\n        bottom: 25%;\n        box-shadow: inset 0px 2px 12px 0px rgba(217, 217, 217, 1);\n        z-index: 1;\n        display: block;\n\n        [dir=\"rtl\"] & {\n            left: -12px;\n            right: unset;\n        }\n    }\n\n    .l-vector {\n        position: absolute;\n        left: -5px;\n        bottom: 60px;\n        height: 20px;\n        width: 20px;\n        z-index: 1;\n\n        [dir=\"rtl\"] & {\n            left: unset;\n            right: -5px;\n        }\n    }\n\n    .r-vector {\n        position: absolute;\n        height: 20px;\n        width: 20px;\n        right: -5px;\n        bottom: 60px;\n        z-index: 1;\n        transform: rotate(180deg);\n\n        [dir=\"rtl\"] & {\n            left: -5px;\n            right: unset;\n        }\n    }\n\n    .voucher-img {\n        text-align: center;\n        padding-top: 12px;\n\n        .voucher-icon {\n            width: 60px;\n            height: 60px;\n            object-fit: contain;\n        }\n    }\n\n    .voucher-content {\n        padding: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));\n\n        h5 {\n            font-weight: 600;\n            color: rgba(var(--dark-text), 1);\n            margin-top: 12px;\n        }\n\n        p {\n            color: rgba(var(--light-text), 1);\n            margin-top: 4px;\n            padding: 0;\n            margin: 0;\n        }\n    }\n\n    .voucher-discount {\n        position: relative;\n        width: 100%;\n        height: 70px;\n        background: rgba(53, 121, 42, 1);\n        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 0 0 8px 8px;\n\n        &.color-1 {\n            background-color: rgba(37, 131, 125, 1);\n        }\n\n        &.color-2 {\n            background-color: rgba(30, 60, 110, 1);\n        }\n\n        &.color-3 {\n            background-color: rgba(173, 110, 51, 1);\n        }\n\n        &.color-4 {\n            background-color: rgba(123, 51, 157, 1);\n        }\n\n        &.color-5 {\n            background-color: rgba(53, 121, 42, 1);\n        }\n\n        .top-vector {\n            position: absolute;\n            width: 90%;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        h2 {\n            color: rgba(225, 225, 225, 1);\n            font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));\n        }\n    }\n}\n\n.expired-box {\n    position: relative;\n\n    .expired-tag {\n        position: absolute;\n        background-color: rgba(var(--theme-color), 0.6);\n        backdrop-filter: blur(3px);\n        padding: 10px 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 100%;\n        z-index: 1;\n        height: 34px;\n\n        p {\n            font-weight: 600;\n            font-size: 14px;\n            margin: 0;\n            padding: 0;\n            color: rgba(var(--dark-text), 1);\n        }\n    }\n\n    .expired-voucher {\n        position: relative;\n        filter: grayscale(100%);\n    }\n}\n","/*==========================\n    delivery boy CSS start\n============================*/\n.gift-section {\n    margin-top: 70px;\n    text-align: center;\n    h2 {\n        margin-top: 30px;\n    }\n\n    p {\n        font-size: 13px;\n        margin-top: 15px;\n    }\n\n    h5 {\n        margin-top: 40px;\n        font-weight: 600;\n        color: rgba(var(--dark-text), 1);\n    }\n\n    .Refer-code-box {\n        width: 220px;\n        padding: 15px;\n        margin-top: 12px;\n        margin-left: auto;\n        margin-right: auto;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background-color: rgba(var(--theme-color), 0.1);\n        border: 1px dashed rgba(var(--theme-color), 1);\n        border-radius: 6px;\n        backdrop-filter: blur(2px);\n\n        h6 {\n            font-weight: 600;\n            font-size: 14px;\n            color: rgba(var(--theme-color), 1);\n        }\n        .copy-icon {\n            font-size: 25px;\n            line-height: 1;\n            padding-left: 15px;\n            color: rgba(var(--theme-color), 1);\n            border-left: 1px solid rgba(var(--theme-color), 0.3);\n            [dir=\"rtl\"] & {\n                border-left: unset;\n                border-right: 1px solid rgba(var(--theme-color), 0.3);\n            }\n        }\n    }\n}\n\n.share-media-section {\n    margin-top: 80px;\n    padding-top: 40px;\n    text-align: center;\n    border-top: 1px dashed rgba(var(--black), 0.15);\n    h5 {\n        font-weight: 600;\n        color: rgba(var(--dark-text), 1);\n    }\n    .media-list {\n        margin-top: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        li {\n            position: relative;\n            width: 100%;\n            &:last-child {\n                &::after {\n                    display: none;\n                }\n            }\n            &::after {\n                content: \"\";\n                position: absolute;\n                right: 0;\n                top: 50%;\n                transform: translateY(-50%);\n                border: 1px solid rgba(var(--black), 0.15);\n                width: 1px;\n                height: 45px;\n\n                @media (max-width: 375px) {\n                    display: none;\n                }\n            }\n            .media-box {\n                width: 40px;\n                height: 40px;\n                margin: 0 auto;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 100%;\n                .media-icon {\n                    height: 20px;\n                    width: 20px;\n                    font-size: 20px;\n                    line-height: 1;\n                    color: rgba(255, 255, 255, 1);\n                }\n                &.color-1 {\n                    background: radial-gradient(48.37% 48.37% at 37% 35%, #5bfe75 0%, #2acc3b 100%);\n                }\n                &.color-2 {\n                    background: radial-gradient(135.15% 135.15% at 13% -11%, #fe54c4 0%, #e51fa2 52.6%, #f37843 100%);\n                }\n                &.color-3 {\n                    background: radial-gradient(50.7% 50.7% at 31% 23%, #7ed1ff 0%, #39b1f4 100%);\n                }\n                &.color-4 {\n                    background: radial-gradient(56.65% 65.43% at 33.02% 13.21%, #8aceff 0%, #2c99fd 100%);\n                }\n            }\n            h5 {\n                margin-top: 5px;\n                font-weight: 500;\n                text-align: center;\n                color: rgba(var(--dark-text), 1);\n            }\n        }\n    }\n}\n\n.profile-details-list {\n    display: flex;\n    align-items: center;\n    gap: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));\n    margin-bottom: 20px;\n\n    li {\n        position: relative;\n        border-radius: 8px;\n        border: 1px solid rgba(var(--black), 0.1);\n        background-color: rgba(var(--white), 1);\n        box-shadow: 0px 2px 12px 0px rgba(var(--black), 0.04);\n        padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));\n        width: 33%;\n\n        &::after {\n            content: \"\";\n            position: absolute;\n            left: -2px;\n            top: 50%;\n            transform: translateY(-50%);\n            background-color: rgba(var(--theme-color), 1);\n            width: 4px;\n            height: 45px;\n            border-radius: 4px;\n            [dir=\"rtl\"] & {\n                left: unset;\n                right: -2px;\n            }\n        }\n\n        .icon {\n            width: 35px;\n            height: 35px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 5px;\n            margin-bottom: 15px;\n            background-color: rgba(var(--theme-color), 1);\n            border-radius: 4px;\n            box-shadow: 0px 4px 14px 0px rgba(var(--theme-color), 0.22);\n        }\n        h2 {\n            font-weight: 600;\n            color: rgba(var(--theme-color), 1);\n        }\n        h6 {\n            margin-top: 4px;\n            font-weight: 500;\n            color: rgba(var(--dark-text), 1);\n        }\n    }\n    &.order-list {\n        li {\n            &::after {\n                top: 70%;\n            }\n        }\n    }\n    &.restaurant-order-list {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));\n\n        li {\n            h2 {\n                font-size: 24px;\n            }\n        }\n    }\n}\n.earning-card-background {\n    position: relative;\n    background-image: url(../images/delivery-boy/background/earning-bg.png);\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    width: 100%;\n    height: auto;\n    border-radius: 6px;\n    &.withdraw-background {\n        position: relative;\n        background-image: url(../images/restaurant-partner/withdraw-bg.png);\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n        width: 100%;\n        height: auto;\n        border-radius: 6px;\n    }\n    &.total-earning-background {\n        position: relative;\n        background-image: url(../images/delivery-boy/background/earning-bg-1.png);\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n        width: 100%;\n        height: auto;\n\n        .earning-card-details {\n            border: 1px solid rgba(var(--theme-color), 0.3);\n            border-radius: 6px;\n            .icon {\n                padding-right: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));\n                border-right: 1px solid rgba(var(--theme-color), 0.3);\n                [dir=\"rtl\"] & {\n                    border-right: unset;\n                    border-left: 1px solid rgba(var(--theme-color), 0.3);\n                    padding-right: unset;\n                    padding-left: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));\n                }\n            }\n\n            h3 {\n                font-weight: 500;\n                color: rgba(var(--dark-text), 1);\n            }\n            .right-arrow {\n                width: 35px;\n                height: 35px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: rgba(var(--white), 1);\n                background-color: rgba(var(--theme-color), 1);\n                border-radius: 4px;\n                box-shadow: 0px 4px 14px 0px rgba(var(--theme-color), 0.22);\n            }\n        }\n    }\n\n    .earning-card-details {\n        padding: 15px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        .earning-card-content {\n            padding-left: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));\n            [dir=\"rtl\"] & {\n                padding-left: unset;\n                padding-right: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));\n            }\n            h3 {\n                font-weight: 400;\n                color: rgba(255, 255, 255, 1);\n            }\n\n            h2 {\n                margin-top: 10px;\n                font-weight: 600;\n                color: rgba(var(--theme-color), 1);\n            }\n        }\n    }\n}\n.heading {\n    margin-top: 30px;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    h3 {\n        font-weight: 600;\n        color: rgba(var(--dark-text), 1);\n    }\n    .calendar-icon {\n        width: 35px;\n        height: 35px;\n        font-size: 20px;\n        padding: 6px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: rgba(var(--dark-text), 1);\n        background-color: rgba(var(--box-bg), 1);\n        border-radius: 6px;\n        backdrop-filter: blur(2px);\n    }\n}\n\n.earning-list {\n    margin-top: 25px;\n    li {\n        width: 100%;\n        margin-bottom: 15px;\n        border-radius: 8px;\n        border: 1px solid rgba(var(--black), 0.05);\n        background: rgba(var(--white), 1);\n        box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);\n        padding: 12px;\n        &:last-child {\n            margin-bottom: 0;\n        }\n        .earning-box {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            .earning-img {\n                width: 40px;\n                height: 40px;\n                background-color: rgba(var(--theme-color), 0.1);\n                border-radius: 6px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                font-size: 24px;\n                .earning-icon {\n                    color: rgba(var(--theme-color), 1);\n                }\n            }\n            .earning-content {\n                display: flex;\n                justify-content: space-between;\n                width: calc(100% - 40px - 10px);\n                span {\n                    font-weight: 400;\n                    font-size: 13px;\n                    display: list-item;\n                    list-style-type: disc;\n                    color: rgba(var(--light-text), 1);\n                    &.success {\n                        color: rgba(var(--success-color), 1);\n                    }\n                    &.reject {\n                        color: rgba(var(--error-color), 1);\n                    }\n                }\n            }\n        }\n\n        .earning-details {\n            margin-top: 12px;\n            padding-top: 12px;\n            border-top: 1px solid rgba(var(--black), 0.05);\n            border-radius: 8px;\n            .earning-details-list {\n                position: relative;\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    border-bottom: 1px dashed rgba(214, 214, 214, 1);\n                    width: 100%;\n                    bottom: 4px;\n                    left: 0;\n                    [dir=\"rtl\"] & {\n                        left: unset;\n                        right: 0;\n                    }\n                }\n                h6 {\n                    background-color: rgba(var(--box-bg), 1);\n                    z-index: 1;\n                }\n            }\n        }\n        .payment-box {\n            margin-top: 12px;\n            padding: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background-color: rgba(var(--box-bg), 1);\n            border-radius: 6px;\n            .icon {\n                width: 20px;\n                height: 20px;\n                filter: invert(1) grayscale(1);\n            }\n            h6 {\n                padding-left: 10px;\n                border-left: 1px solid rgba(var(--dashed-line), 1);\n                [dir=\"rtl\"] & {\n                    padding-left: unset;\n                    padding-right: 10px;\n                    border-left: unset;\n                    border-right: 1px solid rgba(var(--dashed-line), 1);\n                }\n            }\n            &.order-person-details {\n                padding: 12px 0 0 0;\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                align-items: center;\n                background-color: rgba(var(--white), 1);\n                border-top: 1px solid rgba(var(--dashed-line), 1);\n                border-radius: 0;\n                h6 {\n                    padding-left: 10px;\n                    border-left: 1px solid rgba(var(--dashed-line), 1);\n\n                    [dir=\"rtl\"] & {\n                        padding-left: unset;\n                        padding-right: 10px;\n                        border-left: unset;\n                        border-right: 1px solid rgba(var(--dashed-line), 1);\n                    }\n                }\n            }\n            &.order-payment-details {\n                padding: 10px 0 0 0;\n                background-color: rgba(var(--white), 1);\n                border-top: 1px solid rgba(var(--dashed-line), 1);\n                border-radius: 0;\n                .box-content {\n                    width: 100%;\n                    border-right: 1px solid rgba(var(--dashed-line), 1);\n                    [dir=\"rtl\"] & {\n                        border-right: unset;\n                        border-left: 1px solid rgba(var(--dashed-line), 1);\n                    }\n                }\n            }\n        }\n\n        .rider-list {\n            margin-top: 10px;\n            width: 100%;\n            padding: 12px;\n            display: flex;\n            background-color: rgba(var(--box-bg), 1);\n            li {\n                font-size: 12px;\n                margin: 0;\n                padding-left: 10px;\n                background-color: transparent;\n                border-left: 1px solid rgba(var(--dashed-line), 1);\n                border-top: none;\n                border-right: none;\n                border-bottom: none;\n                box-shadow: none;\n                border-radius: 0;\n                [dir=\"rtl\"] {\n                    padding-right: 10px;\n                    padding-left: 0;\n                    border-left: unset;\n                    border-right: 1px solid rgba(var(--dashed-line), 1);\n                }\n\n                &:first-child {\n                    padding-left: 0;\n                    border-left: none;\n                    [dir=\"rtl\"] & {\n                        padding-right: 0;\n                        padding-left: unset;\n                        border-left: unset;\n                        border-right: none;\n                    }\n                }\n\n                span {\n                    display: block;\n                }\n            }\n        }\n        .order-date {\n            margin-top: 10px;\n            padding: 15px;\n            background-color: rgba(var(--box-bg), 1);\n            border-radius: 4px;\n            h6 {\n                font-weight: 500;\n                font-size: 13px;\n                color: rgba(var(--light-text), 1);\n            }\n        }\n    }\n}\n\n.status-box {\n    padding: 20px 15px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: rgba(42, 193, 93, 0.1);\n    border-radius: 6px;\n    h5 {\n        font-weight: 500;\n        color: rgba(var(--dark-text), 1);\n    }\n\n    h6 {\n        margin-top: 8px;\n        font-size: 400;\n        color: rgba(var(--success-color), 1);\n    }\n\n    .switch-btn {\n        input[type=\"checkbox\"] {\n            position: relative;\n            width: 37px;\n            height: 22px;\n            appearance: none;\n            background: rgba(var(--light-text), 0.3);\n            outline: none;\n            border-radius: 50px;\n            cursor: pointer;\n\n            &:checked {\n                background: rgba(var(--success-color), 0.3);\n\n                &::before {\n                    transform: translateX(80%) translateY(-50%);\n                    background: rgba(var(--success-color), 1);\n                }\n            }\n\n            &:before {\n                content: \"\";\n                width: 15px;\n                height: 15px;\n                border-radius: 50%;\n                background: rgba(var(--light-text), 1);\n                position: absolute;\n                top: 50%;\n                left: 5px;\n                transform: translateY(-50%);\n                transition: 0.5s;\n            }\n        }\n    }\n\n    h3 {\n        color: rgba(var(--dark-text), 1);\n    }\n\n    i {\n        color: rgba(var(--dark-text), 1);\n        font-size: 28px;\n        line-height: 1;\n    }\n}\n","/*=============================\n    Restaurant-details CSS start\n===============================*/\n.restaurant-details-box {\n    position: relative;\n    background: rgba(var(--white), 1);\n    border: 1px solid rgba(var(--black), 0.05);\n    box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.06);\n    border-radius: 14px;\n    padding: 0 12px;\n    margin-top: -80px;\n    z-index: 1;\n\n    .restaurant-head {\n        display: flex;\n        justify-content: space-between;\n        border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n        padding: 12px 0;\n\n        .name {\n            display: flex;\n\n            .restaurant-logo {\n                width: 40px;\n                height: 40px;\n                border-radius: 8px;\n            }\n\n            h3 {\n                font-weight: 700;\n                color: rgba(var(--dark-text), 1);\n            }\n\n            h6 {\n                margin-top: 5px;\n                color: rgba(var(--light-text), 1);\n            }\n        }\n\n        .option {\n            display: flex;\n            gap: 15px;\n            font-size: 20px;\n\n            .share {\n                color: rgba(var(--dark-text), 1);\n            }\n\n            .heart {\n                color: rgba(var(--error-color), 1);\n            }\n        }\n    }\n\n    .restaurant-details {\n        display: flex;\n        align-items: center;\n        padding: 12px 0;\n\n        .location {\n            width: 60%;\n            border-right: 1px solid rgba(var(--dashed-line), 1);\n            margin-right: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n            padding-right: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n\n            [dir=\"rtl\"] & {\n                border-right: unset;\n                margin-right: unset;\n                padding-right: unset;\n                border-left: 1px solid rgba(var(--dashed-line), 1);\n                margin-left: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n                padding-left: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n            }\n\n            .rating-star {\n                border-bottom: 1px solid rgba(var(--dashed-line), 1);\n                padding-bottom: 8px;\n                display: flex;\n                gap: 5px;\n                color: rgba(var(--dark-text), 1);\n\n                .star {\n                    width: 12px;\n                    height: 12px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    padding: 8px;\n                    background-color: rgba(var(--success-color), 1);\n                    border-radius: 100%;\n\n                    i {\n                        color: rgba(255, 255, 255, 1);\n                    }\n                }\n            }\n        }\n\n        .distance {\n            width: 40%;\n            position: relative;\n            z-index: 0;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 6px;\n\n            &::after {\n                content: \"\";\n                position: absolute;\n                top: 50%;\n                left: 6px;\n                width: 1px;\n                height: 30%;\n                border-left: 1px dashed rgba(var(--theme-color), 1);\n                transform: translateY(-50%);\n                z-index: -1;\n\n                [dir=\"rtl\"] & {\n                    left: unset;\n                    right: 6px;\n                    border-left: unset;\n                    border-right: 1px dashed rgba(var(--theme-color), 1);\n                }\n            }\n\n            li {\n                width: 100%;\n                display: flex;\n                gap: 5px;\n                color: rgba(var(--dark-text), 1);\n\n                i {\n                    [dir=\"rtl\"] & {\n                        float: right;\n                    }\n                }\n            }\n        }\n    }\n    &.restaurant-name-box {\n        margin: -40px auto 0;\n        width: 90%;\n        .name {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .rating-star {\n            padding-bottom: 5px;\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            gap: 5px;\n            color: rgba(var(--dark-text), 1);\n\n            .star {\n                width: 12px;\n                height: 12px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                padding: 8px;\n                background-color: rgba(var(--success-color), 1);\n                border-radius: 100%;\n\n                i {\n                    color: rgba(255, 255, 255, 1);\n                }\n            }\n        }\n    }\n}\n\n.offer-box {\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: 15px;\n    gap: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n    background: rgba(var(--box-bg), 1);\n    border-radius: 7px;\n\n    &::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 18%;\n        width: 16px;\n        height: 16px;\n        background-color: rgba(var(--white), 1);\n        border-radius: 100%;\n        transform: translateY(-50%);\n\n        [dir=\"rtl\"] & {\n            left: unset;\n            right: 18%;\n        }\n    }\n\n    &::before {\n        content: \"\";\n        position: absolute;\n        bottom: -16px;\n        left: 18%;\n        width: 16px;\n        height: 16px;\n        background-color: rgba(var(--white), 1);\n        border-radius: 100%;\n        transform: translateY(-50%);\n\n        [dir=\"rtl\"] & {\n            left: unset;\n            right: 18%;\n        }\n    }\n\n    .offer-icon {\n        .offer {\n            width: 40px;\n            height: 40px;\n        }\n    }\n\n    .offer-content {\n        width: calc(100% - 40px - 20px);\n        .switch-btn {\n            input[type=\"checkbox\"] {\n                position: relative;\n                width: 37px;\n                height: 22px;\n                appearance: none;\n                background: rgba(var(--light-text), 0.3);\n                outline: none;\n                border-radius: 50px;\n                cursor: pointer;\n\n                &:checked {\n                    background: rgba(var(--theme-color), 0.3);\n\n                    &::before {\n                        transform: translateX(80%) translateY(-50%);\n                        background: rgba(var(--theme-color), 1);\n                    }\n                }\n\n                &:before {\n                    content: \"\";\n                    width: 15px;\n                    height: 15px;\n                    border-radius: 50%;\n                    background: rgba(var(--light-text), 1);\n                    position: absolute;\n                    top: 50%;\n                    left: 5px;\n                    transform: translateY(-50%);\n                    transition: 0.5s;\n                }\n            }\n        }\n\n        h5 {\n            color: rgba(var(--dark-text), 1);\n            font-size: 13px;\n        }\n\n        h6 {\n            margin-top: 5px;\n        }\n    }\n}\n\n.food-filter {\n    .food-symbol {\n        display: flex;\n        gap: 15px;\n        border-bottom: 1px solid rgba(var(--black), 0.05);\n        padding-bottom: 20px;\n\n        .food-types {\n            display: flex;\n            border: 1px solid rgba(var(--box-bg), 1);\n            padding: 5px;\n            align-items: center;\n            gap: 5px;\n            border-radius: 4px;\n            height: 100%;\n\n            .img {\n                width: 15px;\n                height: 15px;\n            }\n\n            h6 {\n                color: rgba(var(--dark-text), 1);\n                line-height: 1;\n            }\n\n            .close {\n                color: rgba(var(--dark-text), 1);\n                display: none;\n\n                &.active {\n                    display: flex;\n                    color: rgba(var(--theme-color), 1);\n                }\n            }\n\n            &.active {\n                display: flex;\n                border: 1px solid rgba(var(--theme-color), 1);\n\n                .close {\n                    display: flex;\n                    color: rgba(var(--theme-color), 1);\n                }\n            }\n        }\n    }\n}\n","/*=====================\n    Empty Tab CSS start\n==========================*/\n.empty-tab {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  text-align: center;\n\n  h2 {\n    margin-top: 40px;\n    color: rgba(var(--dark-text), 1);\n  }\n\n  h5 {\n    color: rgba(var(--light-text), 1);\n    line-height: 1.3;\n    font-weight: 400;\n  }\n  p {\n    margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n    line-height: 1.5;\n    font-size: 13px;\n    font-weight: 400;\n    color: rgba(var(--light-text), 1);\n  }\n  .empty-btn {\n    margin-top: 0;\n    display: block;\n    padding: 15px !important;\n    width: 100% !important;\n  }\n\n  .try-btn {\n    padding: 10px 30px !important;\n  }\n\n  .empty-bell {\n    margin-top: 100px;\n  }\n\n  .empty-cart {\n    margin-top: 70px;\n  }\n\n  .empty-search {\n    margin-top: 90px;\n  }\n\n  .empty-wishlist {\n    margin-top: 70px;\n  }\n}\n",".grocery-categories-box {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 8px 12px;\n    color: rgba(var(--light-text), 1);\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 6px;\n    [dir=\"rtl\"] & {\n        direction: rtl;\n    }\n    &.active {\n        color: rgba(255, 255, 255, 1);\n        background-color: rgba(var(--theme-color), 1);\n        h6 {\n            border-left: 1px solid rgba(255, 255, 255, 1);\n            [dir=\"rtl\"] & {\n                border-right: 1px solid rgba(255, 255, 255, 1);\n                border-left: unset;\n            }\n        }\n    }\n\n    h6 {\n        padding-left: 8px;\n        border-left: 1px solid rgba(var(--light-text), 0.4);\n        [dir=\"rtl\"] & {\n            padding-right: 8px;\n            padding-left: unset;\n            border-right: 1px solid rgba(var(--light-text), 0.4);\n            border-left: unset;\n        }\n    }\n}\n.grocery-banner-img {\n    border-radius: 6px;\n}\n.grocery-product-box {\n    position: relative;\n    padding: 12px;\n    border-radius: 4px;\n    border: 1px solid rgb(var(--box-bg), 1);\n    background: rgba(var(--white), 1);\n    box-shadow: 0px 2px 15px 0px rgba(var(--black), 0.04);\n    [dir=\"rtl\"] & {\n        direction: rtl;\n    }\n\n    .offer-tag {\n        position: absolute;\n        top: 12px;\n        left: 12px;\n        padding: 5px 10px;\n        color: rgb(var(--error-color), 1);\n        background-color: rgb(var(--error-color), 0.15);\n        border-radius: 10px;\n        [dir=\"rtl\"] & {\n            right: 12px;\n            left: unset;\n        }\n    }\n    .grocery-product-img {\n        padding: 48px 0 18px;\n        text-align: center;\n        .img {\n            width: 90px;\n            height: 70px;\n            object-fit: contain;\n        }\n    }\n    .grocery-product-details {\n        h4 {\n            overflow: hidden;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n        .price {\n            font-size: 13px;\n        }\n    }\n    .like-icon {\n        position: absolute;\n        top: 5px;\n        right: 5px;\n\n        [dir=\"rtl\"] & {\n            right: unset;\n            left: 5px;\n        }\n\n        i {\n            padding: 5px;\n            color: rgba(var(--error-color), 1);\n            background-color: rgba(var(--white), 1);\n            border-radius: 100%;\n            width: 26px;\n            height: 26px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .fill-icon {\n            display: none;\n        }\n        &.active {\n            .outline-icon {\n                display: none;\n            }\n            .fill-icon {\n                display: flex;\n                color: rgba(var(--error-color), 1);\n            }\n            .effect:before {\n                animation: fireworkLine 0.5s linear 0.1s;\n            }\n            .effect:after {\n                animation: fireworkPoint 0.5s linear 0.1s;\n            }\n        }\n    }\n\n    .effect-group {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n\n        .effect {\n            display: block;\n            position: absolute;\n            top: 38%;\n            left: 50%;\n            width: 20px;\n            transform-origin: 0px 2px;\n            &:nth-child(2) {\n                transform: rotate(72deg);\n            }\n            &:nth-child(3) {\n                transform: rotate(72 * 2deg);\n            }\n            &:nth-child(4) {\n                transform: rotate(72 * 3deg);\n            }\n            &:nth-child(5) {\n                transform: rotate(72 * 4deg);\n            }\n            &:before {\n                content: \"\";\n                display: block;\n                position: absolute;\n                right: 0;\n                border-radius: 2px;\n                height: 3px;\n                background: #777777;\n            }\n            &:after {\n                content: \"\";\n                display: block;\n                position: absolute;\n                top: 10px;\n                right: 10%;\n                border-radius: 50%;\n                width: 3px;\n                height: 3px;\n                background: rgba(var(--theme-color), 1);\n                transform: scale(0, 0);\n            }\n        }\n    }\n}\n\n.grocery-horizontal-product-box {\n    border-radius: 4px;\n    border: 1px solid rgba(var(--box-bg), 1);\n    background: rgba(var(--white), 1);\n    box-shadow: 0px 2px 15px 0px rgba(var(--white), 0.04);\n    padding: 12px;\n\n    li {\n        padding: 20px 0;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        border-bottom: 1px solid rgba(var(--box-bg), 1);\n        &:first-child {\n            padding-top: 0;\n        }\n        &:last-child {\n            padding-bottom: 0;\n            border-bottom: none;\n        }\n        .horizontal-product-img {\n            .img {\n                width: 64px;\n                height: 64px;\n            }\n        }\n\n        .horizontal-product-details {\n            position: relative;\n            width: calc(100% - 70px);\n            .add-btn {\n                position: absolute;\n                right: 0;\n                bottom: 0;\n                padding: 5px calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));\n                font-size: 13px;\n                color: rgba(var(--theme-color), 1);\n                background-color: rgba(var(--theme-color), 0.1);\n                border-radius: 5px;\n                [dir=\"rtl\"] & {\n                    right: unset;\n                    left: 0;\n                }\n            }\n        }\n    }\n}\n\n.grocery-horizontal-product-box2 {\n    border-radius: 4px;\n    border: 1px solid rgba(var(--box-bg), 1);\n    background: rgba(var(--white), 1);\n    box-shadow: 0px 2px 15px 0px rgba(var(--black), 0.04);\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n\n    .horizontal-product-img {\n        .img {\n            background-color: rgba(var(--box-bg), 1);\n            width: 64px;\n            height: 64px;\n            padding: 8px;\n        }\n    }\n\n    .horizontal-product-details {\n        position: relative;\n        width: calc(100% - 70px);\n        h5 {\n            overflow: hidden;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n        h6 {\n            overflow: hidden;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n            line-height: 1;\n        }\n        .add-btn {\n            position: absolute;\n            right: 0;\n            bottom: 0;\n            padding: 5px calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));\n            font-size: 13px;\n            color: rgba(var(--theme-color), 1);\n            background-color: rgba(var(--theme-color), 0.1);\n            border-radius: 5px;\n            [dir=\"rtl\"] & {\n                right: unset;\n                left: 0;\n            }\n        }\n    }\n}\n","/*=====================\n    home Page CSS\n==========================*/\n.search-section {\n  .form-group {\n    display: flex;\n    flex-wrap: nowrap;\n    gap: 10px;\n\n    .form-input {\n      position: relative;\n      width: calc(100% - 40px - 10px);\n\n      .search-icon {\n        font-size: 20px;\n\n        &::after {\n          display: none !important;\n        }\n      }\n\n      i {\n        position: absolute;\n        top: 50%;\n        left: 12px;\n        transform: translateY(-50%);\n        color: rgba(var(--light-text), 1);\n        padding-right: 10px;\n        font-size: 14px;\n\n        [dir=\"rtl\"] & {\n          left: unset;\n          right: 12px;\n          padding-right: unset;\n          padding-left: 10px;\n        }\n      }\n    }\n\n    .filter-button {\n      padding: 0;\n      background-color: rgba(var(--box-bg), 1);\n      backdrop-filter: blur(2px);\n      border-radius: 6px;\n      border: none;\n      color: rgba(var(--white), 1);\n      width: auto;\n      height: auto;\n      padding: 15px;\n      line-height: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      i {\n        color: rgba(132, 132, 133, 1);\n        font-size: 15px;\n      }\n\n      &:focus {\n        box-shadow: none;\n      }\n    }\n  }\n}\n\n.search-form {\n  .form-group {\n    .form-input {\n      .form-control {\n        padding: 8px 8px 8px 45px;\n\n        [dir=\"rtl\"] & {\n          padding: 8px 45px 8px 8px;\n        }\n\n        &:focus {\n          box-shadow: none;\n        }\n      }\n\n      i {\n        &::after {\n          content: none;\n        }\n      }\n    }\n  }\n}\n\n.brands-logo {\n  .food-brands {\n    width: 60px;\n    height: 60px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 12px;\n    border: 1px solid rgba(0, 0, 0, 0.12);\n    border-radius: 100%;\n    margin: 0 auto;\n  }\n\n  h4 {\n    margin-top: 10px;\n    text-align: center;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    color: rgba(var(--dark-text), 1);\n  }\n}\n\n.empty-section {\n  h2 {\n    width: 90%;\n    font-size: 45px;\n    font-weight: 800;\n    color: rgba(var(--dark-text), 0.5);\n  }\n\n  h5 {\n    margin: 15px 0;\n    color: rgba(var(--light-text), 1);\n    text-align: left;\n\n    [dir=\"rtl\"] & {\n      text-align: right;\n    }\n  }\n}\n\n.banner-section {\n  .banner-img {\n    width: 100%;\n  }\n}\n","/*=====================\n    onboarding Page CSS\n==========================*/\n.home {\n    position: relative;\n\n    .cooking-video {\n        position: fixed;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        max-width: 767px;\n        width: 100vw;\n        height: 100vh;\n        z-index: -1;\n        object-fit: cover;\n    }\n\n    .theme-content {\n        position: fixed;\n        bottom: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 100%;\n        max-width: 767px;\n        padding: 20px 0;\n        background: linear-gradient(0deg, rgba(0, 0, 0, 0.89) 57.48%, rgba(0, 0, 0, 0) 100%);\n        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\n    }\n\n    .slogan {\n        margin-top: 20px;\n        padding: 12px 0;\n        border-top: 1px solid rgba(225, 225, 225, 0.12);\n        border-bottom: 1px solid rgba(225, 225, 225, 0.12);\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n        li {\n            color: rgba(225, 225, 225, 1);\n            font-size: 20px;\n            font-weight: 600;\n            display: flex;\n            gap: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n        }\n    }\n\n    p {\n        margin-top: 15px;\n        font-size: 20px;\n        font-weight: 600;\n        color: rgba(225, 225, 225, 1);\n        padding: 0;\n    }\n\n    .start-btn {\n        &:active {\n            background-color: rgba(var(--theme-color), 1);\n            color: rgba(var(--white), 1);\n        }\n    }\n}\n","/*=====================\n    landing Page CSS\n==========================*/\n.main-categories-box {\n    padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));\n    border: 1px solid rgba(var(--box-bg), 1);\n    border-radius: 5px;\n\n    .main-categories-img {\n        text-align: center;\n        .img {\n            width: 100%;\n            height: 40px;\n            object-fit: contain;\n            padding-bottom: 10px;\n        }\n    }\n\n    h6 {\n        border-top: 1px solid rgba(var(--box-bg), 1);\n        padding-top: 10px;\n        text-align: center;\n    }\n}\n\n.offer-deal-box {\n    background-color: rgba(var(--box-bg), 1);\n    padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));\n    .deal-img {\n        height: 25px;\n        width: 25px;\n    }\n    h5 {\n        font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));\n        color: rgba(var(--dark-text), 1);\n    }\n}\n\n.main-banner-box {\n    cursor: pointer;\n    .banner-img {\n        border-radius: 12px 12px 0 0;\n    }\n    .main-banner-details {\n        margin-top: 4px;\n        padding: 12px;\n        border-radius: 0 0 12px 12px;\n        border: 1px solid rgba(var(--box-bg), 1);\n        h3 {\n            font-weight: 500;\n            color: rgba(var(--dark-text), 1);\n        }\n        h5 {\n            margin-top: 4px;\n            font-size: 500;\n            color: rgba(var(--light-text), 1);\n            padding-bottom: 12px;\n            span {\n                color: rgba(var(--theme-color), 1);\n            }\n        }\n        .order-part {\n            padding-top: 12px;\n            border-top: 1px dashed rgba(var(--light-text), 0.3);\n            h5 {\n                font-weight: 500;\n                color: rgba(var(--dark-text), 1);\n            }\n        }\n    }\n}\n\n.main-product-card {\n    border-radius: 6px;\n    border: 1px solid rgba(var(--box-bg), 1);\n    box-shadow: 0px 2px 15px 0px rgba(var(--black), 0.04);\n    [dir=\"rtl\"] & {\n        direction: rtl;\n    }\n    .product-card-img {\n        border-radius: 6px 6px 0 0;\n    }\n    .card-body {\n        padding: 12px;\n        .card-title {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n        .add-btn {\n            padding: 5px 15px;\n        }\n    }\n}\n","/*=============================\n    Location CSS start\n===============================*/\n.location-map {\n    border: 0;\n    height: 100vh;\n    width: 100%;\n}\n\n.delivery-root {\n    position: relative;\n    border: 0;\n    height: 100vh;\n    width: 100%;\n    margin-bottom: -16px;\n    > div {\n        height: 100%;\n    }\n}\n\n.location-popup {\n    position: fixed;\n    width: 100%;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 2;\n    max-width: 600px;\n    background: linear-gradient(180deg, #414449 1.31%, #1f1f1f 101.06%);\n    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.14);\n    border-radius: 20px 20px 0px 0px;\n    height: auto;\n    padding: 20px;\n\n    .change-location {\n        display: flex;\n        justify-content: space-between;\n\n        h2 {\n            font-weight: 500;\n            color: rgba(255, 255, 255, 1);\n        }\n\n        i {\n            color: rgba(var(--theme-color), 1);\n            font-size: 18px;\n        }\n    }\n\n    .address {\n        font-size: 14px;\n        font-weight: 500;\n    }\n\n    .delivery-btn {\n        font-size: 16px;\n    }\n}\n","/*=====================\n    Notification CSS start\n==========================*/\n.notification {\n  .notification-box {\n    position: relative;\n    display: flex;\n    width: 100%;\n    margin-top: 20px;\n\n    .notification-icon {\n      width: 50px;\n      height: 50px;\n      border-radius: 100%;\n      border: 1px dashed rgba(var(--light-text), 1);\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      &::before {\n        content: \"\";\n        position: absolute;\n        left: 50px;\n        top: 21px;\n        width: 18px;\n        height: 1px;\n        background-color: rgba(var(--light-text), 1);\n\n        [dir=\"rtl\"] & {\n          left: unset;\n          right: 50px;\n        }\n      }\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        left: 48px;\n        top: 36px;\n        width: 20px;\n        height: 1px;\n        background-color: rgba(var(--light-text), 1);\n\n        [dir=\"rtl\"] & {\n          left: unset;\n          right: 48px;\n        }\n      }\n\n      span {\n        width: 42px;\n        height: 42px;\n        background-color: rgba(var(--box-bg), 1);\n        padding: 15px;\n        border-radius: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        &::before {\n          content: \"\";\n          position: absolute;\n          left: 70px;\n          top: 19px;\n          transform: translate(-50%);\n          width: 5px;\n          height: 5px;\n          background-color: rgba(var(--light-text), 1);\n          border-radius: 100%;\n\n          [dir=\"rtl\"] & {\n            left: unset;\n            right: 70px;\n          }\n        }\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          left: 70px;\n          top: 34px;\n          transform: translate(-50%);\n          width: 5px;\n          height: 5px;\n          background-color: rgba(var(--light-text), 1);\n          border-radius: 100%;\n\n          [dir=\"rtl\"] & {\n            left: unset;\n            right: 70px;\n          }\n        }\n\n        .notification-img {\n          stroke: rgba(var(--light-text), 1);\n          width: 21px;\n          height: 21px;\n          border-radius: 100%;\n\n          &.img1 {\n            padding: 5px;\n          }\n        }\n      }\n    }\n\n    &.unread {\n      .notification-icon {\n        border: 1px dashed rgba(var(--theme-color), 1);\n\n        &::before {\n          background-color: rgba(var(--theme-color), 1);\n        }\n\n        &::after {\n          background-color: rgba(var(--theme-color), 1);\n        }\n\n        span {\n          background-color: rgba(var(--theme-color), 1);\n\n          &::before {\n            background-color: rgba(var(--theme-color), 1);\n          }\n\n          &::after {\n            background-color: rgba(var(--theme-color), 1);\n          }\n\n          .notification-img {\n            border: 1px solid rgba(255, 255, 255, 1);\n          }\n        }\n      }\n\n      .notification-content {\n        p {\n          color: rgba(var(--dark-text), 1);\n        }\n\n        h5 {\n          font-weight: 600;\n        }\n      }\n    }\n\n    .notification-content {\n      width: calc(100% - 60px);\n      margin-left: 10px;\n      background: rgba(var(--white), 1);\n      border: 1px solid rgba(var(--black), 0.05);\n      box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n      border-radius: 8px;\n      padding: 12px 12px 12px 18px;\n\n      [dir=\"rtl\"] & {\n        margin-left: unset;\n        margin-right: 10px;\n        padding: 12px 18px 12px 12px;\n      }\n\n      h5 {\n        color: rgba(var(--dark-text), 1);\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      h6 {\n        color: rgba(var(--light-text), 1);\n      }\n\n      p {\n        color: rgba(var(--light-text), 1);\n        border-top: 1px dashed rgba(var(--dashed-line), 1);\n        padding: 8px 0 0 0;\n        margin: 8px 0 0 0;\n      }\n    }\n  }\n}\n\n.notification-setting {\n  background: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--black), 0.05);\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n  border-radius: 8px;\n  padding: 15px;\n\n  li {\n    display: block;\n    border-bottom: 1px solid rgba(var(--dashed-line), 0.5);\n\n    &:last-child {\n      border-bottom: none;\n    }\n\n    .notification {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      padding: 15px 0;\n\n      input[type=\"checkbox\"] {\n        position: relative;\n        width: 37px;\n        height: 22px;\n        appearance: none;\n        background: rgba(var(--box-bg), 1);\n        outline: none;\n        border-radius: 50px;\n        cursor: pointer;\n\n        &:checked {\n          background: rgba(var(--theme-color), 0.1);\n\n          &::before {\n            transform: translateX(80%) translateY(-50%);\n            background: rgba(var(--theme-color), 1);\n          }\n        }\n\n        &:before {\n          content: \"\";\n          width: 15px;\n          height: 15px;\n          border-radius: 50%;\n          background: rgba(var(--light-text), 1);\n          position: absolute;\n          top: 50%;\n          left: 5px;\n          transform: translateY(-50%);\n          transition: 0.5s;\n        }\n      }\n    }\n  }\n\n  &.status-items {\n    border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n  }\n}\n","/*=============================\n    order CSS start\n===============================*/\n.order-tracking {\n    background-color: rgba(var(--white), 1);\n    border: 1px solid rgba(0, 0, 0, 0.05);\n    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n    border-radius: 10px;\n    padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));\n\n    .tracking-place {\n        li {\n            position: relative;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            padding-bottom: 25px;\n            width: 100%;\n\n            &:last-child {\n                &::after {\n                    display: none;\n                }\n            }\n\n            &::after {\n                content: \"\";\n                position: absolute;\n                bottom: 10px;\n                left: 70px;\n                width: 25px;\n                border: 1px dashed rgba(var(--light-text), 1);\n                transform: rotate(90deg);\n\n                [dir=\"rtl\"] & {\n                    left: unset;\n                    right: 70px;\n                }\n            }\n\n            h6 {\n                color: rgba(var(--dark-text), 1);\n\n                &.color-1 {\n                    color: rgba(255, 185, 49, 1);\n                }\n\n                &.color-2 {\n                    color: rgba(68, 111, 221, 1);\n                }\n\n                &.color-3 {\n                    color: rgba(var(--error-color), 1);\n                }\n\n                &.color-4 {\n                    color: rgba(var(--success-color), 1);\n                }\n            }\n\n            span {\n                position: relative;\n                width: 25px;\n                height: 25px;\n                background-color: rgba(var(--box-bg), 1);\n                border-radius: 100%;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n\n\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    width: 15px;\n                    height: 15px;\n                    background-color: rgba(var(--light-text), 1);\n                    border-radius: 100%;\n                }\n            }\n\n            .icon {\n                padding: 6px;\n                border-radius: 6px;\n\n                &.step-1 {\n                    background: rgba(255, 241, 214, 1);\n                }\n\n                &.step-2 {\n                    background: rgba(225, 232, 250, 1);\n                }\n\n                &.step-3 {\n                    background: rgba(252, 217, 217, 1);\n                }\n\n                &.step-4 {\n                    background: rgba(224, 239, 217, 1);\n                }\n            }\n\n            &.active {\n                &::after {\n                    border-color: rgba(var(--theme-color), 1);\n                }\n\n                span {\n                    background-color: rgba(var(--theme-color), 0.15);\n\n                    &::after {\n                        background-color: rgba(var(--theme-color), 1);\n                    }\n                }\n            }\n        }\n    }\n}","/*=============================\n     Page-listing CSS start\n===============================*/\n.categories-title {\n    margin-top: 20px;\n\n    h2 {\n        font-size: calc(16px + 2 * (100vw - 320px) / 1600);\n        background-color: rgba(var(--box-bg), 1);\n        padding: 15px;\n        border-radius: 10px;\n    }\n}\n\n.categories-menu {\n    .navigation {\n        .pages {\n            width: 100%;\n            padding: 0 10px;\n\n            h4 {\n                font-size: 15px;\n            }\n\n            a {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                color: rgba(var(--dark-text), 1);\n                font-size: calc(14px + 2 * (100vw - 320px) / 1600);\n                font-weight: 500;\n                width: 100%;\n\n                i {\n                    color: rgba(var(--dark-text), 1);\n                    font-size: 30px;\n                    line-height: 1;\n\n                    [dir=\"rtl\"] & {\n                        transform: scaleX(-1);\n                    }\n                }\n            }\n        }\n    }\n}\n","/*=============================\n    payment CSS start\n===============================*/\n.payment-list {\n    .payment-card-box {\n        flex-wrap: wrap;\n        padding: 0 15px;\n        border-radius: 14px;\n\n        .payment-detail {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            width: 100%;\n            padding: 15px 0;\n\n            .add-img {\n                width: 35px;\n                height: 30px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n\n                .img {\n                    width: 35px;\n                    height: 30px;\n                }\n\n                .add-square-img {\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    font-size: 22px;\n                    border: 1.5px solid;\n                    border-radius: 10px;\n                    width: 100%;\n                }\n            }\n\n            .add-content {\n                width: calc(100% - 35px - 15px);\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n\n                h5 {\n                    color: rgba(var(--dark-text), 1);\n                }\n\n                .form-check {\n                    .form-check-input {\n                        box-shadow: none;\n                    }\n\n                    .form-check-input:checked {\n                        background-color: rgba(var(--theme-color), 1);\n                        border-color: rgba(var(--theme-color), 1);\n                    }\n                }\n            }\n        }\n\n    }\n\n    .new-card {\n        border-top: 1px dashed rgba(var(--dashed-line), 1);\n    }\n}\n\n.debit-card {\n    position: relative;\n    background-image: url(../images/background/card.jpg);\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    width: 100%;\n    height: auto;\n    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.14);\n    border-radius: 14px;\n\n    .card-details {\n        padding: 22px;\n\n        .card-name {\n            color: rgba(225, 225, 225, 0.5);\n        }\n\n        .chip {\n            margin-top: 12px;\n        }\n\n        .ac-details {\n            margin-top: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n\n            li {\n                h6 {\n                    font-weight: 400;\n                    color: rgba(225, 225, 225, 0.5);\n                }\n\n                h3 {\n                    font-weight: 700;\n                    color: rgba(225, 225, 225, 1);\n                    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));\n                }\n            }\n        }\n\n        .user-name {\n            margin-top: 15px;\n\n            h6 {\n                font-weight: 400;\n                color: rgba(225, 225, 225, 0.5);\n            }\n\n            h5 {\n                font-weight: 500;\n                color: rgba(225, 225, 225, 1);\n                letter-spacing: 0.02em;\n                text-transform: uppercase;\n\n            }\n        }\n    }\n}\n\n.address-form {\n    border-top: 1px dashed rgba(var(--dashed-line), 1);\n    padding-top: 20px;\n}",".pharmacy-categories-box {\n    width: 70px;\n    height: 70px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgba(var(--light-text), 1);\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 100%;\n    margin: 0 auto;\n\n    &.active {\n        color: rgba(var(--white), 1);\n        background-color: rgba(var(--theme-color), 0.1);\n        h6 {\n            border-left: 1px solid rgba(var(--white), 1);\n        }\n    }\n}\n.pharmacy-banner-img {\n    border-radius: 6px;\n}\n\n.pharmacy-product-box {\n    padding: 0;\n    position: relative;\n    .ratings {\n        position: absolute;\n        top: 15px;\n        right: 12px;\n        [dir=\"rtl\"] & {\n            left: 12px;\n            right: unset;\n        }\n    }\n    .grocery-product-details {\n        background-color: rgba(var(--box-bg), 1);\n        padding: 8px 12px;\n        .cart-btn {\n            background-color: rgba(var(--theme-color), 1);\n            padding: 5px;\n            border-radius: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 30px;\n            height: 30px;\n        }\n    }\n}\n\n.pharmacy-horizontal-product-box {\n    background-color: rgba(var(--box-bg), 1);\n    li {\n        border-bottom: 1px dashed rgba(var(--black), 0.06);\n        gap: 12px;\n        .horizontal-product-img {\n            padding: 8px;\n            background-color: rgba(var(--white), 1);\n            border-radius: 4px;\n        }\n\n        h5 {\n            overflow: hidden;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n    }\n}\n\n.pharmacy-horizontal-product-box2 {\n    border-radius: 4px;\n    border: 1px solid rgba(var(--box-bg), 1);\n    background: rgba(var(--white), 1);\n    box-shadow: 0px 2px 15px 0px rgba(var(--black), 0.04);\n    display: flex;\n    align-items: unset;\n    padding: 0;\n    gap: 0;\n    height: 100%;\n    [dir=\"rtl\"] & {\n        direction: rtl;\n    }\n    .horizontal-product-img {\n        .img {\n            width: 80px;\n            height: 100%;\n        }\n    }\n    .horizontal-product-details {\n        position: relative;\n        width: calc(100% - 80px);\n        padding: 12px;\n        .add-btn {\n            right: 15px;\n            bottom: 15px;\n            [dir=\"rtl\"] & {\n                left: 15px;\n                right: unset;\n            }\n        }\n    }\n}\n.discount-banner {\n    border-radius: 6px;\n}\n","/*=============================\n    profile CSS start\n===============================*/\n.profile-cover {\n    position: relative;\n    width: 100%;\n    height: 90px;\n    background: linear-gradient(333.77deg, #ff8d2f 9.66%, #ffd3b0 101.81%);\n    border-radius: 20px 20px 0px 0px;\n\n    .profile-pic {\n        position: absolute;\n        bottom: -30px;\n        left: 50%;\n        transform: translate(-50%);\n        padding: 5px;\n        width: 75px;\n        height: 75px;\n        border-radius: 100%;\n        background-color: rgba(var(--white), 1);\n    }\n}\n\n.profile-name {\n    margin-top: 25px;\n\n    h5 {\n        font-weight: 600;\n        color: rgba(var(--dark-text), 1);\n        text-align: center;\n        margin-top: 30px;\n    }\n\n    h6 {\n        color: rgba(var(--dark-text), 1);\n        text-align: center;\n        font-weight: 400;\n        margin-top: 4px;\n    }\n}\n\n.profile-list {\n    li {\n        width: 100%;\n        padding-bottom: 15px;\n\n        .profile-box {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n            border-radius: 100px 38px 38px 100px;\n            color: rgba(var(--dark-text), 1);\n            border: 1px solid rgba(var(--black), 0.05);\n            background-color: rgba(var(--box-bg), 1);\n\n            [dir=\"rtl\"] & {\n                border-radius: 38px 100px 100px 38px;\n            }\n\n            .profile-icon {\n                height: 32px;\n                width: 32px;\n                box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n                border-radius: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                transform: scale(1.4);\n                font-size: 22px;\n                border: 1px solid rgba(var(--light-text), 0.2);\n                background-color: rgba(var(--box-bg), 1);\n\n                .icon {\n                    width: 16px;\n                    height: 16px;\n                }\n            }\n\n            .profile-box-name {\n                width: calc(100% - 40px - 15px);\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                margin: 10px;\n                margin-left: 6px;\n                color: rgba(var(--dark-text), 1);\n\n                [dir=\"rtl\"] & {\n                    margin-left: unset;\n                    margin-right: 6px;\n                }\n\n                h6 {\n                    font-weight: 500;\n                    font-size: 1px;\n\n                    .arrow {\n                        margin-left: auto;\n                        font-size: 14px;\n\n                        [dir=\"rtl\"] & {\n                            margin-left: unset;\n                            margin-right: auto;\n                        }\n                    }\n                }\n\n                i {\n                    font-size: 16px;\n\n                    [dir=\"rtl\"] & {\n                        transform: scaleX(-1);\n                        margin-left: 8px;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.profile-img {\n    position: relative;\n    margin-left: auto;\n    margin-right: auto;\n    width: 100px;\n    height: 100px;\n\n    .img {\n        border-radius: 18px;\n    }\n\n    .camera {\n        position: absolute;\n        padding: 15px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        background-color: rgba(var(--white), 1);\n        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.12);\n        border-radius: 8px;\n        font-size: 20px;\n        height: 32px;\n        width: 32px;\n        bottom: -5px;\n        right: -10px;\n\n        [dir=\"rtl\"] & {\n            margin-left: -10px;\n            margin-right: unset;\n        }\n    }\n}\n","/*==========================\n     restaurant-app CSS start\n============================*/\n.total-sales-background {\n    width: 100%;\n    padding: 15px;\n    background-color: rgba(var(--theme-color), 0.1);\n    border: 1px solid rgba(var(--theme-color), 0.3);\n    border-radius: 6px;\n\n    .earning-card-details {\n        .icon {\n            padding-right: 8px;\n            border-right: 1px solid rgba(var(--theme-color), 0.3);\n            [dir=\"rtl\"] & {\n                padding-right: unset;\n                padding-left: 8px;\n                border-right: unset;\n                border-left: 1px solid rgba(var(--theme-color), 0.3);\n            }\n        }\n        h3 {\n            font-weight: 500;\n            color: rgba(var(--dark-text), 1);\n        }\n    }\n    .earning-card-details {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding-bottom: 15px;\n        border-bottom: 1px solid rgba(var(--theme-color), 0.3);\n        h3 {\n            font-weight: 400;\n            color: rgba(255, 255, 255, 1);\n        }\n        h2 {\n            font-weight: 600;\n            color: rgba(var(--theme-color), 1);\n        }\n    }\n    .sale-timing-list {\n        padding-top: 15px;\n        display: flex;\n\n        li {\n            padding-left: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));\n            border-left: 1px solid rgba(var(--theme-color), 0.3);\n            [dir=\"rtl\"] & {\n                padding-left: unset;\n                padding-right: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));\n                border-left: unset;\n                border-right: 1px solid rgba(var(--theme-color), 0.3);\n            }\n            &:first-child {\n                padding-left: 0;\n                border-left: 0;\n                [dir=\"rtl\"] & {\n                    padding-left: unset;\n                    padding-right: 0;\n                    border-right: 0;\n                    border-left: unset;\n                }\n            }\n        }\n    }\n}\n\n.coupon-list {\n    li {\n        width: 100%;\n        margin-bottom: 20px;\n        &:last-child {\n            margin-bottom: 0;\n        }\n        .offer-box {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 15px;\n            gap: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n            background: rgba(var(--box-bg), 1);\n            border-radius: 10px;\n            cursor: pointer;\n\n            &::after {\n                content: \"\";\n                position: absolute;\n                top: 0;\n                left: 18%;\n                width: 16px;\n                height: 16px;\n                background-color: rgba(var(--white), 1);\n                border-radius: 100%;\n                transform: translateY(-50%);\n\n                [dir=\"rtl\"] & {\n                    left: unset;\n                    right: 18%;\n                }\n            }\n\n            &::before {\n                content: \"\";\n                position: absolute;\n                bottom: -16px;\n                left: 18%;\n                width: 16px;\n                height: 16px;\n                background-color: rgba(var(--white), 1);\n                border-radius: 100%;\n                transform: translateY(-50%);\n\n                [dir=\"rtl\"] & {\n                    left: unset;\n                    right: 18%;\n                }\n            }\n\n            .offer-icon {\n                .offer {\n                    width: 40px;\n                    height: 40px;\n                }\n            }\n\n            .offer-content {\n                width: calc(100% - 40px - 20px);\n                .switch-btn {\n                    z-index: 2;\n                    input[type=\"checkbox\"] {\n                        position: relative;\n                        width: 37px;\n                        height: 22px;\n                        appearance: none;\n                        background: rgba(var(--light-text), 0.3);\n                        outline: none;\n                        border-radius: 50px;\n                        cursor: pointer;\n\n                        &:checked {\n                            background: rgba(var(--theme-color), 0.3);\n\n                            &::before {\n                                transform: translateX(80%) translateY(-50%);\n                                background: rgba(var(--theme-color), 1);\n                            }\n                        }\n\n                        &:before {\n                            content: \"\";\n                            width: 15px;\n                            height: 15px;\n                            border-radius: 50%;\n                            background: rgba(var(--light-text), 1);\n                            position: absolute;\n                            top: 50%;\n                            left: 5px;\n                            transform: translateY(-50%);\n                            transition: 0.5s;\n                        }\n                    }\n                }\n\n                h5 {\n                    color: rgba(var(--dark-text), 1);\n                    font-size: 13px;\n                }\n\n                h6 {\n                    margin-top: 5px;\n                }\n            }\n        }\n    }\n}\n\n.restaurant-banner {\n    .cover-img {\n        width: 100%;\n        height: calc(110px + (220 - 110) * ((100vw - 320px) / (1920 - 320)));\n        object-fit: cover;\n        object-position: top center;\n        border-radius: 10px;\n    }\n}\n\n.restaurant-info-box {\n    padding: 20px;\n    border: 1px solid rgba(var(--black), 0.05);\n    background-color: rgba(var(--white), 1);\n    border-radius: 10px;\n    box-shadow: 0px 3.051px 18.309px 0px rgba(var(--black), 0.04);\n    .details-list {\n        li {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            padding-bottom: 15px;\n            &:nth-child(2) {\n                border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n            }\n            &:nth-child(3) {\n                padding-top: 15px;\n            }\n            &:nth-child(7) {\n                border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n            }\n            &:nth-child(8) {\n                padding-top: 15px;\n            }\n            &:last-child {\n                padding-bottom: 0;\n            }\n            .heading1 {\n                width: 40%;\n                color: rgba(var(--dark-text), 1);\n            }\n            span {\n                font-size: 20px;\n                font-weight: 500;\n                line-height: 1;\n                color: rgba(var(--dark-text), 1);\n            }\n            .content {\n                color: rgba(var(--dark-text), 1);\n                padding-left: 15px;\n                [dir=\"rtl\"] & {\n                    padding-right: 15px;\n                    padding-left: unset;\n                }\n            }\n        }\n    }\n}\n\n.item-detail-tab {\n    padding-top: 30px;\n    border-top: 1px dashed rgba(var(--dashed-line), 1);\n\n    .item-content-box {\n        margin-top: 20px;\n        padding: 20px;\n        background-color: rgba(var(--white), 1);\n        border: 1px solid rgba(var(--dashed-line), 1);\n        border-radius: 10px;\n        box-shadow: 0px 3px 18px 0px rgba(var(--black), 0.04);\n        .item-content-head {\n            padding-bottom: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            border-bottom: 1px solid rgba(var(--dashed-line), 1);\n            .box-content {\n                width: 50%;\n                border-right: 1px solid rgba(var(--dashed-line), 1);\n                [dir=\"rtl\"] & {\n                    border-right: unset;\n                    border-left: 1px solid rgba(var(--dashed-line), 1);\n                }\n                h5 {\n                    font-weight: 600;\n                    color: rgba(var(--dark-text), 1);\n                }\n                h6 {\n                    margin-top: 10px;\n                    font-weight: 500;\n                    color: rgba(var(--dark-text), 1);\n                }\n            }\n        }\n        .description-part {\n            padding: 15px 0;\n            h5 {\n                font-weight: 600;\n                color: rgba(var(--dark-text), 1);\n            }\n            p {\n                text-align: justify;\n                margin-top: 5px;\n                font-weight: 500;\n                color: rgba(var(--dark-text), 1);\n            }\n        }\n\n        .variety-part {\n            h5 {\n                font-weight: 600;\n                color: rgba(var(--dark-text), 1);\n            }\n            .variety-list {\n                margin-top: 15px;\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                li {\n                    width: 100%;\n                    padding-inline: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));\n                    border-right: 1px solid rgba(var(--dashed-line), 1);\n                    [dir=\"rtl\"] & {\n                        border-right: unset;\n                        border-left: 1px solid rgba(var(--dashed-line), 1);\n                    }\n                    &:first-child {\n                        padding-left: 0;\n                        [dir=\"rtl\"] & {\n                            padding-left: unset;\n                            padding-right: 0;\n                        }\n                    }\n                    &:last-child {\n                        padding-right: 0;\n                        border-right: none;\n                        [dir=\"rtl\"] & {\n                            padding-right: unset;\n                            padding-left: 0;\n                            border-right: unset;\n                            border-left: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.review-list {\n    margin-top: 20px;\n    padding: 20px;\n    background-color: rgba(var(--white), 1);\n    border: 1px solid rgba(var(--dashed-line), 1);\n    border-radius: 10px;\n    box-shadow: 0px 3px 18px 0px rgba(var(--black), 0.04);\n\n    .review-box {\n        padding-block: 15px;\n        border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n        &:first-child {\n            padding-top: 0;\n        }\n        &:last-child {\n            padding-bottom: 0;\n            border-bottom: none;\n        }\n\n        .review-head {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n\n            .profile-pic {\n                width: 45px;\n                height: 45px;\n                border-radius: 100%;\n                object-fit: cover;\n            }\n            .content {\n                width: calc(100% - 45px - 8px);\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n\n                h5 {\n                    font-weight: 600;\n                    color: rgba(var(--dark-text), 1);\n                }\n\n                h6 {\n                    color: rgba(var(--light-text), 1);\n                }\n                .rating-star {\n                    display: flex;\n                    gap: 5px;\n                    color: rgba(var(--dark-text), 1);\n\n                    .star {\n                        width: 12px;\n                        height: 12px;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        padding: 8px;\n                        background-color: rgba(var(--success-color), 1);\n                        border-radius: 100%;\n\n                        i {\n                            color: rgba(255, 255, 255, 1);\n                        }\n                    }\n                }\n            }\n        }\n        p {\n            margin-top: 10px;\n            font-weight: 400;\n            color: rgba(var(--dark-text), 1);\n        }\n    }\n}\n\n.tag-part {\n    .code-form-control {\n        position: relative;\n        padding: 15px calc(60px + (90 - 60) * ((100vw - 320px) / (1920 - 320))) 15px 15px;\n    }\n    .apply-btn {\n        position: absolute;\n        top: 50%;\n        right: 0;\n        transform: translateY(-50%);\n        margin-top: 0px;\n        font-size: 14px;\n        padding: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)))\n            calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));\n        border-radius: 4px;\n    }\n\n    .tag-list {\n        margin-top: 8px;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 10px;\n\n        li {\n            height: 25px;\n            padding: 6px;\n            display: inline-flex;\n            align-items: center;\n            gap: 5px;\n            background-color: rgba(var(--white), 1);\n            border: 1px solid rgba(var(--theme-color), 1);\n            border-radius: 15px;\n            backdrop-filter: blur(2px);\n            transition: all 0.8s ease-in-out;\n            h5 {\n                font-size: 12px;\n                font-weight: 400;\n                color: rgba(var(--theme-color), 1);\n            }\n\n            .icon {\n                line-height: 1;\n                color: rgba(var(--theme-color), 1);\n            }\n        }\n    }\n}\n\n.variation-part {\n    padding-top: 25px;\n    border-top: 1px dashed rgba(var(--dashed-line), 1);\n    .variation-box {\n        margin-top: 10px;\n        padding: 15px;\n        background-color: rgba(var(--white), 1);\n        border: 1.526px solid rgba(var(--dashed-line), 1);\n        border-radius: 12px;\n        box-shadow: 0px 3.051px 18.309px 0px rgba(var(--black), 0.04);\n        .form-check {\n            margin-bottom: 0;\n\n            .form-check-input {\n                width: 20px;\n                height: 20px;\n                background-color: rgba(var(--white), 1);\n                border: 1px solid rgba(var(--dashed-line), 1);\n\n                &:focus {\n                    box-shadow: none;\n                    border-color: none;\n                }\n            }\n\n            .form-check-label {\n                color: rgba(var(--light-text), 1);\n                font-size: 16px;\n                margin-left: 10px;\n                [dir=\"rtl\"] & {\n                    margin-right: 10px;\n                    margin-left: unset;\n                }\n            }\n\n            .form-check-input:checked {\n                position: relative;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border: 1px solid rgba(var(--theme-color), 1);\n                &::after {\n                    content: \"\";\n                    height: 10px;\n                    width: 10px;\n                    background-color: rgba(var(--theme-color), 1);\n                    border-radius: 100%;\n                }\n            }\n        }\n        .box-content {\n            width: 50%;\n            display: flex;\n            justify-content: flex-start;\n\n            .form-check-reverse {\n                .form-check-input {\n                    border: 1px solid rgba(var(--dashed-line), 1);\n                    box-shadow: none;\n                    padding-right: 0;\n\n                    [dir=\"rtl\"] & {\n                        padding-right: unset;\n                        padding-left: 0;\n                    }\n                }\n\n                .form-check-input:checked {\n                    background-color: rgba(var(--theme-color), 1);\n                }\n            }\n        }\n    }\n}\n\n.timing-part {\n    margin-top: 20px;\n    border-top: 1px dashed rgba(var(--dashed-line), 1);\n}\n\n.restaurant-order-tab {\n    flex-wrap: nowrap;\n    width: 100%;\n    margin: 30px auto 0;\n    border-radius: 6px;\n    overflow: scroll;\n    gap: 20px;\n    display: flex;\n}\n\n.shipping-details {\n    margin-top: 15px;\n    padding: 15px;\n    background-color: rgba(var(--white, 1));\n    border: 1px solid rgba(var(--dashed-line), 1);\n    border-radius: 12px;\n    box-shadow: 0px 3px 18px 0px rgba(var(--black), 0.04);\n    .title-content {\n        font-weight: 600;\n        color: rgba(var(--dark-text), 1);\n    }\n    .shipping-content {\n        margin-top: 10px;\n        padding-top: 12px;\n        display: flex;\n        flex-direction: column;\n        border-top: 1px solid rgba(var(--dashed-line), 1);\n        border-radius: 6px;\n        .icon {\n            width: 20px;\n            height: 20px;\n            filter: invert(0.3);\n        }\n        .icon {\n            width: 20px;\n            height: 20px;\n            filter: invert(1) grayscale(1);\n        }\n        h6 {\n            padding-left: 10px;\n            border-left: 1px solid rgba(var(--dashed-line), 1);\n            @media (max-width: 600px) {\n                padding-left: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));\n            }\n            [dir=\"rtl\"] & {\n                padding-left: unset;\n                padding-right: 10px;\n                border-left: unset;\n                border-right: 1px solid rgba(var(--dashed-line), 1);\n            }\n        }\n    }\n}\n\n.notify-part {\n    margin-top: 25px;\n    padding: 12px;\n    background-color: rgba(var(--white, 1));\n    border: 1px solid rgba(var(--dashed-line), 1);\n    border-radius: 12px;\n    box-shadow: 0px 3px 18px 0px rgba(var(--black), 0.04);\n    .form-check {\n        .form-check-label {\n            font-weight: 600;\n            font-size: 14px;\n            color: rgba(var(--dark-text), 1);\n        }\n        .form-check-input {\n            border: 1px solid rgba(var(--dashed-line), 1);\n            box-shadow: none;\n            padding-right: 0;\n\n            [dir=\"rtl\"] & {\n                padding-right: unset;\n                padding-left: 0;\n            }\n        }\n\n        .form-check-input:checked {\n            background-color: rgba(var(--theme-color), 1);\n        }\n    }\n}\n\n.order-item-table {\n    margin-top: 25px;\n    padding: 15px;\n    background-color: rgba(var(--white, 1));\n    border: 1px solid rgba(var(--dashed-line), 1);\n    border-radius: 12px;\n    box-shadow: 0px 3px 18px 0px rgba(var(--black), 0.04);\n\n    thead {\n        border-bottom: 1px solid rgba(var(--dashed-line), 1);\n        tr {\n            th {\n                font-size: 14px;\n                font-weight: 500;\n                color: rgba(var(--dark-text), 1);\n            }\n        }\n    }\n\n    tbody {\n        border-bottom: 1px solid rgba(var(--dashed-line), 1);\n\n        tr {\n            td {\n                font-size: 13px;\n                font-weight: 500;\n                color: rgba(var(--dark-text), 1);\n                &.sub-total {\n                    font-size: 14px;\n                }\n            }\n        }\n    }\n}\n","/*=====================\n    Dark CSS start\n==========================*/\nbody {\n    &.dark {\n        .navbar-menu {\n            border-top: 1px solid rgba(var(--light-text), 0.2);\n        }\n\n        .location {\n            .location-img {\n                filter: invert(0.85);\n            }\n        }\n\n        .categories {\n            .food-categories {\n                background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n            }\n        }\n\n        .products {\n            .product-box {\n                background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n                border: none;\n                margin: 1px;\n                z-index: 0;\n\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    inset: 0;\n                    border-radius: 8px;\n                    padding: 1px;\n                    background: linear-gradient(\n                        161.57deg,\n                        rgba(255, 255, 255, 0.2) -44.12%,\n                        rgba(255, 255, 255, 0) 99.26%\n                    );\n                    -webkit-mask:\n                        -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--white), 1)))\n                            content-box,\n                        -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--white), 1)));\n                    -webkit-mask:\n                        linear-gradient(rgba(var(--white), 1) 0 0) content-box,\n                        linear-gradient(rgba(var(--white), 1) 0 0);\n                    -webkit-mask-composite: xor;\n                    z-index: -1;\n                }\n            }\n        }\n        .option-accordion {\n            .accordion-item {\n                .accordion-header {\n                    .accordion-button {\n                        &::after {\n                            filter: contrast(0);\n                        }\n                    }\n                }\n                .currency {\n                    .currency-listing {\n                        li {\n                            color: rgba(var(--dark-text), 1);\n                        }\n                    }\n                }\n            }\n        }\n\n        .brands-logo {\n            .food-brands {\n                border: 1px solid transparent;\n                position: relative;\n                border-radius: 100%;\n\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    inset: 0;\n                    border-radius: 100%;\n                    padding: 1px;\n                    background: linear-gradient(\n                        161.57deg,\n                        rgba(255, 255, 255, 0.2) -44.12%,\n                        rgba(255, 255, 255, 0) 99.26%\n                    );\n                    -webkit-mask:\n                        -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--white), 1)))\n                            content-box,\n                        -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--white), 1)));\n                    -webkit-mask:\n                        linear-gradient(rgba(var(--white), 1) 0 0) content-box,\n                        linear-gradient(rgba(var(--white), 1) 0 0);\n                    -webkit-mask-composite: xor;\n                }\n            }\n        }\n\n        .search-filter {\n            .footer-modal {\n                border: 1px solid rgba(var(--light-text), 0.5);\n            }\n        }\n\n        .btn-close {\n            filter: invert(1);\n        }\n\n        .form-check-input {\n            background-color: transparent;\n            border: 1px solid rgba(var(--light-text), 1);\n        }\n\n        .form-control {\n            background-color: rgba(var(--box-bg), 1);\n            color: rgba(var(--light-text), 1);\n        }\n\n        .bill-details {\n            .total-detail {\n                .dots-design {\n                    filter: invert(0.85);\n                }\n            }\n        }\n\n        .address-list {\n            li {\n                .address-icon {\n                    border: 1px solid rgba(var(--light-text), 1);\n                    background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n                }\n\n                .address-content {\n                    background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n                }\n            }\n        }\n\n        .modal {\n            .modal-dialog {\n                .modal-content {\n                    background-color: rgba(var(--white), 1);\n                }\n            }\n        }\n\n        .order-tracking {\n            background-color: rgba(var(--box-bg), 1);\n        }\n\n        .coupon-box {\n            .coupon-left {\n                filter: invert(0.85);\n            }\n\n            .coupon-right {\n                filter: invert(0.85);\n            }\n        }\n\n        .voucher-box {\n            .voucher-discount {\n                .top-vector {\n                    filter: invert(0.85);\n                }\n            }\n\n            &::after {\n                box-shadow: none;\n            }\n\n            &::before {\n                box-shadow: none;\n            }\n        }\n\n        .payment-list {\n            .payment-card-box {\n                .payment-detail {\n                    .add-img {\n                        .img1 {\n                            width: 35px;\n                            height: 30px;\n                            filter: invert(1);\n                        }\n                    }\n                }\n            }\n        }\n\n        .confirm-title {\n            .for-dark {\n                display: block;\n            }\n\n            .for-light {\n                display: none;\n            }\n        }\n\n        .profile-list {\n            li {\n                .profile-box {\n                    background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n                    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);\n\n                    .profile-icon {\n                        background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n\n                        .icon {\n                            filter: invert(1);\n                        }\n                    }\n                }\n            }\n        }\n\n        .otp-form {\n            .form-input {\n                .form-control {\n                    background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n                }\n            }\n        }\n\n        .search-section {\n            .form-group {\n                .filter-button {\n                    background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n                }\n            }\n        }\n\n        .auth-form {\n            .form-group {\n                .form-input {\n                    .form-control {\n                        background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n                    }\n                }\n\n                .dropdown {\n                    .dropdown-menu {\n                        li {\n                            .dropdown-item {\n                                color: #fff;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        .dark-border-gradient {\n            border: 1px solid transparent;\n            position: relative;\n            padding: 1px;\n            border-radius: 6px;\n\n            .form-control,\n            .dropdown-toggle {\n                background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n                z-index: 1;\n                position: relative;\n            }\n\n            &::after {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                border-radius: 6px;\n                padding: 1px;\n                background: linear-gradient(\n                    161.57deg,\n                    rgba(255, 255, 255, 0.53) -44.12%,\n                    rgba(255, 255, 255, 0) 99.26%\n                );\n                -webkit-mask:\n                    linear-gradient(rgba(var(--white), 1) 0 0) content-box,\n                    linear-gradient(rgba(var(--white), 1) 0 0);\n                -webkit-mask-composite: xor;\n            }\n        }\n\n        .vertical-product-box {\n            background: linear-gradient(149.22deg, #3c3c3c -9.22%, #2a2a2a 114.95%);\n            border: 1px solid rgba(245, 245, 245, 0.06);\n        }\n    }\n}\n"]}