.textfiled-container{font-size:var(--font-normal)}.textfiled-container input{height:100%}.textfiled-container label{color:var(--color-secondary)}.templatefoodi .textfiled-container label{color:var(--color-tertiary)}.textfiled-input-container{justify-content:space-between;align-items:center;gap:var(--padding-medium);padding:0px var(--padding-medium);border:var(--border-normal) solid var(--color-secondary);border-radius:var(--radius-small);background-color:var(--color-background);height:45px;display:flex}.templatefoodi .textfiled-input-container{border-radius:var(--radius-normal);border:var(--border-normal) solid var(--color-outline);height:50px;margin-top:8px;padding:0 16px}.textfiled-input-container.disabled{background-color:var(--color-separator)}.textfiled-input-container:focus-within{border-color:var(--color-primary)}.textfiled-vertical-line{background-color:var(--color-secondary);width:1px;height:30px}.templatefoodi .textfiled-vertical-line{background-color:var(--color-outline)}.textfiled-input-container input{width:100%;height:auto;font-size:var(--font-normal);background-color:#0000;border:none;outline:none;flex:1;margin:0;padding:0}.textfiled-input-container input::placeholder{padding:4px 0}.textfiled-button{align-items:center;height:100%;display:flex}.textfiled-button.click{padding:0px var(--padding-small);cursor:pointer}
.slidenav{background-color:var(--color-on-primary);z-index:1000000;flex-direction:column;width:calc(100vw - 65px);height:100%;padding-bottom:16px;transition:all .5s;display:flex;position:fixed;top:0;bottom:0;overflow:hidden auto}.slidenav-en{border-radius:0px var(--radius-normal) var(--radius-normal) 0px;left:calc(-100vw + 65px)}.slidenav-en.templatefoodi{right:calc(-100vw + 65px);left:unset}.slidenav-ar{border-radius:var(--radius-normal) 0px 0px var(--radius-normal);right:calc(-100vw + 65px)}.slidenav-ar.templatefoodi{left:calc(-100vw + 65px);right:unset}.slidenav-open-en{left:0}.slidenav-open-en.templatefoodi{right:0;left:unset}.slidenav-open-ar{right:0}.slidenav-open-ar.templatefoodi{left:0;right:none}.slidenav-btn-close-container{justify-content:flex-end;display:flex}.slidenav-btn-close{cursor:pointer;background:0 0;border:none;padding:20px;font-size:24px;position:absolute}.slidenav-store-info{align-items:center;gap:var(--padding-normal);flex-direction:column;padding:20px 0;display:flex}.slidenav-store-info p{font-size:var(--font-xx-large);text-align:center;color:var(--color-header-font)}.slidenav-header{font-size:var(--font-medium);color:#777;background-color:#d3d3d32f;justify-content:center;gap:20px;display:flex}.slidenav-header-login-profile{flex-direction:column;width:100%;display:flex}.slidenav-header-item{text-align:center;padding:var(--padding-normal) 5px;cursor:pointer}.slidenav-list{margin-bottom:var(--padding-large);flex:1}.slidenav-row{padding:var(--padding-normal);color:var(--color-tertiary);font-size:var(--font-normal);border-bottom:1px solid var(--color-outline);cursor:pointer;align-items:center;gap:16px;padding:12px 19px;display:flex}.slidenav.templatefoodi .slidenav-row{border-bottom:none}.slidenav.templatefoodi .slidenav-row.open{background-color:#d3d3d32f}.slidenav-row>div{flex:1}.slidenav-row:hover{background-color:#d3d3d32f}.slidenav-profile-balance{align-items:center;gap:var(--padding-small);display:flex}.slidenav-list.sub{border-top:1px solid #0000;border-bottom:1px solid var(--color-outline);background-color:#d3d3d32f;margin-bottom:0;padding-inline-start:16px}.slidenav.templatefoodi .slidenav-list.sub{border-top:1px solid var(--color-outline);background-color:#0000;border-bottom:none}.slidenav-row.sub{padding:var(--padding-medium);color:var(--color-secondary);cursor:pointer}.slidenav-footer{margin:var(--padding-normal)}.overlay{z-index:999;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.slidenav-btn-login{gap:var(--padding-small);color:var(--color-tertiary);background-color:var(--color-background);border:1px solid var(--color-outline);border-radius:var(--radius-normal);font-size:var(--font-normal);cursor:pointer;margin:var(--padding-large);margin-inline-end:70px;padding:12px 30px;display:flex}.slidenav-btn-login:hover{background-color:#d3d3d32f}.slidenav-list-secondary{border-top:.5px solid var(--color-outline)}.slidenav-profile-info{padding:20px}.slidenav-profile-info h3{font-size:25px}
.footer-common-container{gap:var(--padding-large);color:var(--color-tertiary);padding-bottom:var(--padding-xx-large);flex-direction:column;display:flex}.footer-common-container.copyright{padding-bottom:0}.footer-common-container.white{color:var(--color-on-primary)}.footer-common-flex-container{justify-content:center;align-items:center;gap:var(--padding-medium);flex-wrap:wrap;display:flex}.footer-common-flex-container img{object-fit:contain}.footer-common-social{background-color:var(--color-on-primary);border:1px solid var(--color-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.footer-common-container.white .footer-common-social{border:1px solid var(--color-on-primary);background-color:#0000}.footer-common-apps-btn{cursor:pointer}.footer-common-container.white .powerby{filter:brightness(0)invert()}.footer-common-maroof-main-container{padding:var(--padding-normal);word-wrap:break-word;flex-direction:column;gap:6px;display:flex}.footer .footer-common-maroof-main-container{width:100vw}.sheet .footer-common-maroof-main-container{width:100%}.slidenav-footer .footer-common-maroof-main-container{padding:0}.sidenav-container .footer-common-maroof-main-container{color:var(--color-on-primary)}.footer-common-maroof-main-container .line-separator-horizontal,.footer-common-maroof-main-container .line-separator-vertical{opacity:.5;background-color:#fff}.footer-common-maroof-container{flex-direction:column;gap:6px;display:flex}.footer .footer-common-maroof-container{flex-direction:row}.footer-common-maroof-content{flex-wrap:wrap;flex:1;gap:4px;display:flex}.footer .footer-common-maroof-content{gap:var(--padding-small);flex-direction:row}.footer-common-maroof-content img{cursor:pointer}.footer-common-maroof-info{display:flex}.footer .footer-common-maroof-info{gap:var(--padding-small)}.footer-common-maroof-info.pointer{cursor:pointer;font-weight:700}.footer-common-maroof-info span{gap:var(--padding-small)}
.powerby{justify-content:center;align-items:center;gap:var(--padding-medium);cursor:pointer;flex-wrap:wrap;display:flex}
.textfiled-select-container{font-size:var(--font-normal)}.textfiled-select-container label{color:var(--color-secondary)}.textfiled-select-input-container{justify-content:space-between;align-items:center;gap:var(--padding-medium);padding:0px var(--padding-medium);border:var(--border-normal) solid var(--color-secondary);border-radius:var(--radius-small);cursor:pointer;height:45px;display:flex}.templatefoodi .textfiled-select-input-container{border-radius:var(--radius-normal);border:var(--border-normal) solid var(--color-outline);height:50px}.textfiled-select-input-container:focus-within{border-color:var(--color-primary)}.textfiled-select-vertical-line{background-color:var(--color-secondary);width:1px;height:30px}.textfiled-select-input-container select{font-size:var(--font-normal);cursor:pointer;background-color:#0000;border:none;outline:none;flex:1;height:50px;margin:0;padding:0}.textfiled-select-input-container select:invalid{color:gray}