:root {
      --yellow-ochre: #D8A903;
      --earth-brown: #5C3A21;
      --forest-green: #2E5D34;
      --leopard-tan: #DAB98F;
      --giraffe-gold: #D88C3F;
      --bg: #F2F1DC;
      --text: #27214E;
      --muted: #6B6B6B;
    }
    /* Inline styles for unique quote page enhancements */
    .hero-quote {
      min-height: 35vh;
      background: linear-gradient(135deg, var(--leopard-tan), var(--bg));
      position: relative;
      display: flex;
      align-items: center;
      color: var(--earth-brown);
      overflow: hidden;
      padding: 1rem 0;
      text-align: center;
    }
    .hero-quote-content {
      z-index: 2;
      max-width: 800px;
      margin: 0 auto;
      padding: 0.5rem;
      animation: fadeInUp 1s ease-out forwards;
    }
    .hero-quote h1 {
      font-size: 2.2rem;
      line-height: 1.2;
      margin-bottom: 0.4rem;
      font-family: 'Playfair Display', serif;
      font-weight: 700;
    }
    .hero-quote p {
      font-size: 1rem;
      margin-bottom: 0.8rem;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      color: var(--muted);
    }
    .hero-quote .btn-primary {
      background: linear-gradient(90deg, var(--giraffe-gold), var(--yellow-ochre));
      color: var(--earth-brown);
      padding: 0.7rem 1.5rem;
      border-radius: 0.6rem;
      font-weight: 700;
      text-decoration: none;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .hero-quote .btn-primary:hover {
      transform: translateY(-3px);
      box-shadow: 0 5px 15px rgba(216, 169, 3, 0.5);
    }
    .quote-form-section {
      padding: 3rem 0;
      background: linear-gradient(135deg, var(--bg), var(--leopard-tan));
      position: relative;
      overflow: hidden;
    }
    .quote-form-container {
      max-width: 1100px;
      margin: 0 auto;
      display: flex;
      gap: 1.5rem;
    }
    .quote-reasons-column {
      flex: 0.4;
      background: rgba(242, 241, 220, 0.9);
      border-radius: 1.2rem;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
      padding: 1.5rem;
      color: var(--earth-brown);
      position: relative;
      overflow: hidden;
    }
    .quote-reasons-column::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: radial-gradient(circle at 20% 30%, rgba(216, 169, 3, 0.05), transparent);
      z-index: -1;
      opacity: 0.1;
    }
    .quote-reasons-column h3 {
      font-size: 1.4rem;
      margin-bottom: 1rem;
      font-weight: 600;
      font-family: 'Playfair Display', serif;
      color: var(--earth-brown);
      position: relative;
    }
    .quote-reasons-column h3::after {
      content: '';
      position: absolute;
      bottom: -0.3rem;
      left: 0;
      width: 30%;
      height: 2px;
      background: var(--giraffe-gold);
      transition: width 0.3s ease;
    }
    .quote-reasons-column:hover h3::after {
      width: 50%;
    }
    .quote-reasons-quote {
      margin: 1.5rem 0;
      padding: 1.2rem;
      background: linear-gradient(135deg, rgba(216, 169, 3, 0.1), rgba(242, 241, 220, 0.9));
      border-radius: 0.8rem;
      border-left: 4px solid var(--giraffe-gold);
      text-align: center;
      font-style: italic;
      font-family: 'Playfair Display', serif;
      font-size: 1.1rem;
      color: var(--earth-brown);
      position: relative;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(216, 169, 3, 0.1);
    }
    .quote-reasons-quote:first-child {
      margin-top: 2rem;
    }
    .quote-reasons-quote::before {
      content: '“';
      position: absolute;
      top: -0.5rem;
      left: 0.5rem;
      font-size: 2.5rem;
      color: var(--giraffe-gold);
      opacity: 0.7;
    }
    .quote-reasons-quote::after {
      content: '”';
      position: absolute;
      bottom: -0.5rem;
      right: 0.5rem;
      font-size: 2.5rem;
      color: var(--giraffe-gold);
      opacity: 0.7;
    }
    .quote-reasons-column ul {
      list-style: none;
      padding: 0;
      margin-top: 1.5rem;
    }
    .quote-reasons-column li {
      margin-bottom: 0.8rem;
      font-size: 0.95rem;
      display: flex;
      align-items: flex-start;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      color: var(--text);
      position: relative;
    }
    .quote-reasons-column li:nth-child(6) {
      border-bottom: 1px solid rgba(216, 169, 3, 0.2);
      padding-bottom: 1rem;
      height: 0;
      margin: 0;
    }
    .quote-reasons-column li::before {
      content: counter(list-item);
      counter-increment: list-item;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 1.5rem;
      height: 1.5rem;
      background: var(--giraffe-gold);
      color: #fff;
      border-radius: 50%;
      margin-right: 0.7rem;
      font-weight: 700;
      font-size: 0.9rem;
    }
    .quote-reasons-column li:nth-child(6)::before {
      content: none;
      counter-increment: none;
    }
    .quote-form-column {
      flex: 0.6;
      background: rgba(242, 241, 220, 0.95);
      border-radius: 1.2rem;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
      position: relative;
      z-index: 2;
      padding: 1.5rem;
    }
    .quote-form-column::before {
      content: '';
      position: absolute;
      top: -1rem;
      left: -1rem;
      right: -1rem;
      bottom: -1rem;
      background: radial-gradient(circle, var(--yellow-ochre), var(--giraffe-gold));
      border-radius: 1.4rem;
      z-index: -1;
      filter: blur(12px);
      opacity: 0.2;
    }
    .form-group {
      margin-bottom: 1rem;
    }
    .form-group label {
      display: block;
      font-size: 0.9rem;
      color: var(--earth-brown);
      margin-bottom: 0.3rem;
      font-weight: 500;
      font-family: 'Roboto', sans-serif;
    }
    .form-group input,
    .form-group select,
    .form-group textarea {
      width: 100%;
      padding: 0.5rem 0.9rem;
      border: 2px solid var(--leopard-tan);
      border-radius: 0.6rem;
      font-size: 0.9rem;
      color: var(--text);
      background: #fff;
      transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }
    .form-group input:focus,
    .form-group select:focus,
    .form-group textarea:focus {
      border-color: var(--yellow-ochre);
      box-shadow: 0 0 6px rgba(216, 169, 3, 0.25);
      outline: none;
    }
    .form-group select {
      appearance: none;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="%235C3A21" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>') no-repeat right 0.7rem center;
      background-size: 10px;
      padding-right: 2.2rem;
    }
    .form-group textarea {
      min-height: 90px;
      resize: vertical;
    }
    /* Updated to match booking.html's Submit Booking button */
