.room-tab-lists{margin-left:3%}.room-card{margin-right:2%}.room-card .room-booking-card{background-color:#fafffa;border:1px solid #f2f7f7;border-radius:5px;flex-direction:row;width:100%;max-width:1000px;height:500px;margin-top:5%;margin-bottom:5%;margin-left:3%;display:flex;position:relative;overflow:hidden}.room-card .room-booking-card:hover{border:2px solid var(--secondary-color);cursor:pointer}.room-card .room-booking-card.selected{border:3px solid var(--secondary-color)}.room-card .room-booking-card .selected-badge{background-color:var(--secondary-color);color:#fff;z-index:1;border-bottom-right-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:0;left:0}.room-card .room-booking-card h2{font-size:22px;font-weight:500}.room-card .room-booking-card .sub-labels{color:var(--primary-color)}@media (max-width:768px){.room-card .room-booking-card{flex-direction:column;max-width:600px;height:auto;margin:5% auto}}.room-card .room-booking-card .room-image{flex:0 0 40%;height:100%}.room-card .room-booking-card .room-image img{object-fit:cover;width:100%;height:100%;display:block}.room-card .room-booking-card .room-details{flex-direction:column;flex:1;gap:20px;padding:1rem;display:flex}.room-card .room-booking-card .room-details h2{font-size:28px;font-weight:500}.room-card .room-booking-card .room-details .occupancy-size{justify-content:space-between;display:flex}.room-card .room-booking-card .room-details .breakfast .breakfast-label{background-color:var(--secondary-color);color:#fff;border-radius:10px;width:200px;padding:10px;font-size:14px}.room-card .room-booking-card .room-details .amenities{flex-wrap:wrap;gap:10px;display:flex}.room-card .room-booking-card .room-details .amenities .amenity{border-radius:12px;flex-direction:column;align-items:center;gap:10px;min-width:80px;padding:4px;display:flex}.room-card .room-booking-card .room-details .amenities .amenity span{font-size:12px}.room-card .room-booking-card .price-details{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-shrink:0;align-self:flex-end;padding:10px;box-shadow:0 4px 12px #0000000d}.room-card .room-booking-card .price-details h3{color:var(--secondary-color);font-size:22px;font-weight:600}
.checkout-card{border:1px solid var(--secondary-color);background-color:#fafffa;border-radius:12px;width:100%;min-width:400px;margin-top:10%;padding:4%}@media (max-width:768px){.checkout-card{min-width:200px;padding:10px}}.checkout-card h3{color:var(--primary-color);font-size:22px;font-weight:400}.checkout-card .order-summary{flex-direction:column;padding-top:10px;display:flex}.checkout-card .order-summary .summary-item{flex-direction:column;gap:10px;display:flex}.checkout-card .order-summary .summary-item .stay-date{display:flex}.checkout-card .basic-information{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.checkout-card .basic-information .check-in,.checkout-card .basic-information .check-out,.checkout-card .basic-information .nights,.checkout-card .basic-information .rooms,.checkout-card .basic-information .adults,.checkout-card .basic-information .children{justify-content:space-between;display:flex}
@media (max-width:768px){.reservation-page{flex-direction:column}}.reservation-page .booking-container .room-card-container{flex-grow:2;padding:1rem}.reservation-page .booking-container{margin-top:20px;margin-right:20px;display:flex}@media (max-width:768px){.reservation-page .booking-container{flex-direction:column-reverse}.reservation-page .booking-container .checkout-container{padding:15px}}