.reservation-box{font-family:var(--font-primary);--gap: 2.5rem;--font-clr: var(--secondary);background-color:transparent;padding:25px 30px;border-radius:var(--border-radius-xl);color:var(--font-clr);display:flex;align-items:center;justify-content:space-between;gap:var(--gap);border:4px solid var(--secondary)}@media screen and (max-width:1199.98px){.reservation-box{padding:25px}}@media screen and (max-width:991.98px){.reservation-box{flex-wrap:wrap;gap:24px}}@media screen and (max-width:767.98px){.reservation-box{flex-wrap:wrap;padding:25px 20px}}.reservation-box>div{flex-basis:calc(50% - var(--gap))}@media screen and (max-width:991.98px){.reservation-box>div{flex-basis:unset}}.reservation-box .reservation__date--area{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reservation-box .reservation__details--area{display:flex;align-items:center;justify-content:space-between;gap:12px}@media screen and (max-width:991.98px){.reservation-box .reservation__details--area{flex-wrap:wrap;gap:16px;width:100%}}@media screen and (max-width:767.98px){.reservation-box .reservation__details--area{flex-wrap:wrap;gap:20px 12px;width:unset}}@media screen and (max-width:767.98px){.reservation-box .reservation__details--area .btn{width:100%}}.reservation-box .date-group,.reservation-box .guest-group,.reservation-box .room-group{display:flex;flex-direction:column;align-items:center;position:relative}.reservation-box .date-group .label,.reservation-box .guest-group .label,.reservation-box .room-group .label{text-align:center;font-size:1.25rem;letter-spacing:0.125rem;margin-bottom:0.3125rem;color:var(--font-clr)}.reservation-box .date-group .date,.reservation-box .date-group .separator,.reservation-box .date-group .count,.reservation-box .guest-group .date,.reservation-box .guest-group .separator,.reservation-box .guest-group .count,.reservation-box .room-group .date,.reservation-box .room-group .separator,.reservation-box .room-group .count{font-size:3rem;line-height:4.375rem;font-weight:300;color:var(--font-clr)}@media screen and (max-width:1399.98px){.reservation-box .date-group .date,.reservation-box .date-group .separator,.reservation-box .date-group .count,.reservation-box .guest-group .date,.reservation-box .guest-group .separator,.reservation-box .guest-group .count,.reservation-box .room-group .date,.reservation-box .room-group .separator,.reservation-box .room-group .count{font-size:2.75rem}}@media screen and (max-width:1199.98px){.reservation-box .date-group .date,.reservation-box .date-group .separator,.reservation-box .date-group .count,.reservation-box .guest-group .date,.reservation-box .guest-group .separator,.reservation-box .guest-group .count,.reservation-box .room-group .date,.reservation-box .room-group .separator,.reservation-box .room-group .count{font-size:2.5rem}}@media screen and (max-width:991.98px){.reservation-box .date-group .date,.reservation-box .date-group .separator,.reservation-box .date-group .count,.reservation-box .guest-group .date,.reservation-box .guest-group .separator,.reservation-box .guest-group .count,.reservation-box .room-group .date,.reservation-box .room-group .separator,.reservation-box .room-group .count{font-size:2.2rem}}@media screen and (max-width:767.98px){.reservation-box .date-group .date,.reservation-box .date-group .separator,.reservation-box .date-group .count,.reservation-box .guest-group .date,.reservation-box .guest-group .separator,.reservation-box .guest-group .count,.reservation-box .room-group .date,.reservation-box .room-group .separator,.reservation-box .room-group .count{font-size:2rem}}.reservation-box .date-group input.date,.reservation-box .guest-group input.date,.reservation-box .room-group input.date{background-color:transparent;border:0;padding:0;color:var(--font-clr);font-size:3rem;line-height:4.375rem;font-weight:300;width:100%;text-align:center;flex-grow:1}.reservation-box .separator{display:flex;align-items:center;font-size:3rem;justify-content:center}@media screen and (max-width:1399.98px){.reservation-box .separator{font-size:2.5rem}}@media screen and (max-width:1199.98px){.reservation-box .separator{font-size:2rem}}@media screen and (max-width:991.98px){.reservation-box .separator{margin-left:2rem;font-size:3rem}}@media screen and (max-width:767.98px){.reservation-box .separator{font-size:2rem}}.reservation-box .counter{display:flex;align-items:center}.reservation-box .counter .btn{background-color:transparent;color:var(--secondary);border:none;border-radius:50%;width:2.1875rem;height:2.1875rem;display:flex;align-items:center;justify-content:center;padding:0}.reservation-box .counter .btn i{font-size:2rem}.reservation-box .counter .count{margin-inline:2rem;user-select:none}.reservation-box .calendar-icon{display:flex;align-items:center;justify-content:center;transform:translateY(50%);cursor:pointer}.reservation-box .calendar-icon i{font-size:1.75rem;color:var(--font-clr)}@media screen and (max-width:991.98px){.reservation-box .calendar-icon i{font-size:1.5rem;margin-left:1rem}}