:root {
  /* Colors */
  --goldColor: linear-gradient(
    90.47deg,
    #924f18 -11.39%,
    #c39235 19.37%,
    #f5eea6 53.96%,
    #995d27 91.21%,
    #cd9c50 109.23%,
    #eea933 109.23%,
    #cd9c50 109.23%
  );

  --yellowColor: rgba(238, 169, 51, 1);
  font-family: "Archivo";
}

.gold {
  background: var(--goldColor);
}

.mainHead h1 {
  font-size: 2.5rem;
  font-weight: 600;
}
.Goldhr {
  max-width: 80%;
  border: none;
  height: 3px;
  background: linear-gradient(
    90.47deg,
    #924f18 -11.39%,
    #c39235 19.37%,
    #f5eea6 53.96%,
    #995d27 91.21%,
    #cd9c50 109.23%,
    #eea933 109.23%,
    #cd9c50 109.23%
  );
}
.gold-btn {
  background: linear-gradient(
    90.47deg,
    #924f18 -11.39%,
    #c39235 19.37%,
    #f5eea6 53.96%,
    #995d27 91.21%,
    #cd9c50 109.23%,
    #eea933 109.23%,
    #cd9c50 109.23%
  );
  color: white;
  border: none;
  border-radius: 25px;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  font-weight: 600;
}

.gold-btn:hover {
  filter: brightness(1.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.gold-btn:active {
  /* transform: translateY(1px); */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.bold-700 {
  font-weight: 700;
}

.bold-600 {
  font-weight: 600;
}

.bold-500 {
  font-weight: 500;
}

.bold-400 {
  font-weight: 400;
}