.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{transition:transform .2s ease}.hotel-card:hover{transform:translateY(-3px)}.hotel-card-image{border-radius:8px;overflow:hidden;position:relative}.hotel-card-image:after{background-color:rgba(59,196,244,.65);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.hotel-card-image img{border-radius:8px;display:block;height:270px;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%;padding-top:15px;transition:color .3s ease}.hotel-card:hover .hotel-card-image:after{opacity:1}.hotel-card:hover{margin-top:0!important;position:relative;transform:none!important}.hotel-card:hover .hotel-card-image{top:0!important;transform:none!important}.hotel-card:hover .hotel-card-title{color:#3bc4f4}.hotel-card{cursor:pointer}.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:600px;max-width:98%;overflow:hidden;position:relative;width:65%}.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{align-items:stretch;background:#fff;display:flex;flex-direction:row}.modal-text-side{flex:1;padding:30px}.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{flex-grow:1;min-height:450px;position:relative;width:100%}.modal-image-wrapper img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.modal-divider-line{background-color:#fff;height:6px;width:100%}.modal-info-strip{align-items:flex-start;background-color:#40c2f3;box-sizing:border-box;color:#000;display:flex;flex-direction:column;justify-content:space-between;padding:20px 25px}.info-left-content{display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;width:49%}.modal-info-strip h3{color:#000;font-family:Metropolish;font-size:30px;font-style:normal;font-weight:800;line-height:110%;margin:0 0 10px}.info-details p,.info-right-content p{align-items:center;color:#000;display:flex;flex-direction:row;font-family:Metropolish;font-size:16px;font-style:normal;font-weight:500;gap:8px;justify-content:flex-start;line-height:120%;margin:4px 0}.info-details a{color:#000;text-decoration:none}.info-right-content{margin-bottom:5px;padding-left:40px;width:49%}.visit-website-btn{align-items:center;align-self:stretch;background:#fff;border-radius:10px;color:#000!important;display:inline-flex;font-family:Metropolish;font-size:20px;font-style:normal;font-weight:700;gap:10px;grid-column:2/span 1;grid-row:2/span 1;justify-content:center;justify-self:stretch;line-height:120%;padding:6px 14px;text-decoration:none;width:100%}.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}.modal-content{display:flex;flex-direction:row;gap:4%}@media (min-width:769px) and (max-width:1365px){.hotel-modal-content{height:auto;max-height:80vh;overflow-y:auto;width:98%}}@media (min-width:1366px) and (max-width:1600px){.hotel-modal-content{height:auto;max-height:80vh;overflow-y:auto;width:80%}}@media (max-width:768px){.hotel-modal-content{height:auto;max-height:80vh;overflow-y:auto;width:94%}.modal-body,.modal-content{flex-direction:column}.modal-content{gap:1px}.info-left-content{width:98%}.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{padding-left:0;width:98%}.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}}@media screen and (max-width:1135px){.modal-body{flex-direction:column}.modal-content,.modal-media-side{width:100%}.modal-image-wrapper{flex-grow:0;height:300px}}