.filter{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;width:100%;height:100%}.filter .cta{justify-content:center;align-items:center;gap:5px;width:100%;height:100%;display:flex}.filter .cta p{font-size:13px}.filter .blur-back{-webkit-backdrop-filter:blur(12px);z-index:1000;cursor:auto;background:#15151531;width:100vw;height:100vh;position:absolute;top:0;left:0}.filter .blur-back .filter-contents{float:right;background-color:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px;width:35%;height:100vh;padding:1em;overflow-y:auto}.filter .blur-back .filter-contents .f-c-title{font-size:18px}.filter .blur-back .filter-contents .f-desc{margin-top:1em;font-size:13px}.filter .blur-back .filter-contents .filter-list{margin-top:2em}.filter .blur-back .filter-contents .filter-list .form{flex-wrap:wrap;gap:1.2em;display:flex}.filter .blur-back .filter-contents .filter-list .form .list-item{width:47.5%}.filter .blur-back .filter-contents .filter-list .form .list-item .head{font-size:14px;font-weight:500}.filter .blur-back .filter-contents .filter-list .form .list-item .lists{flex-direction:column;gap:5px;margin-top:10px;display:flex}.filter .blur-back .filter-contents .filter-list .form .list-item .lists .list{cursor:pointer;border-radius:5px;align-items:center;gap:7px;width:100%;height:40px;padding:5px;display:flex}.filter .blur-back .filter-contents .filter-list .form .list-item .lists .list input[type=checkbox]{accent-color:teal}.filter .blur-back .filter-contents .filter-list .form .list-item .lists .list p{font-size:13px}.filter .blur-back .filter-contents .filter-list .form .list-item .lists .list:hover{background-color:#f5f5f5;transition:background-color .1s ease-in}.filter .blur-back .filter-contents .filter-list .apply-filter{color:#fff;cursor:pointer;background-color:teal;border-radius:10px;justify-content:center;align-items:center;width:100%;height:40px;margin-top:2em;font-size:14px;display:flex}.filter .blur-back .filter-contents .filter-list .apply-filter:hover{transition:transform .2s ease-in;transform:scale(.99)}.no-scroll{height:100vh;overflow:hidden}@media screen and (max-width:1024px){.filter{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;width:40px;height:100%}.filter .cta{justify-content:center;align-items:center;gap:5px;width:100%;height:100%;display:flex}.filter .cta p{font-size:13px;display:none}.filter .blur-back{-webkit-backdrop-filter:blur(12px);z-index:1000;cursor:auto;background:#15151531;width:100vw;height:100vh;position:absolute;top:0;left:0}.filter .blur-back .filter-contents-mobile{float:none;z-index:1000;background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0;width:100%;height:80vh;padding:1em;position:absolute;bottom:0;overflow-y:auto}.filter .blur-back .filter-contents-mobile .f-c-title{font-size:20px}.filter .blur-back .filter-contents-mobile .f-desc{margin-top:1em;font-size:14px}.filter .blur-back .filter-contents-mobile .filter-list{margin-top:1.5em}.filter .blur-back .filter-contents-mobile .filter-list .form{flex-flow:column;gap:1em;display:flex}.filter .blur-back .filter-contents-mobile .filter-list .form .list-item{width:100%}.filter .blur-back .filter-contents-mobile .filter-list .form .list-item .head{font-size:16px;font-weight:500}.filter .blur-back .filter-contents-mobile .filter-list .form .list-item .lists{flex-direction:column;gap:5px;margin-top:10px;display:flex}.filter .blur-back .filter-contents-mobile .filter-list .form .list-item .lists .list{cursor:pointer;border-radius:5px;align-items:center;gap:7px;width:100%;height:40px;padding:5px;display:flex}.filter .blur-back .filter-contents-mobile .filter-list .form .list-item .lists .list input[type=checkbox]{accent-color:teal}.filter .blur-back .filter-contents-mobile .filter-list .form .list-item .lists .list p{font-size:14px}.filter .blur-back .filter-contents-mobile .filter-list .form .list-item .lists .list:hover{background-color:#f5f5f5;transition:background-color .1s ease-in}.filter .blur-back .filter-contents-mobile .filter-list .apply-filter{color:#fff;cursor:pointer;background-color:teal;border-radius:10px;justify-content:center;align-items:center;width:100%;height:45px;margin-top:1.5em;font-size:14px;display:flex}.filter .blur-back .filter-contents-mobile .filter-list .apply-filter:hover{transition:transform .2s ease-in;transform:scale(.99)}}
.s-header{background-color:var(--darker-grey);width:100%;height:80px}.s-header .s-h-content{justify-content:center;align-items:center;width:95%;height:100%;margin:auto;display:flex}.s-header .s-h-content .container{background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:80%;padding:0 1em;display:flex}.s-header .s-h-content .container .s-h-search-bar{background-color:var(--darker-grey);border:1px solid #d8d8d8;border-radius:10px;align-items:center;gap:10px;width:30%;height:40px;display:flex;position:relative}.s-header .s-h-content .container .s-h-search-bar .icon-box{stroke-width:2.5px;cursor:pointer;border-top-right-radius:10px;border-bottom-right-radius:10px;justify-content:center;align-items:center;width:35px;height:100%;display:flex;position:absolute;right:0}.s-header .s-h-content .container .s-h-search-bar .icon-box:hover{background-color:#e9e9e9}.s-header .s-h-content .container .s-h-search-bar input{background-color:#0000;border:none;border-radius:10px;outline:none;width:100%;height:100%;padding:0 2.5em 0 15px;font-size:15px}.s-header .s-h-content .container .s-h-search-bar input::placeholder{color:var(--fixed-desc-color);opacity:1;font-size:15px}.s-header .s-h-content .container .s-h-search-bar input:focus,.s-header .s-h-content .container .s-h-search-bar input:hover{outline:1px solid teal}.s-header .s-h-content .container .total-results{font-size:1em}.s-header .s-h-content .container .header-actions{align-items:center;gap:1em;height:100%;display:flex}.s-header .s-h-content .container .header-actions .filter-container{width:160px;height:40px}.s-header .s-h-content .container .header-actions .s-cta{align-items:center;gap:1em;display:flex}.s-header .s-h-content .container .header-actions .s-cta .lists-view-type{background-color:#fff;border:1px solid #d8d8d8;border-radius:5px;justify-content:center;align-items:center;width:80px;height:40px;padding:2px;display:flex;overflow:hidden}.s-header .s-h-content .container .header-actions .s-cta .lists-view-type div{cursor:pointer;background-color:#fff;border-radius:5px;justify-content:center;align-items:center;width:50%;height:100%;display:flex}.s-header .s-h-content .container .header-actions .s-cta .lists-view-type div:nth-child(2){background-color:#fff}.s-header .s-h-content .container .header-actions .s-cta .lists-view-type div:hover{background-color:var(--darker-grey);transition:all .3s}.s-header .s-h-content .container .header-actions .s-cta .lists-view-type div:hover .icon{transform:scale(.96)}.s-header .s-h-content .container .header-actions .s-cta .lists-view-type div.active{background-color:var(--darker-grey)}.s-header .s-h-content .container .header-actions .s-cta .sort-by-date{align-items:center;width:100px;height:40px;display:flex}.s-header .s-h-content .container .header-actions .s-cta .sort-by-date .newest{cursor:pointer;background-color:#fff;border:1px solid #d8d8d8;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;margin:auto;padding:0 10px;font-size:12px;display:flex}.s-header .s-h-content .container .header-actions .s-cta .sort-by-date .newest:hover{background-color:var(--darker-grey);transition:all .3s}.s-header .s-h-content .container .header-actions .s-cta .sort-by-date .newest:hover .icon{transform:scale(.96)}.s-header .s-h-content .container .header-actions .s-cta .sort-by-date .newest.active{background-color:var(--darker-grey)}.s-header .s-h-contents{z-index:1000;background-color:#fff;border-radius:10px;width:100%;height:300px;padding:10px;position:absolute;top:3em;left:0;overflow-y:auto;box-shadow:0 8px 20px #00000014}.s-header .s-h-contents .input-options .i-o-container{z-index:1000;height:100%}.s-header .s-h-contents .input-options .i-o-container .option{cursor:pointer;background-color:#f9f9f9;width:100%;height:50px;margin-top:5px;padding:5px}.s-header .s-h-contents .input-options .i-o-container .option:hover{background-color:#f2f2f2;transition:background-color .2s ease-in;transform:scale(.98)}.s-header .s-h-contents .input-options .i-o-container .option.near-by{justify-content:center;align-items:center;gap:10px;display:flex}.s-header .s-h-contents .input-options .i-o-container .option.near-by p{font-size:14px}.s-header .s-h-contents .input-options .i-o-container .other-options{z-index:1000;height:100%;margin-top:-10px;overflow-y:auto}.s-header .s-h-contents .input-options .i-o-container .other-options .option.locations{align-items:center;gap:7px;width:100%;height:50px;padding-left:2em;display:flex}.s-header .s-h-contents .input-options .i-o-container .other-options .option.locations p{font-size:14px}@media screen and (max-width:768px){.s-header{width:100%;height:80px}.s-header .s-h-content{justify-content:center;align-items:center;width:95%;height:100%;margin:auto;display:flex}.s-header .s-h-content .container{background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:80%;padding:0 1em;display:flex}.s-header .s-h-content .container .total-results{width:30%;font-size:14px}.s-header .s-h-content .container .header-actions{align-items:center;gap:10px;height:100%;display:flex}.s-header .s-h-content .container .header-actions .filter-container{width:fit-content;height:40px}.s-header .s-h-content .container .header-actions .s-cta{align-items:center;gap:10px;display:flex}.s-header .s-h-content .container .header-actions .s-cta .sort-by-date{width:fit-content;height:40px}.s-header .s-h-content .container .header-actions .s-cta .sort-by-date .newest{justify-content:center;align-items:center;gap:10px;width:fit-content;height:100%;margin:auto;display:flex}.s-header .s-h-content .container .header-actions .s-cta .sort-by-date .newest span{display:none}}
.search-card{cursor:pointer;flex-direction:column;gap:1.3em;width:250px;height:430px;display:flex}.search-card .img{border-radius:20px;width:100%;height:55%;display:block;position:relative;overflow:hidden}.search-card .img img{object-fit:cover;width:100%;height:100%}.search-card .img img:hover{transition:all .3s ease-in-out;transform:scale(1.03)}.search-card .img .is-indicated{z-index:10;color:#000;background-color:#fff;border-radius:50px;width:fit-content;height:fit-content;padding:4px 1em;font-size:13px;position:absolute;top:1em;left:1em}.search-card .img .is-indicated.new{background-color:var(--theme-color-teal);color:#fff}.search-card .img .is-liked{cursor:pointer;position:absolute;top:1em;right:1em}.search-card .img .is-liked .favorite{color:#fff;fill:#ddede64f}.search-card .img .is-liked .favorite.liked{fill:#ff385c;color:#ff385c}.search-card .card-info{flex-direction:column;justify-content:space-between;height:45%;padding:5px;display:flex}.search-card .card-info .title{word-wrap:break-word;max-height:32px;font-size:15px;font-weight:500;line-height:1}.search-card .card-info .desc{color:var(--fixed-desc-color);margin-top:-10px;font-size:14px}.search-card .card-info .avail-room{color:var(--fixed-desc-color);flex-direction:column;gap:5px;margin-top:-5px;font-size:14px;display:flex}.search-card .card-info .fee-rating{color:#000;align-items:center;gap:7px;font-size:14px;display:flex}.search-card .card-info .fee-rating hr{width:7px}.search-card .card-info .fee-rating .rating{align-items:center;gap:2px;display:flex}.search-card .card-info .fee-rating .rating .icon{stroke-width:1px;fill:#e1e1e1;width:15px}@media screen and (max-width:768px){.search-card{flex-direction:column;gap:1.5em;width:100%;height:450px;display:flex}.search-card .img{border-radius:20px;width:100%;height:60%;display:block;position:relative;overflow:hidden}.search-card .card-info{flex-direction:column;justify-content:space-between;height:35%;padding:5px;display:flex}.search-card .card-info .title{word-wrap:break-word;max-height:32px;font-size:15px;font-weight:500;line-height:1}.search-card .card-info .desc{color:var(--fixed-desc-color);margin-top:-10px;font-size:14px}.search-card .card-info .avail-room{color:var(--fixed-desc-color);flex-direction:column;gap:5px;margin-top:-5px;font-size:14px;display:flex}.search-card .card-info .fee-rating{color:#000;align-items:center;gap:7px;font-size:14px;display:flex}.search-card .card-info .fee-rating hr{width:7px}.search-card .card-info .fee-rating .rating{align-items:center;gap:2px;display:flex}.search-card .card-info .fee-rating .rating .icon{stroke-width:1px;fill:#e1e1e1;width:15px}}
.list-view{cursor:pointer;border:1px solid #d8d8d8;border-radius:12px;gap:1em;width:100%;height:180px;padding:5px;display:flex}.list-view:hover{border:1px solid #000;transition:all .2s;transform:scale(.99)}.list-view .img{background-color:#00f;border-radius:10px;width:230px;height:100%;overflow:hidden}.list-view .img img{object-fit:cover;width:100%;height:100%}.list-view .details{justify-content:space-between;width:100%;padding:10px 2em 10px 0;display:flex}.list-view .details .desc{background-color:#fff;width:65%}.list-view .details .desc .title{font-size:1.1em;font-weight:500}.list-view .details .desc .description{color:var(--fixed-desc-color);margin-top:5px;font-size:14px}.list-view .details .desc .avail-room{color:var(--fixed-desc-color);flex-direction:column;gap:3px;margin-top:5px;font-size:14px;display:flex}.list-view .details .desc .is-indicated{color:#fff;background-color:teal;border-radius:20px;justify-content:center;align-items:center;width:fit-content;height:24px;margin-top:10px;padding:0 1em;font-size:12px;display:flex}.list-view .details .price-fav{flex-direction:column;align-items:center;display:flex}.list-view .details .price-fav .favorite-icon{color:#000;border-radius:50px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.list-view .details .price-fav .favorite-icon .liked{color:red;fill:red}.list-view .details .price-fav .price{margin-top:10px;font-size:1.2em;font-weight:500}.list-view .details .price-fav .rating{align-items:center;gap:5px;margin-top:10px;display:flex}@media screen and (max-width:1024px){.list-view{cursor:pointer;border:1px solid #d8d8d8;border-radius:12px;gap:1em;width:100%;height:230px;padding:2px;display:flex;position:relative}.list-view .img{border-radius:10px;width:40%;height:100%;overflow:hidden}.list-view .img img{object-fit:cover;width:100%;height:100%}.list-view .details{flex-direction:column;justify-content:space-between;width:55%;padding:5px;display:flex}.list-view .details .desc{width:100%}.list-view .details .desc .title{font-size:1em;font-weight:500}.list-view .details .desc .description{margin-top:10px;font-size:14px}.list-view .details .desc .avail-room{flex-direction:column;gap:3px;margin-top:10px;font-size:13px;display:flex}.list-view .details .desc .is-indicated{color:#fff;background-color:teal;border-radius:20px;justify-content:center;align-items:center;width:fit-content;height:24px;margin-top:10px;padding:0 1em;font-size:12px;display:flex;position:absolute;top:0;left:10px}.list-view .details .price-fav{flex-direction:column-reverse;align-items:start;display:flex}.list-view .details .price-fav .favorite-icon{display:none}.list-view .details .price-fav .price{margin-top:10px;font-size:1.3em;font-weight:500}.list-view .details .price-fav .rating{display:none}}
.search-data .searched-data-container .s-body{justify-content:space-between;gap:10px;width:95%;margin:1em auto auto;display:flex}.search-data .searched-data-container .s-body .s-lists{width:60%;height:80vh;padding:0 0 2em;overflow-y:auto}.search-data .searched-data-container .s-body .s-lists .grid{flex-wrap:wrap;gap:2em .9em;transition:all .2s;display:flex}.search-data .searched-data-container .s-body .s-lists .lists{flex-direction:column;gap:10px;transition:all .2s;display:flex}.search-data .searched-data-container .s-body .s-lists .show-more{color:#000;z-index:1;cursor:pointer;text-transform:capitalize;justify-content:center;align-items:center;width:150px;height:40px;margin:1em auto auto;font-size:14px;text-decoration:underline;display:flex}.search-data .searched-data-container .s-body .s-list-map{border-radius:10px;width:40%;height:100vh}@media screen and (max-width:1024px){.search-data .searched-data-container .s-body{flex-direction:column;width:90%;margin:1em auto auto;display:flex}.search-data .searched-data-container .s-body .s-lists{width:100%;height:fit-content;overflow-y:hidden}.search-data .searched-data-container .s-body .s-lists .grid{flex-wrap:wrap;gap:3em .9em;width:100%;display:flex}.search-data .searched-data-container .s-body .s-lists .lists{flex-direction:column;gap:10px;transition:all .2s;display:flex}.search-data .searched-data-container .s-body .s-lists .show-more{color:#000;z-index:1;cursor:pointer;text-transform:capitalize;justify-content:center;align-items:center;width:150px;height:40px;margin:1em auto auto;font-size:14px;text-decoration:underline;display:flex}.search-data .searched-data-container .s-body .s-list-map{display:none}}