@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");@import url("https://fonts.cdnfonts.com/css/proxima-nova-condensed");button { border:none;cursor:pointer;} .mains{ max-width:1200px;margin:auto;padding:10px;} .card-sliders { display:flex;white-space:nowrap;overflow-x:auto;margin-top:10px;gap:30px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;} .card-sliders::-webkit-scrollbar { width:0;height:0;} .label-containers { display:flex;align-items:center;} .label-containers { display:flex;align-items:center;} .label-containers { color:#111;font-family:'PT Sans',sans-serif;margin-right:auto;font-weight:600;} .label-containers .bi { font-size:18px;} .label-containers button { background-color:rgba(0, 0, 0, 0.1);border-radius:20px;color:#111;cursor:pointer;padding:10px;width:fit-content;margin-left:5px;} .label-containers button:disabled { background-color:whitesmoke;cursor:not-allowed;border:none;} .room-cards{ transition:transform 0.3s ease-in-out;font-family:'PT Sans',sans-serif;background:transparent;} .room-cards:hover { cursor:pointer;transform:scale(0.95);} .image-containers { position:relative;display:inline-block;} .image-containers img { width:350px;height:240px;display:block;border-radius:20px;object-fit:cover;image-rendering:pixelated;} .image-containers::after { content:"";position:absolute;top:80%;left:0;right:0;border:none;border-radius:0 0 20px 20px;bottom:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1)100%);} .price-badges { position:absolute;color:#fff;bottom:0;left:10px;padding:5px;z-index:2;font-weight:bold;font-size:24px;font-family:'PT Sans',sans-serif;} .room-names { font-weight:bold;font-size:24px;margin:10px 0 10px 0;} .info-rows { display:flex;align-items:center;justify-content:space-between;font-size:16px;} .addresss { display:flex;align-items:start;margin-top:5px;font-weight:semi-bold;color:#000;} .review-counts { margin-left:5px;font-weight:semi-bold;} .delivery-infos { display:flex;font-size:16px;align-items:center;} .bi-star-fills { color:green;} .bi-dots { font-size:26px;} @media only screen and (min-width:320px) and (max-width:767px) { .containers { max-width:350px;margin:auto;padding:10px;} .label-containers { color:#111;font-family:'PT Sans',sans-serif;margin-right:auto;font-size:18px;font-weight:bold;} .label-containers i { font-size:14px;} .card-containers { display:flex;flex-wrap:wrap;width:100%;height:fit-content;gap:10px;margin-top:10px;} .image-containers img { width:180px;height:140px;display:block;border-radius:20px;object-fit:cover;image-rendering:pixelated;} .image-containers::after { content:"";position:absolute;top:80%;left:0;right:0;border:none;border-radius:0 0 20px 20px;bottom:0;background:linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100% );} .discount-badges { position:absolute;color:#fff;bottom:0;left:10px;padding:5px;z-index:2;font-weight:bold;font-size:12px;font-family:'PT Sans',sans-serif;} .restaurant-names { font-weight:bold;font-size:16px;margin:0;} .info-rows { display:flex;align-items:center;justify-content:space-between;font-size:10px;} .ratings { display:flex;align-items:start;margin-top:3px;font-weight:semi-bold;} .review-counts { margin-left:3px;font-weight:semi-bold;} p{ font-size:10px;} .delivery-infos { display:flex;font-size:10px;align-items:center;} .bi-dots { font-size:16px;} } @media (min-width:576px) { .containers { max-width:540px;} } @media (min-width:768px) { .containers { max-width:720px;} } @media (min-width:992px) { .containers { max-width:960px;} } @media (min-width:1200px) { .containers { max-width:1140px;} } @media (min-width:1400px) { .containers { max-width:1320px;} }