:root {
      --base: #fdf9ed;
      --accent-dark: rgba(84, 55, 32, 0.95);
      --gold1: #d4af37;
      --gold2: #ffdf6b;
      --nav-height: 70px;
      --subhead: #4a3a33;
      --head:#3d2a22;
      --text:#7a4f33;
      --button:#7a4f33;
      --buttonhover:#a7714e;
    }
   body {
      width: 100%;
      height: 100%;
      margin: 0;
      font-family: "Inter", sans-serif;
      background: #f5f5f5;
    }
    
    
.vision-section {
  margin-top: 35px;
  width: 100%;
  padding: 80px 20px;
  display: flex;
  justify-content: center;
  background-image: url("../src/bg.jpg");
   background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

.vision-container {
  max-width: 900px;
  text-align: center;
}

.vision-section h2 {
  font-family: "Cinzel",sans-serif;
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--head);
}

.underline {
  width: 60px;
  height: 3px;
  background: var(--head); /* highlight color */
  margin: 0 auto 25px auto;
  border-radius: 10px;
}

.vision-text {
  font-family: "Inter",sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: var(--subhead);
}