:root {
  /* Colors */
  --white: #fff;
  --dark: #252525;
  --primary: #3b141c;
  --secondary: #f3961c;
  --light-pink: #faf4f5;
  --medium-gray: #ccc;

  /* Font size */
  --font-size-s: 0.9rem;
  --font-size-n: 1rem;
  --font-size-m: 1.12rem;
  --font-size-l: 1.15rem;
  --font-size-xl: 2rem;
  --font-size-xxl: 2.3rem;

  /* Font weight */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Border radius */
  --border-radius-s: 8px;
  --border-radius-m: 30px;
  --border-radius-circle: 50%;

  /* Site max width */
  --site-max-width: 1300px;
}

.booking-section {
  color: var(--white);
  background: var(--dark);
  padding: 120px 0;
  justify-items: center;
}

.booking-section form {
  width: 70%;
  margin: 30px auto;
  background: #f9f9f9;
  padding: 30px;
  border-radius: 10px;
  color: #252525;
}
.booking-section input,
.booking-section textarea,
.booking-section select {
  width: 100%;
  padding: 10px;
  margin: 8px 0 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline-color: var(--primary);
  resize: none;
}
.booking-section label {
  font-weight: bold;
}
.booking-section form button {
  padding: 12px 25px;
  background-color: var(--primary);
  color: white;
  border: 1px solid var(--primary);
  border-radius: 5px;
  cursor: pointer;
}
.booking-section form button:hover{
    background: transparent;
    color: var(--primary);
}
.media-preview img,
.media-preview video {
  width: 100px;
  margin: 5px;
}
.reset {
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
  background: var(--secondary);
  border: 1px solid var(--secondary);
}
.reset:hover {
  color: var(--secondary);
  background: transparent;
}
.reset a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}
.reset:hover a {
  color: var(--secondary);
}
.booking-section form h2 {
  color: var(--primary);
  margin-bottom: 20px;
}
.booking-section form hr{
    margin: 20px 0 25px;
}