:root {
  --color-dark: #080C15;
  --color-primary: #363C48;
  --color-light: #7A808C;
  --color-accent: #496dc2;
  --color-secondary: #6783bd;
  --color-principal: #496dc2;
}

.hero-section {
  position: relative;
  height: 580px;
  margin-bottom: -54px;
}

.hero-text {
  padding-top: 220px;
  text-align: center;
}

@media(max-width:767.98px) {
  .site-logo img {
    max-height: 100px;
  }
}

.site-logo img {
  max-height: 100px;
}

html {
  scroll-behavior: smooth;
}



.feature-title h5 {
  font-weight: 400;
  margin-bottom: 5px;
  min-height: 84px;
  padding: 0 20px;
  padding-bottom: 10px;
}


[class*="-feedback-required"] {
  color: red;
}