.mt-6 {
    margin-top: 3.5rem !important;
}

.mt-7 {
    margin-top: 4rem !important;
}

.mt-8 {
    margin-top: 4.5rem !important;
}

.mt-9 {
    margin-top: 5rem !important;
}

.mt-10 {
    margin-top: 5.5rem !important;
}

.mb-6 {
    margin-bottom: 3.5rem !important;
}

.mb-7 {
    margin-bottom: 4rem !important;
}

.mb-8 {
    margin-bottom: 4.5rem !important;
}

.mb-9 {
    margin-bottom: 5rem !important;
}

.mb-10 {
    margin-bottom: 5.5rem !important;
}

.pt-6 {
    padding-top: 3.5rem !important;
}

.pt-7 {
    padding-top: 4rem !important;
}

.pt-8 {
    padding-top: 4.5rem !important;
}

.pt-9 {
    padding-top: 5rem !important;
}

.pt-10 {
    padding-top: 5.5rem !important;
}

.pb-6 {
    padding-bottom: 3.5rem !important;
}

.pb-7 {
    padding-bottom: 4rem !important;
}

.pb-8 {
    padding-bottom: 4.5rem !important;
}

.pb-9 {
    padding-bottom: 5rem !important;
}

.pb-10 {
    padding-bottom: 5.5rem !important;
}

body {
    padding-bottom: 30px;
    font-family: 'Helvetica', 'Arial', sans-serif;
}

h1, h2, h3 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  color: rgb(14, 39, 68);
}

h5 {
    font-weight: bold;
}

h1 {
    font-size: 42pt;
}

.hero-text-block h1 {
    font-size: 52pt;
}

@media (max-width: 768px) {
    .hero-text-block h1 {
        font-size: 32pt;
    }
}

.container-lg.blue,
.container-fluid.blue
{
    color: rgb(255, 255, 255);
    background-image: linear-gradient(45deg, rgb(1, 23, 47) 0%, rgb(46, 70, 106) 100%);
}

.container-lg.beige,
.container-fluid.beige
{
    background-color: rgb(255, 250, 245);
}

.feature-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
}

.text-body-ailusive {
    color: #c5283d
}

.build {
    color: rgba(0, 0, 0, 0.2);
}