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