body * {
  font-family: 'Raleway';
}

#quote {
  z-index: 2;
}

.hero-title {
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 900;
}

.hero-subtitle {
  font-size: 32px;
  font-weight: 700;
}

.hero-form {
  background: #339B48;
  width: 100%;
}

.hero-form .btn {
  font-size: 16px;
}

.hero-form .form-control {
  height: 50px;
  font-size: 16px;
}

.hero-form .form-control::placeholder {
  color: black;
}

.title-bg {
  background: #339B48;
  color: white;
  padding: 10px 25px;
  width: max-content;
}

.navbar {
  padding: 1rem 1rem;
}

.hero-img {
  bottom: -8rem;
  position: absolute;
  z-index: -1;
  transform: translateX(2rem) !important;
  right: -10rem;
}

p {
  color: black;
  font-weight: 500;
}

.dark-mode-texts p {
  color: white;
}

.mw-430 {
  max-width: 430px !important;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

.widget-icon {
  width: 50px;
}

.gr-color-black {
  color: black !important;
}

.font-weight-extrabold {
  font-weight: 900;
}

.footer-link {
  color: white !important;
  text-decoration: underline;
}

.left-bottom-image {
  transform: translateY(3.2rem);
}

.form-section {
  display: none;
}
.form-section.current {
  display: inherit;
}
.btn-info, .btn-default {
  margin-top: 10px;
}

.form-group {
  position: relative;
}
.form-group .glyphicon {
  position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.form-navigation {
  display: flex;
}

.reveal-header .dark-version-logo {
  display: block;
}

.reveal-header .light-version-logo  {
  display: none !important;
}

body, html {
  scroll-behavior: smooth;
}

.btn-orange {
  background: #e9851e !important;
  color: white !important;
  border-color: #e9851e !important;
}

.btn-small {
  width: 20%;
  min-width: unset;
  margin-right: 10px;
}

.btn-normal {
  width: 80%;
  min-width: unset;
}

.has-error {
  border: 1px solid red;
}

.brand-logos img {
  width: 120px !important;
}

.btn-lower {
  background: none;
  color: black;
}

header .light-version-logo, header .dark-version-logo  {
  width: 100%;
}

.fa-quote-left {
  font-size: 7.25rem;
  color: #339B48;
}

.hero-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.orange-tilte {
  background:#e9851e;
  width: 100%;
  text-align: center;
  max-width: 42rem;
  font-weight: 400;
}

.orange-tilte b{
  font-size: 5rem;
  font-weight: 900;
}

.hero-content b {
  font-weight: 900;
}

.hero-content hr {
  color: white;
  border-top: solid 1px;
  max-width: 320px;
  margin-left: 0;
}

.huge-title {
  color: white;
  font-size: 6rem;
  font-weight: 900;
}
.huge-title span{
  -webkit-text-stroke: 2px #fff;
  color: transparent;
}