.btn-submit {
  background: linear-gradient(90deg, var(--giraffe-gold), var(--yellow-ochre));
  color: var(--earth-brown);
  padding: 0.7rem 1.3rem; /* Matches booking.html padding */
  border-radius: 0.6rem;
  font-weight: 800; /* Matches booking.html font-weight */
  font-size: 0.95rem; /* Matches booking.html font-size */
  text-decoration: none;
  border: none;
  cursor: pointer;
  width: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Matches booking.html transition */
}

.btn-submit:hover {
  transform: translateY(-3px); /* Matches booking.html hover effect */
  box-shadow: 0 5px 12px rgba(216, 169, 3, 0.4); /* Matches booking.html shadow */
}
    .quote-success {
      display: none;
      text-align: center;
      color: var(--forest-green);
      font-size: 1rem;
      margin-top: 0.6rem;
      font-family: 'Roboto', sans-serif;
    }
    .quote-bg-decoration {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23DAB98F" fill-opacity="0.06" d="M0,128L48,138.7C96,149,192,171,288,170.7C384,171,480,149,576,133.3C672,117,768,107,864,96C960,85,1056,75,1152,74.7C1248,75,1344,85,1392,90.7L1440,96V320H1392C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320H0V128Z"></path></svg>') repeat-x bottom;
      animation: wave 6s infinite;
      z-index: 1;
    }
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(12px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes wave {
      0% { background-position-x: 0; }
      100% { background-position-x: 100%; }
    }
    @media (max-width: 768px) {
      .hero-quote { min-height: 25vh; }
      .hero-quote h1 { font-size: 1.6rem; }
      .hero-quote p { font-size: 0.85rem; }
      .quote-form-container { flex-direction: column; }
      .quote-reasons-column, .quote-form-column { flex: 1; padding: 1rem; }
      .quote-reasons-quote { font-size: 1rem; }
      .quote-reasons-column li { font-size: 0.9rem; }
      .btn-submit { font-size: 0.85rem; }
    }