.branches-list-container{margin:var(--padding-normal);gap:var(--padding-small);flex-direction:column;display:flex}.branch-row{color:var(--color-primary);cursor:pointer;align-items:center;display:flex}.branch-row-info{gap:var(--padding-too-small);flex-direction:column;flex:1;display:flex}.branch-row-info-btns{flex-wrap:wrap;align-items:center;display:flex}.branch-row-btn{height:23px;padding:0px var(--padding-small);align-items:center;gap:var(--padding-small);font-size:var(--font-normal);color:var(--color-tertiary);cursor:pointer;background:0 0;border:none;display:flex}.branch-row-btn.en{border-right:1px solid var(--color-secondary)}.branch-row-btn.ar{border-left:1px solid var(--color-secondary)}.branch-row-btn.en:last-child{border-right:none}.branch-row-btn.ar:last-child{border-left:none}.branch-row-line{background-color:var(--color-tertiary);width:1px;height:20px}.branches-with-info-container{margin:var(--padding-normal);align-items:start;gap:var(--padding-normal);flex-direction:row;display:flex}.templatefoodi .branches-with-info-container{max-width:var(--max-width);padding:var(--padding-normal);gap:var(--padding-large);flex-direction:column;margin:auto}.branches-filter-container{top:calc(var(--padding-top) + 66px);border:1px solid var(--color-outline);border-radius:var(--radius-normal);width:400px;height:auto;max-height:70vh;padding:var(--padding-too-small);box-shadow:0 0 5px var(--color-shadow);margin:2px;display:flex;position:sticky;overflow-y:auto}.templatefoodi .branches-filter-container{width:100%;box-shadow:none;z-index:10;border:none;border-radius:0;position:static}.branches-filter-content{flex:1}.branches-filter-content>p{font-weight:700;font-size:var(--font-normal);color:var(--color-tertiary);padding:var(--padding-medium) var(--padding-medium)}.templatefoodi .branches-filter-content>p{display:none}.templatefoodi .branches-filter-container ul{gap:var(--padding-medium);width:calc(min(100vw, var(--max-width)) - 180px);display:flex;overflow-x:auto}.branches-filter-container li{padding:var(--padding-medium) var(--padding-medium);color:var(--color-secondary);font-size:var(--font-normal);border-radius:var(--radius-medium);cursor:pointer}.templatefoodi .branches-filter-container li{padding:var(--padding-medium) var(--padding-normal);border-radius:var(--radius-large);background-color:var(--color-surface-container);align-items:center;max-width:150px;display:inline-block}.templatefoodi .branches-filter-container li p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.branches-filter-container li.active{color:var(--color-primary);font-weight:700}.templatefoodi .branches-filter-container li.active{color:var(--color-on-primary);background-color:var(--color-primary);font-weight:400}.branches-filter-container li:hover{background:#f0f0f0}.branches-arrow-controller{align-items:center;gap:var(--padding-normal);display:flex}.branches-arrow-btn{background-color:var(--color-surface-container);cursor:pointer;border:#0000;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.branches-arrow-btn.previous{transform:scaleX(-1)}@media (max-width:767px){.branches-with-info-container{flex-direction:column;gap:0}.branches-filter-content>p{display:none}.branches-filter-container{background-color:var(--color-background);top:calc(var(--padding-top) + 53px);box-shadow:none;z-index:1;width:100%;padding:var(--padding-small);border:none;border-radius:0;margin:0;overflow:auto}.branches-filter-container ul{text-align:center;white-space:nowrap;align-items:center;width:100%;overflow-x:auto;padding:var(--padding-medium) 0px!important}.templatefoodi .branches-filter-container ul{width:100%;padding:0!important}.branches-filter-container li{color:var(--color-tertial);background-color:var(--color-surface-container);padding:var(--padding-too-small) var(--padding-medium);margin:0px calc(var(--padding-small) / 2);border-radius:30px;align-items:center;max-width:150px;display:inline-block}.branches-filter-container li p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.branches-filter-container li.active{color:var(--color-on-primary);background-color:var(--color-primary)}.branches-arrow-controller{display:none}}