.directory-layout-wrapper{align-items:flex-start;display:flex;font-family:Arial,sans-serif;gap:30px}.filter-sidebar{background-color:#e2f5fc;border-radius:4px;box-sizing:border-box;flex-shrink:0;padding:25px 20px;width:240px}.filter-heading{font-size:21px;font-weight:700}.filter-checkbox-label,.filter-heading{color:#000;font-family:Metropolish;font-style:normal;line-height:140%;margin-bottom:10px}.filter-checkbox-label{font-size:18px;font-weight:400}.filter-checkbox-label input{cursor:pointer;margin-right:10px}.directory-main-content{flex-grow:1}.hotel-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.hotel-card{cursor:pointer;transition:transform .2s ease}.hotel-card:hover{transform:translateY(-3px)}.hotel-card-image img{border-radius:8px;height:180px;object-fit:cover;width:100%}.hotel-card-title{color:#000;font-family:Metropolish;font-size:24px;font-style:normal;font-weight:800;line-height:100%}.hotel-modal-overlay{align-items:center;background:rgba(0,0,0,.6);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.hotel-modal-overlay.is-active{display:flex}.hotel-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);height:520px;max-width:850px;overflow:hidden;position:relative;width:90%}.close-modal-btn{background:none;border:none;color:#000;cursor:pointer;font-size:28px;font-weight:700;position:absolute;right:20px;top:15px;z-index:10}.modal-body{display:flex;height:100%}.modal-text-side{box-sizing:border-box;height:100%;overflow-y:auto;padding:40px;width:50%}.modal-title{color:#000;font-family:Oswald;font-size:48px;font-style:normal;font-weight:700;line-height:100%;margin-bottom:15px}.modal-description{color:#000;font-family:Metropolish;font-size:18px;font-style:normal;font-weight:400;line-height:140%}.modal-media-side{display:flex;flex-direction:column;height:100%;width:50%}.modal-image-wrapper{height:60%}.modal-image-wrapper img{height:100%;object-fit:cover;width:100%}.modal-divider-line{background-color:#fff;height:6px;width:100%}.modal-info-strip{align-items:flex-start;background-color:#3bc4f4;box-sizing:border-box;color:#000;display:flex;flex-direction:column;height:40%;justify-content:space-between;padding:20px 25px}.info-left-content{display:flex;flex-direction:column;height:100%;justify-content:center}.modal-info-strip h3{font-size:30px;font-weight:800;line-height:110%;margin:0 0 10px}.info-details p,.modal-info-strip h3{color:#000;font-family:Metropolish;font-style:normal}.info-details p{font-size:16px;font-weight:500;line-height:120%;margin:4px 0}.info-details a{color:#000;text-decoration:none}.info-right-content{margin-bottom:5px;text-align:right;width:100%}.visit-website-btn{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);color:#000!important;display:inline-flex;font-family:Metropolish;font-size:20px;font-style:normal;font-weight:700;line-height:120%;padding:6px 24px;text-decoration:none;white-space:nowrap}.visit-website-btn .arrow{margin-left:8px}.filter-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:5px;margin-bottom:14px}.filter-checkbox-label input[type=checkbox]{cursor:pointer;display:inline-block;margin:0;transform:scale(1.35);transform-origin:center;vertical-align:middle}.pagination-container{align-items:center;display:flex;font-family:Arial,sans-serif;gap:24px;justify-content:center;margin-top:40px;user-select:none}.page-num{align-items:center;background:transparent;border:none;border-radius:50%;color:#000;cursor:pointer;display:inline-flex;font-weight:400;height:42px;justify-content:center;margin:0;padding:0;transition:background-color .2s ease,color .2s ease;width:42px}.page-num,.page-num.is-active{font-family:Metropolish;font-size:24px;font-style:normal;line-height:140%}.page-num.is-active{background-color:#3bc4f4;color:var(--Abyss,#13191d);cursor:default;font-weight:700;text-align:center}.page-num:hover:not(.is-active){background-color:#e2f5fc}.page-ellipse{align-self:center;color:#000;display:inline-block;font-size:18px;letter-spacing:2px}.page-nav-btn{align-items:center;background:transparent;border:none;color:#000;cursor:pointer;display:inline-flex;font-size:18px;font-weight:500;margin:0;padding:0;transition:opacity .2s ease;white-space:nowrap}.page-nav-btn:hover{opacity:.7}@media (max-width:768px){.hotel-modal-content{height:auto;max-height:90vh;overflow-y:auto}.modal-body{flex-direction:column}.modal-media-side,.modal-text-side{height:auto;width:100%}.modal-text-side{padding:20px}.modal-info-strip{align-items:flex-start;flex-direction:column;gap:15px;height:auto}.info-right-content{width:100%}.visit-website-btn{justify-content:center;width:100%}.directory-layout-wrapper{flex-direction:column}.directory-main-content,.filter-sidebar{width:100%}.modal-image-wrapper{max-height:200px}}