/* Sun Gate Tours — base.css */

:root {
  --blue:#0a3155;
  --blue2:#145b8d;
  --gold:#d4a438;
  --gold2:#f0c86b;
  --ink:#17283a;
  --muted:#68798b;
  --soft:#f5f8fb;
  --line:#e3eaf0;
  --white:#fff;
  --green:#16b866;
  --shadow:0 18px 55px rgba(8,39,67,.10);
}


* {
  box-sizing:border-box;
}


html {
  scroll-behavior:smooth;
}


body {
  margin:0;
  color:var(--ink);
  font-family:'DM Sans',sans-serif;
  background:#fff;
  overflow-x:hidden;
}


a {
  text-decoration:none;
  color:inherit;
}


button,input,textarea,select {
  font:inherit;
}


.section {
  padding:86px clamp(20px,6vw,90px);
}


.section-head {
  max-width:760px;
  margin-bottom:38px;
}


.section-head h2,.about h2,.detail-section h2 {
  font:700 clamp(32px,4vw,50px)/1.1 'Playfair Display';
  color:var(--blue);
  margin:10px 0 14px;
}


.section-head p,.about p {
  color:var(--muted);
  line-height:1.85;
  margin:0;
}


.center-head {
  margin-inline:auto;
  text-align:center;
}


.center-head p {
  max-width:680px;
  margin:auto;
}


.form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}


.field {
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-bottom:12px;
}


.field.full {
  grid-column:1/-1;
}


.field label {
  font-size:12px;
  font-weight:800;
  color:var(--blue);
}


.field input,.field textarea,.field select {
  width:100%;
  font:inherit;
  padding:13px 14px;
  border:1px solid #d7e0e8;
  border-radius:12px;
  outline:none;
  background:#fff;
  color:var(--ink);
}


.field input:focus,.field textarea:focus,.field select:focus {
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(212,164,56,.12);
}


.field textarea {
  min-height:105px;
  resize:vertical;
}