html {
    font-size: 0.875em;
}

body {
    font-family: 'Montserrat', 'Open Sans', sans-serif;
}

span.pageTitleDisplayHighlight {
    color: #b9dbf1;
}

span.pageTextHighlight {
    color: #0696bf;
}

span.blurText {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    font-size: 2rem;
    color: #0696bf;
}

.btn.sitebtn {
    color: #ffffff;
    background-color: #0696bf;
    border-radius: 30px;
}

.btn.sitebtn-red {
    color: white;
    background-color: #ff0000;
    border-radius: 30px;
}

.btn.sitebtn-orange {
    color: #ffffff;
    background-color: #ff5929;
    border-radius: 5px;
    border: 1px;
}

div.homeDefaultHero {
    background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.75) 0%,
            rgba(0, 0, 0, 0.3) 59%,
            rgba(0, 0, 0, 0.75) 100%
        ),
        url('/site/INVP/img/hero-landing.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 0;
    height: auto;
}

div.homeDefaultHero.homeDefaultHeroLuxuryLP {
    background: url('/site/INVP/img/lp/personas/hero-bgimage-luxury-desktop.png');
    background-size: cover !important;
    background-position: top center !important;
}

div.homeDefaultHero.homeDefaultHeroMidRangeLP {
    background: url('/site/INVP/img/lp/personas/hero-bgimage-midmarket-desktop.png');
    background-size: cover !important;
    background-position: top center !important;
}

div.homeDefaultHeroEndofYearClearanceLP {
    background: linear-gradient(
            180deg,
            rgba(237, 237, 237, 0.75) 0%,
            rgba(255, 255, 255, 0.3) 59%,
            rgba(219, 219, 219, 0.75) 100%
        ),
        #fff;
    background-size: cover !important;
    background-position: top center !important;
}

div.homeBlueToWhiteBG {
    background: linear-gradient(180deg, rgba(224, 239, 249, 1) 0%, rgba(255, 255, 255, 1) 90%);
}

div.homeGrayToWhiteBG {
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(227, 227, 227, 1) 90%);
}

div.homeBlueToWhiteBG2 {
    background: linear-gradient(180deg, #b3d7ef 0%, #e1f5fd 100%);
}

div.homeDefaultNoHassle {
    background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.3) 0%,
            rgba(224, 239, 249, 0.1) 100%
        ),
        url('/site/INVP/img/hero-nohassle.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 0;
    height: auto;
}

div.homeDefaultNoHasslelp {
    background: url('/site/INVP/img/lp/personas/nohasslequotes-background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 0;
    height: auto;
}

div.homeDefaultMaximizeYearEndlp {
    background: url('/site/INVP/img/lp/endofyearclearance/maximizesavings-background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 0;
    height: auto;
}

div.ReviewsBlogHeroImage {
    background: url('/site/INVP/img/blog/Invoice-Pricing-Reviews-Cover.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
}

div.FAQHeroImage {
    background: url('/site/INVP/img/FAQHeroImage.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
}

div.carousel-indicators button.active {
    background-color: #eeaa00 !important;
}

div.form-input-error {
    color: #cc0000;
    background-color: LightGoldenRodYellow;
}

button.maseratiModelSelectBtn {
    background-color: rgb(231, 247, 255);
    color: #000000;
}

button.maseratiModelSelectBtn:hover {
    background-color: #ffffff;
    color: #0696bf;
    filter: drop-shadow(rgba(0, 0, 0, 0.13) 0.15rem 0.15rem 0.25rem);
    scale: 1.05;
}

div.appStepCardHeader {
    color: #ffffff;
    background-color: #0696bf;
}