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