:root {
    --ailusive-red: rgb(197, 40, 61);
    --ailusive-blue: rgb(1, 23, 47);
    --ailusive-blue: rgb(14, 39, 68);
    --ailusive-lightblue: rgb(116, 131, 159);
    --ailusive-beige: rgb(255, 250, 245);
}

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

h1, h2, h3, h4, h5, .font-monserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: var(--ailusive-blue);
}

.block-text {
    h1, h2, h3, h4, h5 {
        margin-top: 20px;
    }
}

h1, h2, h3, .fw-1, .fw-2, .fw-3 {
    font-weight: 900;
}

h4, h5, .fw-4, .fw-5 {
    font-weight: bold;
}

h1, .fs-1 {
    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,
.bg-ailusive-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: var(--ailusive-beige);
}

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

.text-body-ailusive-red,
.text-ailusive-red,
.link-ailusive-red
{
    color: var(--ailusive-red);
}

.bg-ailusive-red,
.btn-ailusive-red
{
    background-color: var(--ailusive-red);
}

.btn-ailusive-red
{
    color: var(--bs-btn-color);
}

.text-body-ailusive-blue,
.text-ailusive-blue,
.link-ailusive-blue
{
    color: var(--ailusive-blue);
}

.bg-ailusive-blue,
.btn-ailusive-blue
{
    background-color: var(--ailusive-blue);
}

.btn-ailusive-blue
{
    color: var(--bs-btn-color);
}

.text-body-ailusive-lightblue,
.text-ailusive-lightblue,
.link-ailusive-lightblue
{
    color: var(--ailusive-lightblue);
}

.bg-ailusive-lightblue,
.btn-ailusive-lightblue
{
    background-color: var(--ailusive-lightblue);
}

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

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