: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);
}

.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;
}

.ms-6 {
    margin-left: 3.5rem !important;
}

.ms-7 {
    margin-left: 4rem !important;
}

.ms-8 {
    margin-left: 4.5rem !important;
}

.ms-9 {
    margin-left: 5rem !important;
}

.ms-10 {
    margin-left: 5.5rem !important;
}

.me-6 {
    margin-right: 3.5rem !important;
}

.me-7 {
    margin-right: 4rem !important;
}

.me-8 {
    margin-right: 4.5rem !important;
}

.me-9 {
    margin-right: 5rem !important;
}

.me-10 {
    margin-right: 5.5rem !important;
}
