body {
     font-family: Arial, Helvetica, sans-serif;
     /* background: #f6f7fb; */
     /* margin: 0; */
     /* padding: 40px;
     display: flex;
     justify-content: center */
 }


 .booking-form {
     /* background: skyblue; */
     display: flex;
     /* justify-content: center; */
     /* margin-top: 10px; */

     /* background: #fff; */
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 6px 18px rgba(30, 40, 50, 0.08);
     width: 100%;
     max-width: 600px
 }

 h2 {
     margin: 0 0 12px
 }

 .step {
     display: none
 }

 .step.active {
     display: block
 }

 .field {
     margin-bottom: 12px
 }

 label {
     display: block;
     font-weight: 600;
     margin-bottom: 6px
 }

 .radio-group {
     display: flex;
     flex-direction: column;
     gap: 8px
 }

 input[type="text"],
 input[type="email"],
 input[type="tel"],
 input[type="number"],
 input[type="date"],
 input[type="time"] {
     width: 100%;
     padding: 10px;
     border: 1px solid #d7dce6;
     border-radius: 6px;
     box-sizing: border-box
 }

 .buttons {
     display: flex;
     justify-content: space-between;
     margin-top: 18px
 }

 button {
     padding: 10px 16px;
     border-radius: 6px;
     border: 0;
     background: #2b6cb0;
     color: #fff;
     cursor: pointer
 }

 button.secondary {
     background: #e2e8f0;
     color: #111
 }

 .small {
     font-size: 13px;
     color: #6b7280
 }

 .note {
     font-size: 13px;
     color: #6b7280;
     margin-top: 12px
 }

 .sub-bottom {
     background: #104f8d;
     /* background: #1e90ff; */
 }

 a:link,
 a:visited,
 a:hover,
 a:active {
     color: inherit;
     text-decoration: none;
 }

 .bottom {
     background: #00009c;
 }

 .mid-level {
     /* background: url(".../images/plane.jpg"); */
     /* background-repeat: no-repeat;
     background-position: center;
     background-attachment: scroll; */

 }