.location-carousel{padding:40px 20px;background-color:#fff;width:100%;overflow:hidden}.location-heading{text-align:center;margin-bottom:40px}.location-heading h2{font-size:35px;font-weight:700;color:#4d4d4d;margin-bottom:10px}.location-heading p{max-width:700px;margin:0 auto;color:#666;font-size:1rem}.location-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;max-width:1200px;margin:0 auto}.location-card{position:relative;flex:1 1 20%;max-width:240px;cursor:pointer;transition:all .4s ease}.location-card.clicked,.location-card:hover{max-width:320px}.location-card.first-card{width:100%;max-width:100%}.location-card.first-card.clicked,.location-card.first-card:hover{width:calc(33.333% - 20px);max-width:480px}.hotel-title{font-size:18px;font-weight:700;color:#5d5d5d;padding:10px 0;text-align:center;pointer-events:none}.image-wrapper{position:relative;width:100%;height:430px;overflow:hidden;border-radius:20px}.image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.location-card:hover img{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:#000000b3;color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:2;border-radius:20px;opacity:0;visibility:hidden;transition:all .4s ease}.location-card.clicked .image-overlay,.location-card:hover .image-overlay{opacity:1;visibility:visible}.hotel-list{list-style:none;padding:0;margin:0 0 10px;text-decoration:underline}.hotel-list li{margin:5px 0}.hotel-list a{color:#fff;text-decoration:none;font-size:1rem}.explore-link{display:inline-block;margin-top:10px;color:#fcbf49;text-decoration:none;font-weight:500;background:none;border:none;cursor:pointer;font-size:18px}@media (max-width: 1024px){.location-card{max-width:45%}.location-card.first-card{max-width:100%}.location-card.first-card.clicked,.location-card.first-card:hover{max-width:45%}}@media (max-width: 768px){.location-grid{flex-direction:column;align-items:center}.location-card,.location-card.first-card,.location-card.first-card.clicked,.location-card.first-card:hover{width:100%!important;max-width:100%!important}.image-wrapper{height:200px}.location-card.clicked .image-wrapper,.location-card:hover .image-wrapper{height:430px}.location-grid:not(:has(.clicked)) .first-card .image-wrapper{height:430px}.location-grid:not(:has(.clicked)) .first-card .image-overlay{opacity:1;visibility:visible}.location-heading h2{font-size:27px;margin-bottom:20px}}