:root {

  --backone: rgb(0, 0, 0);
  --text-white: #fff;
  --whitebg: #fff9f6;


  /* Soft Peach */
  --primary-color-M: #771e1e;
  --primary-color: #a87b01;
  /* Mustard Yellow */
  --secondary-color: #a87b01;
  /* Golden Brown */
  --accent-color: #E9A86D;
  /* Gold-orange highlight */

  --primary-olive: #e0af32;
  /* Mustard tone as primary olive */
  --secondary-olive: #a87b01;
  /* Golden tone as secondary olive */
  --light-olive: #F3D7C3;
  /* Light rosy beige */
  --dark-olive: #010810;
  /* Very dark navy */

  /* Primary Color Palette */
  --primary-green: #a87b01;
  /* Mustard Yellow */
  --secondary-green: #a87b01;
  /* Golden Brown */
  --light-green: #F3D7C3;
  /* Neutral Tones */
  --cream: #000000;
  /* Warm light neutral */
  --light-cream: #000000;
  /* Softer creamy white */
  --border: #000000;
  /* Peachy beige */

  --light-gray: #000000;
  /* Near-white neutral */
  --dark-gray: #3A1F1B;
  /* Maroon-black */
  --white: #000000;

  /* Background Colors */
  --bg-light: #000000;
  /* Light rosy-beige */
  --bg-sec: #000000;
  /* Subtle warm tone */
  --body-color: #010810;
  /* Very dark navy */

  /* Text Colors */
  --text-color: #ffffff;
  /* White on dark bg */
  --text-hover-color: #ffffff;
  /* Orange gold on hover */
  --text-dark: #ffffff;
  /* Mustard as dark text on white */
  --text-light: #F3D7C3;
  /* Soft peach */

  /* Accent Colors */
  --accent-color: #E9A86D;
  /* Orange-gold for accents */
  --accent-gold: #F3D7B6;
  /* Pale gold-peach tone */

  /* Additional Natural Tones */
  --parchment: #000000;
  /* Pale natural background */
  --sand: #F2CBB1;
  /* Warm sand-beige */
  --olive: #000000;
  /* Reassigned to golden brown */
  --sage: #D4A78C;
  /* Muted peach-sienna */
  --bark: #5C3025;
  /* Dark rich brown */
  --olivewood: #321913;
  /* Deep wood tone */

  /* Shadows & Gradients */
  --shadow-light: rgba(0, 0, 0, 0.04);
  --shadow-medium: rgba(0, 0, 0, 0.1);
  --shadow-heavy: rgba(0, 0, 0, 0.15);

  --gradient-primary: linear-gradient(135deg, #e0af32 0%, #a87b01 100%);
  --gradient-card: linear-gradient(145deg, #ffffff 0%, #fbf5f2 100%);
  --gradient-luxury: linear-gradient(135deg, rgba(233, 168, 109, 0.12) 0%, rgba(224, 175, 50, 0.05) 100%);
}



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--primary-color-M) !important;
  font-family: 'Playfair Display', serif !important;
  line-height: 1.6;
  overflow-x: hidden;
}



.stat-label {
  font-size: 1.1rem;
  color: #2c3e50;
  font-weight: 500;
  line-height: 1.4;
}

.stats-title {
  /* font-weight: 300; */
  text-align: center;

  margin-bottom: 1rem;
  font-weight: 100 !important;

  img {
    display: none !important;
  }
}

.stats-heading {
  font-size: 2.5rem;
  font-weight: 300;
  color: #eaeaea;
  margin-bottom: 1rem;
}

.stats-heading.type-2 {
  color: #000000 !important;

}

.stats-heading.type-3 {
  color: var(--primary-color) !important;

}

.stats-heading.type-4 {
  color: var(--primary-color-M) !important;

}

.stats-subheading {
  color: var(--primary-color);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}


@media (max-width: 768px) {
    .stats-heading { 
        font-size: 2rem;
        text-align: center !important;
    }
}

.w-100 {
  width: 100%;
}

.padding {
  padding: 2rem;
}

.position-relative {
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}


.stats-subheading.type-white,
.type-white {
  color: #ffffff !important;
}