* {margin: 0;padding: 0;box-sizing: border-box;font-family:'Playfair Display'}body {background-color: #EBEAE3;overflow-x: hidden;}div {display: flex;flex-wrap: wrap;}.banner {background-image: url('../assets/img/banquets-back.png');min-height: 80vh;background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;}.banner-main {display: flex;flex-direction: column;gap: 2rem;justify-content: center;align-items: center;color: white;text-align: center;padding: 0 5%;max-width: 90%;}.banner-main img {max-width: min(50%, 200px);margin: auto;}.banner-main h1 {font-size: clamp(1.8rem, 4vw, 3rem);color: white;font-weight: 400;}.banner-main p {font-size: clamp(1rem, 1.5vw, 1.3rem);}.banner-main a {padding: 0.8rem 2rem;background-color: #A89888;color: black;text-decoration: none;font-size: clamp(1rem, 1.5vw, 1.2rem);border-radius: 20px;width: auto;min-width: 220px;font-weight: 600;transition: all .3s ease;}.banner-main a:hover {background-color: #6f655a;}.choice h2 {text-align: center;padding: 2rem 0;font-size: clamp(1.5rem, 3vw, 2rem);letter-spacing: 2px;}.choice-inner {display: flex;justify-content: center;gap: 3rem;flex-wrap: wrap;padding: 0 2rem;}.key-card,.with_people-card {display: flex;flex-direction: column;gap: 1rem;border-radius: 15px;border: 1px solid black;max-width: 500px;width: 100%;flex: 1 1 400px;box-shadow: 3px 1px 15px black;transition: transform 0.3s ease;background-color: #EBEAE3;}.key-card:hover,.with_people-card:hover {transform: scale(1.02);}.choice-photo {border-radius: 15px 15px 0 0;object-fit: cover;width: 100%;height: auto;aspect-ratio: 16 / 9;}.card-inner {flex-direction: column;padding: 1.5rem;gap: 0.8rem;}.card-inner > div {gap: 0.8rem;align-items: center;}.card-inner div div {gap: 0.5rem;}.card-inner img {width: 24px;height: 24px;}.card-inner h3 {font-size: clamp(1.2rem, 2vw, 1.5rem);margin: 0;}.card-inner p {font-size: clamp(0.9rem, 1.2vw, 1rem);line-height: 1.4;}.make_booking {padding: 2rem 1rem;}.make-header {flex-direction: column;gap: 1rem;text-align: center;margin-bottom: 2rem;}.make-header h2 {font-size: clamp(1.4rem, 3vw, 2rem);}.make-header h4 {font-size: clamp(0.9rem, 1.5vw, 1.1rem);font-weight: normal;}.booking-inner {display: flex;border-radius: 10px;border: 1px solid black;width: 90%;max-width: 1200px;margin: 0 auto;box-shadow: 10px 4px 30px black;background-color: #EBEAE3;overflow: hidden;}.booking-inner img {width: 50%;object-fit: cover;object-position: center;display: block;}.booking-inner form {width: 50%;padding: 2rem 2.5rem;display: flex;flex-direction: column;gap: 1.5rem;}.booking-inner form input,.booking-inner form button {font-size: clamp(0.9rem, 1.1vw, 1rem);padding: 0.8rem 1rem;border-radius: 10px;background-color: #F5F5F5;outline: none;border: 1.3px solid #381A0A;width: 100%;}.booking-inner form input::placeholder {color: black;opacity: 0.7;}.booking-inner form > div {display: flex;gap: 1rem;flex-wrap: wrap;}.booking-inner form > div input {flex: 1 1 200px;}.pers_date {display: inline-flex;align-items: center;gap: 0.8rem;font-size: clamp(0.8rem, 1vw, 0.9rem);flex-wrap: nowrap !important;flex-direction:row !important}.pers_date input {width: 18px;height: 18px;margin: 0;flex: 0 !important;}.booking-inner form button {background-color: #A89888;border: none;box-shadow: 0 2px 10px black;cursor: pointer;transition: background 0.3s;font-weight: bold;}.booking-inner form button:hover {background-color: #8c7a68;}@media (max-width: 1000px) {.booking-inner {flex-direction: column;width: 95%;}.booking-inner img {width: 100%;max-height: 300px;}.booking-inner form {width: 100%;padding: 2rem;}.choice-inner {gap: 2rem;}.key-card, .with_people-card {flex-basis: 100%;max-width: 550px;}}@media (max-width: 700px) {.banner-main {gap: 1.2rem;}.banner-main a {min-width: 180px;padding: 0.6rem 1.5rem;}.booking-inner form > div {flex-direction: column;gap: 1rem;}.pers_date {flex-wrap: wrap;}.card-inner {padding: 1rem;}.card-inner img {width: 20px;height: 20px;}.booking-inner form > div input {flex: none;}}@media (max-width: 500px) {.banner-main h1 {font-size: 1.6rem;}.banner-main p {font-size: 0.9rem;}.choice h2 {font-size: 1.4rem;}.card-inner h3 {font-size: 1.2rem;}.booking-inner form {padding: 1.2rem;}.booking-inner form button {padding: 0.7rem;}}@media (hover: none) {.key-card:hover,.with_people-card:hover {transform: none;}}