.hero-section{background-position:50%;background-size:cover;width:100%;height:90.9vh;position:relative}.hero-section img{object-fit:cover;width:100%;height:100%}.hero-section-overlay{background-color:#0003;width:100%;height:100%;position:absolute;top:0;left:0}.hero-section-content{text-align:center;width:100%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hero-section-content .hero-section-top-title{letter-spacing:4px;color:#fff;text-transform:uppercase;margin-bottom:10px;font-family:Roboto;font-weight:700;line-height:22px}.hero-section-content .hero-section-title{color:#fff;font-weight:400;font-family:PlayfairDisplay,serif!important}@media (min-width:1024px){.hero-reservation-form{width:95%;max-width:1200px;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}}@media (max-width:1023px){.hero-reservation-form{width:100%;margin:0 0 -150px;position:relative;bottom:200px}}.hero-reservation-form .reservation-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:15px;padding:20px;display:grid;box-shadow:0 8px 32px #0000001a}@media (max-width:1023px){.hero-reservation-form .reservation-form-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;grid-template-columns:1fr;gap:12px;padding:15px}}.hero-reservation-form .reservation-form-container .form-group{flex-direction:column;gap:5px;min-height:70px;display:flex}.hero-reservation-form .reservation-form-container .form-group label{color:#333;margin-bottom:5px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.hero-reservation-form .reservation-form-container .form-group .form-input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;padding:12px;font-family:Roboto,sans-serif;font-size:14px;transition:all .3s}.hero-reservation-form .reservation-form-container .form-group .form-input:focus{border-color:#d4a574;outline:none;box-shadow:0 0 0 3px #d4a5741a}.hero-reservation-form .reservation-form-container .form-group .form-input:hover{border-color:#d4a574}.hero-reservation-form .reservation-form-container .form-group .form-input.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.hero-reservation-form .reservation-form-container .form-group .form-input.error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c33}.hero-reservation-form .reservation-form-container .form-group .error-message{color:#e74c3c;margin-top:4px;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;display:block}.hero-reservation-form .reservation-form-container .reservation-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#d4a574 0%,#b8956a 100%);border:none;border-radius:8px;align-self:end;height:fit-content;margin-top:auto;padding:12px 24px;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;transition:all .3s}.hero-reservation-form .reservation-form-container .reservation-button:hover{background:linear-gradient(135deg,#b8956a 0%,#a08660 100%);transform:translateY(-2px);box-shadow:0 4px 12px #d4a57466}.hero-reservation-form .reservation-form-container .reservation-button:active{transform:translateY(0)}@media (max-width:1023px){.hero-reservation-form .reservation-form-container .reservation-button{width:100%;padding:15px;font-size:18px}}
@media (max-width:450px){.colcenter450{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}}