.title-bar.topbar-titlebar{padding-bottom:15px;border-bottom:1px solid rgba(var(--border-color),1);margin-bottom:15px}.title-bar.topbar-titlebar .container{display:flex;align-items:center;gap:8px}.title-bar.topbar-titlebar .selection-box{background-color:rgba(var(--light-gray),1);border-radius:6px;padding:10px 22px;width:calc(100% - 26px - 8px)}@media(max-width:350px){.title-bar.topbar-titlebar .selection-box{padding:10px 12px}}.title-bar.topbar-titlebar .selection-box .cities{display:flex;align-items:center;gap:8px}.title-bar.topbar-titlebar .selection-box .cities h4{font-weight:600}.title-bar.topbar-titlebar .selection-box .cities svg{width:20px;height:20px}.title-bar.topbar-titlebar .selection-box .dates-room{display:flex;align-items:center;margin-top:4px;flex-wrap:wrap;gap:4px 10px}.title-bar.topbar-titlebar .selection-box .dates-room h5{color:rgba(var(--content-color),1);font-size:17px}.title-bar.topbar-titlebar .selection-box .dates-room h5+h5{padding-left:16px;position:relative}.title-bar.topbar-titlebar .selection-box .dates-room h5+h5:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:rgba(var(--content-color),1);border-radius:100%}.filter-option{display:flex;align-items:center;gap:10px;overflow:auto;padding-right:15px}.filter-option li{display:flex;align-items:center;gap:6px;font-size:16px;color:rgba(var(--content-color),1);padding:7px 20px;border-radius:10px;border:1px solid rgba(var(--border-color),1);white-space:nowrap;cursor:pointer}.filter-option li svg{width:20px;height:20px;fill:rgba(var(--content-color),1)}.filter-option li.active{border-color:rgba(var(--theme-color),1);color:rgba(var(--theme-color),1)}.filter-option li.active svg{fill:rgba(var(--theme-color),1)}.filter-title{margin-bottom:15px;margin-top:-4px}.offcanvas-bottom.btn-custom .btn{background-color:rgba(var(--light-gray),1);border:none;color:rgba(var(--title-color),1)}.offcanvas-bottom.btn-custom .btn:nth-child(2){background-color:rgba(var(--theme-color),1);color:#fff}