/***** Hero Section *****/
.hero-section {
  /* Reduced from 70vh to 50vh */
  height: 50vh;
  background: url('images/marketmonitor2.png') center center / cover no-repeat;
  /* A subtle overlay for text readability */
  background-color: rgba(0, 0, 0, 0.4);
  background-blend-mode: darken;
  position: relative;
}

/***** Bull Image in Hero (Optional) *****/
.hero-bull {
  position: absolute;
  right: 5%;
  bottom: 5%;
  max-width: 250px;
  height: auto;
}

/***** Feature Cards *****/
.feature-card {
  border: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.2s ease-in-out;
}
.feature-card:hover {
  transform: translateY(-5px);
}

/***** Gauge Alignment *****/
.gauge {
  display: block;
  margin: 0 auto; /* centers the gauge */
  max-width: 200px; /* Adjust as needed */
}


/***** Example Color Classes for Text *****/
.text-col-1 { color: #5B2C86 !important; }
.text-col-2 { color: #C94F7C !important; }
.text-col-3 { color: #7145E0 !important; }
.text-col-4 { color: #E07C24 !important; }
.text-col-5 { color: #2B9EB3 !important; }

/***** Arrow Link Hover Effect *****/
.icon-link svg {
  transition: transform 0.2s ease;
}
.icon-link:hover svg {
  transform: translateX(3px);
}

/***** Footer *****/
.footer {
  width: 100%;
  line-height: 60px;
  background-color: #f5f5f5;
  color: #666;
}

/***** Additional Utility Classes *****/
.img-160 {
  max-height: 110px;
  margin-top: 10px;
}

.section-divider {
  border: 0;
  height: 2px;
  background: linear-gradient(to right, #e4e4e4, #cfcfcf, #e4e4e4);
}