.hero-banner-css {
  background: linear-gradient(180deg, #A42C2D, #B68E44); /* Top to bottom gradient */
  border-radius: 30px;
  height: 100vh;
  width: 100%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-family: sans-serif;
  overflow: hidden; /* prevents content from spilling out of the curve */
}

.soft-gradient-top {
  background: linear-gradient(to bottom, #f9f7f5 0%, #f9f7f5 40%, #ffffff 100%);
}

.soft-gradient-cta-white {
  background: linear-gradient(to bottom, #ffffff 0%, #f9f7f5 80%, #f9f7f5 100%);
}

.soft-gradient-cta-gold {
  background: linear-gradient(to bottom, #ffffff 0%, #f9f7f5 80%, #f9f7f5 100%);
}

.count-up {
  font-family: 'Chiffon', serif; /* Adjust if you use a different one */
  font-weight: 700; /* Bold */
  color: #333333;
  font-size: 60px;
}

.soft-gradient-center {
background: linear-gradient(to bottom, #ffffff 0%, #F6EBE0 20%, #F6EBE0 65%, #F6EBE0 80%, #ffffff 100%);
}


.soft-gradient-cta-F6F1EC-white {
  background: linear-gradient(to bottom, 
    #F6F1EC 0%, 
    #F6F1EC 40%, 
    #f9f7f5 60%, 
    #ffffff 80%, 
    #ffffff 100%);
}

.soft-gradient-cta-ebe2d7 {
background: linear-gradient(to bottom, 
  #ebe2d7 0%, 
  #ebe2d7 60%, 
  #f6f1ec 85%, 
  #ffffff 100%);
}