* {
  box-sizing: border-box;
}
html,
body {
  overflow-x: hidden;
}
body {
  font-family: "Inter", sans-serif;
  background-color: #f7f5ef;
  color: #1f1f1f;
}

h1,
h2,
h3 {
  font-family: "Playfair Display", serif;
}

.btn-primary {
  background-color: #8a1f2d;
  border: none;
}

.btn-primary:hover {
  background-color: #6e1824;
}

.gradient-text {
  background: linear-gradient(90deg, #8a1f2d, #d4af37);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-section {
  padding: 100px 0;
  background: #fff
    url("assets/img/hero.jpg")
    no-repeat center center;
  background-size: cover;
  color: #fff;
  text-align: center;
}

.hero-overlay {
  background-color: rgba(12, 15, 20, 0.7);
  padding: 80px 20px;
}