:root  > * {
    --md-primary-fg-color:        #000;
    --md-primary-fg-color--light: #000;
    --md-primary-fg-color--dark:  #000; /* #23930d */
    /* --md-default-bg-color: #121220; */
}

.md-header__button.md-logo img{
  height: 14px;
}

/* .md-content h1, h2, h3, h4, h5, h6 {
    color: rgba(0,0,0,.87) !important;
    font-weight: 500 !important;
}
 */

.bg-image-full {
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}


/* Full-width Hero Styling */
.md-hero {
  background-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
  padding: 10rem 0;
  width: 100%;
}

@media (max-width: 768px) {
  .md-hero {
    padding: 3rem 0;
  }
}

.md-hero__content {
    padding: 0 15px;
    max-width: 1220px;
}

.md-hero h1 {
  color: inherit;
  font-weight: 700;
  margin-top: 0;
  font-size: 1.8rem;
}

.md-hero p {
  font-size: 0.8rem;
  opacity: 0.9;
  margin-bottom: 1.5rem;
}

/* Optional: Add a background image capability */
[data-hero-image] .md-hero {
  background-image: var(--hero-url);
  background-size: cover;
  background-position: center;
  /* Darken overlay for text readability */
  background-blend-mode: multiply;
  background-color: rgba(0, 0, 0, 0.4); 
}

.small-div{
    max-width: 400px;
}


.chip-feature {
  display: inline-block;
  background: deeppink;
  color: white;
  padding: 0px 16px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 500; 
}

.chip-feature--new {
  background: #4caf50;
}