/* General form styles */
  .booking-area {
    padding: 20px 0;
  }
  
  .booking-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  
  .form-group {
    margin-right: 10px;
    margin-bottom: 15px;
  }
  
  .date-parameter-block,
  .adult-wrapper,
  .child-wrapper,
  .promo-block,
  .btn-wrapper {
    flex: 1;
  }
  
  .btn-wrapper {
    padding-top: 27px;
  }
  
  /* Responsive styles */
  @media (max-width: 768px) {
    .booking-form {
      flex-direction: column;
    }
  
    .form-group {
      width: 100%;
      margin-right: 0;
    }
  
    .btn-wrapper {
      width: 100%;
      padding-top: 15px;
    }
  
    .form-group label {
      font-size: 14px;
    }
  
    .form-group select,
    .form-group input {
      width: 100%;
      height: 45px;
    }
  
    .btn-wrapper input {
      width: 100%;
      background-color: #a52a2a;
      color: #fff;
    }
  }

  


  @media (max-width: 576px) {
    .date-parameter-block, .promo-block, .btn-wrapper {
        margin-bottom: 15px;
    }
}
.btn-full-width {
    width: 100%;
}
.dp-holder {
    position: relative;
}
.dp-holder .fa-calendar {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}



@media (max-width: 768px) {
.row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

/* Ensure both adult and children fields are in the same row */
.adult-wrapper, .child-wrapper {
flex: 1 1 calc(50% - 10px); /* 50% width with a gap */
margin-bottom: 15px; /* Add space below for mobile view */
}

/* Adjust input/select box style */
.form-control {
width: 100%;
height: 45px;
}

/* Remove margins on the last element */
.child-wrapper {
margin-right: 0;
}

label {
display: block;
margin-bottom: 5px; /* Add spacing between label and input */
}
}