.field-box--left {
  border: 1px solid;
  border-radius: 0.25rem;
  padding: 1rem;
  height: 100%;
  background-color: #f3ccf5;
  border-color: rgb(245, 159, 225);
}

.field-box--right {
  border: 1px solid;
  border-radius: 0.25rem;
  padding: 1rem;
  height: 100%;
  background-color: #b5daf8;
  border-color: #7ef6ff;
}

.field-box--right input {
  background-color: white
}
.field-box--left input {
  background-color: white
}



.field-box--top {
  border: 1px solid;
  border-radius: 0.25rem;
  padding: 1rem;
  height: 100%;
  background-color: #adf4e7;
  border-color: rgb(101, 243, 245);
}

.field-box--bottom {
  border: 1px solid;
  border-radius: 0.25rem;
  padding: 1rem;
  height: 100%;
  background-color: #ecf8b5;
  border-color: #fff59d;
}

.field-box--top input {
  background-color: white
}
.field-box--bottom input {
  background-color: white
}

.bottom-field-box{
  border: 1px solid;
  border-radius: 0.25rem;
  padding: 1rem;
  background-color: #f7a285;
  border-color: #f38567;
}

.field-box--right .text-start span {
  background-color: rgba(248, 246, 246, 0.97);
}
.field-box--left .text-start span {
  background-color: rgba(248, 246, 246, 0.97);
}

.field-box--top .text-start span {
  background-color: rgba(248, 246, 246, 0.97);
}
.field-box--bottom .text-start span {
  background-color: rgba(248, 246, 246, 0.97);
}
.bottom-field-box .text-start span {
  background-color: rgba(248, 246, 246, 0.97);
}

.field-box--right select {
  background-color: white
}
.field-box--left select {
  background-color: white
}

.field-box--top select {
  background-color: white;
}
.field-box--bottom select {
  background-color: white;
}
.bottom-field-box select {
  background-color: white;
}
.bottom-field-box input {
  background-color: white;
}


.btn-booking {
  background: linear-gradient(135deg, rgb(3, 129, 114), purple, red, orange);
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
}

.btn-booking:hover {
  opacity: 0.9;
}