@charset "UTF-8";
/* CSS Document */

/* Custom css below this line */


body {
    background-color: #1c3664;
}


/* Links */
a:hover {
    text-decoration: none;
    color: #929292;
}
.color-highlight {
    color: #002868;
}
.readmore {
    text-decoration: underline;
}


/* Titles & Fonts */
.font-one {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.font-light {
    font-weight: 400;
}
p, h1, h2, h3, h4, h5, h6, li, a {
    font-family: 'Montserrat', sans-serif;
}
.h-600 {
    font-weight: 600;
}


/* One */
.bg-one {
    background-color: #1c3664;
    color: #ffffff;
}
.btn-one {
    background-color: #1c3664;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.9rem;
}
.btn-one:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}
.color-one {
    color: #1c3664;
}

/* Two */
.bg-two {
    background-color: #bf0a30;
    color: #ffffff;
}
.btn-two {
    background-color: #bf0a30;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.9rem;
}
.btn-two:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}
.color-two {
    color: #bf0a30;
}

/* Three */
.bg-three {
    background-color: #e5e5e5;
    color: #002868;
}
.btn-three {
    background-color: #e5e5e5;
    color: #002868;
    font-weight: 600;
    font-size: 0.9rem;
}
.btn-three:hover {
    background-color: #f2f2f2;
    color: #002868;
}
.color-three {
    color: #6d6e71;
}
/* Custom Color Backrgound */
.bg-custom {
    background-image: linear-gradient(to bottom, white 25%, #bf0a30 25% 75%, white 75%);
}

/* Images */
.section-icon {
    max-height: 2rem;
}
.card-icon {
    max-height: 100px;
}
.logo-menu {
    max-height: 1.75rem;
}
.logo-section img {
    max-height: 35px;
}

/* Backgrounds */
.bg-placeholder {
    background-image: url('https://via.placeholder.com/2400x1600/');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 450px;
}
.header-overlay {
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    min-height: 450px;
}
.header-homepage {
    background-image: url('../../images/img-header.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 800px;
}
.header-process {
    background-image: url('../../images/header-process.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 400px;
}
.header-about {
    background-image: url('../../images/header-about.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 400px;
}
.header-mbl {
    background-image: url('../../images/header-lifestyle.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 400px;
}
.header-panoply {
    background-image: url('../../images/header-rewards.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 400px;
}
.header-agents {
    background-image: url('../../images/header-agent.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 400px;
}
.header-faqs {
    background-image: url('../../images/header-faqs.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 400px;
}.header-white {
    background-color: #ffffff;
    min-height: 800px;
}
.header-homepage {
    background-image: url('../../images/img-header.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 800px;
}
.overlay-blue {
    background-color: rgba(0,40,104,0.8);
    width: 100%;
    min-height: 400px;
}
.bg-banner-1 {
    background-image: url('../../images/img-banner-1.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: 450px;
}
.bg-banner-2 {
    background-image: url('../../images/img-banner-2.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 600px;
}
.bg-banner-3 {
    background-image: url('../../images/img-banner-3.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 700px;
}
.bg-phase-1 {
    background-image: url('../../images/img-phase-1.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 400px;
}
.bg-phase-2 {
    background-image: url('../../images/img-phase-2.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 400px;
}
.bg-phase-3 {
    background-image: url('../../images/img-phase-3.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 400px;
}
.bg-phase-4 {
    background-image: url('../../images/img-phase-4.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 400px;
}
.bg-phase-5 {
    background-image: url('../../images/img-phase-5.jpg');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    color: #ffffff;
    min-height: 400px;
}
.phase-overlay {
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    min-height: 400px;
}

/* Custom */
.overlap {
    margin-top: -3rem;
}