.accommodation-wrapper{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.accommodation-background{position:relative}.accommodation-breadcrumb{top:20px;left:20px;font-size:18px;color:white;position:absolute}.accommodation-title{font-size:36px;text-transform:uppercase;position:relative}.accommodation-main{display:flex;margin-top:20px}.accommodation-left-section{width:300px;height:auto;max-height:100vh;padding:45px;box-shadow:2px 0 5px rgba(0,0,0,.1);background:white;z-index:10;overflow-y:auto}.accommodation-content{margin-top:60px}.accommodation-header{font-size:24px;margin-bottom:20px}.accommodation-country-section{margin-bottom:50px}.accommodation-country-title{font-size:20px;margin-bottom:10px}.accommodation-country-list{list-style-type:none;padding:0}.accommodation-country-list li{margin-bottom:5px}.accommodation-right-section{flex:1 1;padding:20px;margin-left:15px;height:175vh;overflow-y:auto}.accommodation-image-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.accommodation-image-item{position:relative;overflow:hidden;width:100%;height:300px;text-align:left;border-radius:10px}.accommodation-image-item img{width:100%;height:100%;object-fit:cover;border-radius:10px}.accommodation-image-title{position:absolute;bottom:40px;left:10px;color:white;font-size:18px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.accommodation-image-item button{position:absolute;bottom:10px;left:10px;padding:5px 10px;font-size:14px;background-color:rgba(0,0,0,.7);color:white;border:none;border-radius:5px;cursor:pointer}.accommodation-image-item button:hover{background-color:rgba(255,255,255,.7);color:black}.accommodation-modal{position:fixed;top:50px;left:100px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1001}.accommodation-modal-content{background:rgb(202,201,201);padding:40px;width:600px;display:grid;grid-template-columns:1fr 2fr;grid-gap:20px;gap:20px;align-items:start;border-radius:10px;position:relative}.accommodation-modal-left img{width:100%;height:auto;border-radius:10px;border:5px solid #ddd}.accommodation-modal-right{display:flex;flex-direction:column;justify-content:flex-start}.accommodation-modal-close{position:absolute;top:10px;right:10px;background:none;border:none;color:red;font-size:24px;cursor:pointer;z-index:1000}.accommodation-modal-close:hover{color:#f00}@media (min-width:1200px){.accommodation-main{flex-direction:row}.accommodation-left-section,.accommodation-right-section{height:100vh}.accommodation-left-section{width:25%}.accommodation-right-section{width:75%;overflow-y:auto}.accommodation-modal-content{width:70%;padding:40px;grid-template-columns:1fr 2fr}.accommodation-modal-left img{height:400px}}@media (max-width:1199px) and (min-width:768px){.accommodation-main{flex-direction:row}.accommodation-left-section{width:30%;height:auto}.accommodation-right-section{width:70%;height:auto}.accommodation-modal-content{width:80%;padding:30px;grid-template-columns:1fr 2fr}.accommodation-modal-left img{height:auto}}@media (max-width:767px){.accommodation-main{flex-direction:column}.accommodation-left-section,.accommodation-right-section{width:90%;margin:0;height:auto;padding:20px}.accommodation-image-grid{grid-template-columns:1fr;gap:10px}.accommodation-image-item{height:100px}.accommodation-modal{top:0;left:0;justify-content:flex-start;align-items:flex-start}.accommodation-modal-content{width:90%;margin:20px;padding:20px;display:grid;grid-template-columns:1fr}.accommodation-modal-left{margin:0 0 20px}.accommodation-modal-left img{width:100%;height:auto}.accommodation-modal-right{padding-left:0}.accommodation-modal-close{top:5px;right:5px}}