/* Minification failed. Returning unminified contents.
(6056,43): run-time error CSS1046: Expect comma, found '169'
(6056,51): run-time error CSS1046: Expect comma, found '/'
(6554,41): run-time error CSS1046: Expect comma, found '0'
(6554,45): run-time error CSS1046: Expect comma, found '/'
(6554,76): run-time error CSS1034: Expected closing parenthesis, found ','
(6554,76): run-time error CSS1042: Expected function, found ','
(6554,82): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/*!
 * Project_Name: Themezy Insurance Template
 * Author: Themezy
 * Email: info@themezy.com
 * URL: http://themezy.com
 */
/*=========================================== 
 * Importing CSS Libraries
 *===========================================*/

.sag_green {
    color: #89C041;
}

#ApplicationType {
    height: 45px !important;
}

.sag_blue {
    color: #1FAEEA;
}

.saggreen {
    color: #89C041;
}

.sagblue {
    color: #1FAEEA;
}

.saggreen-bg {
    background-color: #89C041;
}

.sagblue-bg {
    background-color: #1FAEEA;
}
.i_sag_green_text {
    color: #84BD00;
}
.i_sag_blue_text {
    color: #00A9E0;
}
.sag-form-input {
    background-color: #d6e9c6;
}

.sag_white {
    color: #ffffff;
}

.modal {
    /*   display: block;*/
    padding-right: 0px;
    background-color: rgba(4, 4, 4, 0.5);
}

.modal-dialog {
    top: 20%;
    /*width: 100%;
    position: absolute;
    margin: 0;*/
}

.modal-content {
    border-radius: 8px;
    border: none;
    top: 40%;
}

.modal-body {
    /*background-color: #0f8845;*/
    background-color: #1FAEEA;
    color: white;
    padding: 20px;
}

@media (max-width: 768px) {
    .modal-body {
        padding: 20px;
    }

    .sami-container {
        margin: 4rem 2rem !important;
    }

    .newbtn-sagblue {
        align-self: center !important;
    }

    .homepageHeaderText {
        font-size: 3rem !important;
        width: 65% !important;
    }

    .containerImgText {
        background-size: contain !important;
        height: 300px !important;
    }

    .datepicker-dropdown {
        left: 48px !important;
        width: auto !important;
    }
}

@media (max-width: 1240px){

}

.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5 {
    font-weight: 300;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

html {
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: white !important;
}

select option[disabled] {
    color: rgb(170, 170, 170);
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}

.clearboth {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
}

a {
    background: transparent;
}


    a:hover, a:active {
        outline: 0;
    }

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

    q:before,
    q:after {
        content: '';
        content: none;
    }

small {
    font-size: 80%;
}

#OverviewPlanId > div > div > table > tbody > tr:nth-child(2) > td > small{
    margin-top:10px;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    input[disabled] {
        cursor: default;
    }

input[type="checkbox"],
input[type="radio"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 * Global Styles
 */
body {
    font-family: 'Montserrat', "Roboto Condensed", "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin: 0 0 20px;
}

hr {
    border: none;
    border-bottom: 1px solid #777;
}

ul, ol {
    margin: 0;
    padding-left: 0;
}

a {
    text-decoration: none;
    color: #0f75bd;
}

address {
    font-style: normal;
}

p {
    margin-top: 0;
}

/*form input, form textarea, form select {
    outline: none;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}*/

/*form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}*/

form textarea {
    resize: vertical;
}

/*
 * Reusable Components Style
 */
.button, form input[type="submit"], form button, form input[type="reset"] {
    border: none;
    color: white;
    background: #0f75bd;
    padding: 10px;
    border-radius: 3px;
    display: inline-block;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

    .button:hover, form input[type="submit"]:hover, form button:hover, form input[type="reset"]:hover, .button:focus, form input[type="submit"]:focus, form button:focus, form input[type="reset"]:focus {
        background: #1392ec;
        color: #b4dfff;
    }

.mainContent a.sag-applynow-button:hover {
    color: #fff;
}

.map {
    min-height: 450px;
}

.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
}

.flex-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-col {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.space-x-4 > a:not(:last-child) {
    margin-right: 10px;
}


/*@media (min-width: 768px) {
    .container {*/
/*width: 750px;*/
/*width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}*/


@-ms-viewport {
    width: device-width;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}
.d-inline {
    display: inline !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}
/*
 * Header Styles
 */
/*.site-header .top-header {
    padding: 0 0 10px 0;
}*/

.site-header {
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 20;
}

    .site-header .top-header {
        width: 100%;
        position: fixed;
        top: 0px;
        background-color: white;
        z-index: 1049;
    }


/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: auto;
    -webkit-border-radius: auto;
    border-radius: auto;
    background: auto;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: auto;
    border-radius: auto;
    background: auto;
    -webkit-box-shadow: auto;
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: auto;
    }

    .site-header .top-header-scrolling {
        background-color: #1FAEEA;
        background-color: #fff;
        -webkit-transition: background-color 500ms ease-out;
        -ms-transition: background-color 500ms ease-out;
        transition: background-color 500ms ease-out;
        -webkit-box-shadow: 0px 7px 20px -12px rgba(0,0,0,0.29);
        -moz-box-shadow: 0px 7px 20px -12px rgba(0,0,0,0.29);
        box-shadow: 0px 7px 20px -12px rgba(0,0,0,0.29);
    }

    .site-header .bottom-header {
        margin-top: 57px;
    }

    .site-header .bottom-header {
        /*background-color: #1FAEEA;*/
        *zoom: 1;
        padding: 10px 0;
    }

    .site-header .bottom-header-scrolling {
        /*background-color: #1FAEEA;*/
        background-color: #404040;
        background-color: #fff;
        /*background-color: rgba(142, 198, 63, 0.9);*/
        -webkit-transition: background-color 500ms ease-out;
        -ms-transition: background-color 500ms ease-out;
        transition: background-color 500ms ease-out;
        -webkit-box-shadow: 0px 14px 23px -12px rgba(0,0,0,0.39);
        -moz-box-shadow: 0px 14px 23px -12px rgba(0,0,0,0.39);
        box-shadow: 0px 14px 23px -12px rgba(0,0,0,0.39);
    }

    .site-header .bottom-header:after {
        content: " ";
        clear: both;
        display: block;
        overflow: hidden;
        height: 0;
    }


.background-clipper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    zoom: 1;
    z-index: 1;
}

.main-phone-num {
    color: #fff;
    background-color: #fff;
    padding: 10px 10px 10px 10px;
    border-radius: 0 0 10px 10px;
}

    .main-phone-num > a {
        color: #fff !important;
    }

.main-phone-num-scrolling > a {
    color: #333 !important;
}

.main-phone-num-scrolling {
    background-color: transparent;
    color: #333;
    -webkit-transition: background-color 500ms ease-out;
    -ms-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}


#branding {
    float: left;
    background-color: #fff;
    padding: 0 0 5px 15px;
    border-radius: 0 0 10px 10px;
}

    #branding .logo, #branding .logo-text {
        display: inline-block;
        vertical-align: middle;
    }

    #branding .logo {
        margin-right: 10px;
    }

    #branding .site-title {
        margin-bottom: 0;
        font-size: 20px;
        font-size: 1.25em;
    }

        #branding .site-title a {
            color: #768089;
        }

.right-section .phone, .right-section .search-form {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

@media screen and (max-width: 640px) {
    .right-section .phone {
        display: none;
    }
}

.right-section .phone img {
    vertical-align: middle;
}

.right-section .search-form {
    margin: 10px 0;
    margin-left: 20px;
}

@media screen and (max-width: 480px) {
    .right-section .search-form {
        display: none;
    }

    .page-content-header {
        margin-top: 64px !important;
    }
}

.right-section .search-form input {
    padding-right: 40px;
}

.right-section .search-form button {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
}

.main-navigation {
    float: left;
}

    .main-navigation .menu-toggle {
        border: none;
        background: none;
        color: #7FB82C;
        font-size: 20px;
        font-size: 1.25em;
        display: none;
        outline: none;
    }

@media screen and (max-width: 990px) {
    .main-navigation .menu-toggle {
        display: block;
    }

    .top-header .main-navigation {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .main-navigation .menu-toggle {
        display: block;
    }

    .top-header .main-navigation {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
    }

    .top-header #bottom-menu-navigation .menu {
        display: none;
    }
}

.main-navigation .menu {
    list-style: none;
    display: inline-block;
    background-color: white;
    border-radius: 5px;
}

.top-header .main-navigation .menu {
    padding: 8px;
}

    .top-header .main-navigation .menu li a {
        color: #49565A;
    }

    /*.top-header .main-navigation .menu li {
        padding: 8px 0;
    }*/



.bottom-header .main-navigation .menu-scrolling li a {
    color: #02a3e4;
    border-right-color: #02a3e4;
}

.bottom-header-scrolling .main-navigation .menu-toggle {
    color: #02a3e4;
}

.bottom-header-scrolling .social-links a {
    color: #02a3e4;
}

    .bottom-header-scrolling .social-links a:hover {
        color: #8ec640;
        border-color: #8ec640;
    }

.main-navigation .menu-scrolling {
    background-color: transparent;
    -webkit-transition: background-color 500ms ease-out;
    -ms-transition: background-color 500ms ease-out;
    transition: background-color 500ms ease-out;
}

.main-navigation .menu .menu-item {
    width: auto;
    height: auto;
}

#mainNav #branding-section {
    width: auto;
}

#mainNav .main-phone-num {
    width: 100%;
    justify-content: end;
}


@media screen and (max-width: 990px) {
    .main-navigation .menu {
        display: none;
    }
}

@media screen and (min-width: 991px) {
    .main-navigation .menu {
        display: flex;
    }
}

.main-navigation .menu li {
    display: inline-block;
}

    .main-navigation .menu li a {
        color: white;
        /* padding: 0 10px;*/
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        -webkit-transition: .3s ease;
        transition: .3s ease;
    }

        .main-navigation .menu li a:hover {
            color: #00A9E0 !important;
        }

        .main-navigation .menu li a:active{
            color: #00A9E0 !important;
        }

    .main-navigation .menu li.current-menu-item a {
        color: #1392ec;
    }

.social-links {
    float: right;
}

.modal-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
}

.main-navigation .menu > *{
   /* margin-right: 16px;*/
}

.menu-item {
    width:180px;
    height: 16px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    margin: 10px;
    font-size: 17px;
    line-height: 114%;
    /* identical to box height, or 16px */

    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.005em;
    color: #49565A;
}

.social-links a {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    text-align: center;
    line-height: 1.8;
    color: white;
    margin-left: 5px;
    display: inline-block;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

    .social-links a:hover {
        color: #1392ec;
        border-color: #1392ec;
    }

.mobile-navigation {
    clear: both;
    display: none;
}

@media screen and (min-width: 1200px) {
    .mobile-navigation {
        display: none !important;
    }
}

.mobile-navigation .menu {
    list-style: none;
}

    .mobile-navigation .menu a {
        display: block;
        color: #333;
    }

    .mobile-navigation .menu .current-menu-item a {
        color: #1392ec;
    }

.mobile-navigation .menu {
    display: inline-block;
    padding: 0px 15px;
    background-color: #fff;
}

.bottom-header-scrolling .mobile-navigation .menu a:hover {
    color: #89C041;
}


.breadcrumbs {
    background-color: #f1f1f1;
    padding: 10px 0;
    font-size: 14px;
    font-size: 0.875em;
}

    .breadcrumbs a {
        margin-right: 10px;
    }

        .breadcrumbs a:after {
            content: " ";
            width: 7px;
            height: 5px;
            background: url(images/arrow.png) no-repeat;
            display: inline-block;
            margin-left: 10px;
        }

.hero-slider {
    margin-bottom: 0px;
}

    .hero-slider .slides {
        list-style: none;
        *zoom: 1;
    }

        .hero-slider .slides:after {
            content: " ";
            clear: both;
            display: block;
            overflow: hidden;
            height: 0;
        }

        .hero-slider .slides li {
            min-height: 580px;
            float: left;
            margin-right: -100%;
            width: 100%;
            background-size: cover;
            background-position: center center;
        }

    .hero-slider .slide-content {
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 0.5);
        width: 50%;
        min-width: 250px;
        padding: 20px;
        margin-top: 150px;
        margin-bottom: 10px;
        z-index: 10;
    }

    .hero-slider .slide-content-right {
        margin-left: 70%;
    }

    .hero-slider .slide-content a {
        margin-bottom: 10px;
    }



@media screen and (max-width: 990px) {
    .hero-slider .slide-content {
        width: 100%;
    }

    .hero-slider .slide-content-right {
        margin-left: 50%;
    }
}

@media screen and (max-width: 480px) {
    .hero-slider .slide-content {
        width: 100%;
    }

    .hero-slider .slide-content-right {
        margin-left: 0;
    }
}

.hero-slider .slide-content .slide-title {
    font-size: 35px;
    font-size: 2.1875em;
    color: #fff;
    font-weight: 300;
    margin-bottom: 30px;
}

    .hero-slider .slide-content .slide-title strong {
        /*color: #0f75bd;
        display: block;*/
        font-weight: 300;
    }

.hero-slider .slide-content p {
    line-height: 2;
    color: #fff;
    font-size: 1.3em;
    font-weight: 300;
    /*text-shadow: 2px 2px 2px #333;*/
    margin-bottom: 40px;
}

.hero-slider .flex-control-nav {
    list-style: none;
    position: absolute;
    bottom: -50px;
    width: 100%;
    text-align: center;
}

    .hero-slider .flex-control-nav li {
        display: inline-block;
        margin: 0 5px;
    }

        .hero-slider .flex-control-nav li a {
            display: block;
            width: 15px;
            height: 15px;
            background-color: #c6c7c7;
            border-radius: 50%;
            overflow: hidden;
            text-indent: -99999px;
            cursor: pointer;
        }

            .hero-slider .flex-control-nav li a.flex-active {
                background-color: #0f75bd;
            }

.fullwidth-block {
    padding: 50px 0;
}

.section-title, .section-subtitle {
    font-weight: 300;
    margin-bottom: 50px;
    text-align: center;
    display: block;
}

.section-title {
    font-size: 48px;
    font-size: 3em;
}

.section-subtitle {
    font-size: 30px;
    font-size: 1.875em;
    color: #9ba1a6;
    margin-top: -30px;
    margin-bottom: 50px;
}

.feature {
    margin-bottom: 30px;
    text-align: center;
    padding: 0 15px;
}

    .feature i {
        font-size: 48px;
        font-size: 3em;
        color: #0f75bd;
        display: inline-block;
        margin-bottom: 20px;
    }

    .feature .feature-title {
        font-size: 20px;
        font-size: 1.25em;
        margin-bottom: 20px;
        color: #0f75bd;
        font-weight: 400;
    }

    .feature p {
        text-align: justify;
    }

    .feature ol {
        text-align: justify;
    }

    .feature ul {
        text-align: justify;
    }

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.offer {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

    .offer .caption {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.3);
        color: white;
        width: 100%;
        padding: 20px;
    }

    .offer.caption-top .caption {
        top: 0;
    }

    .offer.caption-bottom .caption {
        bottom: 0;
    }

    .offer img {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    .offer .offer-title {
        margin: 0;
    }

@media screen and (max-width:768px) {
    .proof-of-address-box {
        height: 314px;
        min-height: 314px;
    }
    .customModalButtons{
        flex-direction:column !important;
        
    }

        .customModalButtons button {
            margin-top: 20px
        }
}

.testimonial-slider {
    color: white;
    position: relative;
    padding-bottom: 50px;
}

    .testimonial-slider .slides {
        list-style: none;
        *zoom: 1;
    }

        .testimonial-slider .slides:after {
            content: " ";
            clear: both;
            display: block;
            overflow: hidden;
            height: 0;
        }

    .testimonial-slider blockquote {
        font-size: 30px;
        font-size: 1.875em;
        text-align: center;
    }

        .testimonial-slider blockquote cite {
            font-size: 15px;
            font-size: 0.9375rem;
            text-transform: uppercase;
            margin-top: 30px;
            display: block;
            font-style: normal;
        }

    .testimonial-slider .flex-control-nav {
        position: absolute;
        bottom: 30px;
        width: 100%;
        text-align: center;
        list-style: none;
        z-index: 99;
    }

        .testimonial-slider .flex-control-nav li {
            display: inline-block;
            margin: 0 5px;
        }

            .testimonial-slider .flex-control-nav li a {
                overflow: hidden;
                text-indent: -9999px;
                background: #4795cd;
                border-radius: 50%;
                display: block;
                width: 15px;
                height: 15px;
                cursor: pointer;
            }

                .testimonial-slider .flex-control-nav li a.flex-active {
                    background-color: white;
                }


.partners {
    text-align: center;
    margin-top: 50px;
}

    .partners a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 10px;
    }

.page {
    padding: 50px 0;
}

    .page .entry-title {
        font-size: 48px;
        font-size: 3em;
        font-weight: 300;
    }

    .page p {
        line-height: 2;
    }

    .page .row {
        margin: 25px -15px;
    }

.features {
    *zoom: 1;
    margin: 0 -15px;
    position: relative;
    z-index: 1;
}

    .features:after {
        content: " ";
        clear: both;
        display: block;
        overflow: hidden;
        height: 0;
    }

    .features:after {
        content: " ";
        height: 50px;
        top: 50px;
        left: 15px;
        right: 15px;
        position: absolute;
        background: url(images/dotted.png) repeat-x;
        z-index: -1;
    }

@media screen and (max-width: 768px) {
    .features:after {
        display: none;
    }

    .page-content-header .desktop-bg {
        display: none !important;
    }

    .page-content-header .tablet-bg {
        display: block !important;
    }
}

.features .feature-numbered {
    width: 25%;
    float: left;
    padding: 15px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .features .feature-numbered {
        width: 50%;
    }

    /*.home-content {
        margin-top: 400px !important;
    }*/
}

@media screen and (max-width: 480px) {
    .features .feature-numbered {
        width: 100%;
    }

    .landing-page-content {
        margin-top: 0 !important;
    }
}

.features .feature-numbered .num {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #0f75bd;
    color: #0f75bd;
    text-align: center;
    font-size: 36px;
    font-size: 2.25em;
    line-height: 1.8;
    font-weight: 400;
    margin: 0 auto 20px;
    background-color: white;
    box-shadow: 0 0 0 10px white;
}

.features .feature-numbered .feature-title {
    font-size: 20px;
    font-size: 1.25em;
    color: #0f75bd;
    font-weight: 400;
}

.team {
    text-align: center;
    margin-top: 50px;
}

    .team .team-image {
        overflow: hidden;
        border-radius: 50%;
        width: 230px;
        height: 230px;
        margin: 0 auto 30px;
    }

        .team .team-image img {
            display: block;
            width: 100%;
            max-width: 100%;
        }

    .team .team-name, .team .team-title {
        font-size: 16px;
        font-size: 1em;
    }

    .team .team-name {
        margin-bottom: 0;
    }

    .team .team-title {
        font-style: italic;
        display: block;
        margin-bottom: 20px;
    }

    .team .social-links {
        float: none;
        display: inline-block;
    }

        .team .social-links a {
            background: #0f75bd;
            border: none;
            font-size: 14px;
            font-size: 0.875em;
            line-height: 2;
        }

.filterable-nav {
    margin: 50px 0 30px;
}

    .filterable-nav .mobile-filter {
        display: none;
    }

    .filterable-nav strong {
        font-weight: 300;
        margin-right: 10px;
    }

    .filterable-nav a {
        padding: 10px 20px;
        border-radius: 3px;
        border: 1px solid #ccc;
        color: #768089;
        display: inline-block;
        margin-bottom: 10px;
        -webkit-transition: .3s ease;
        transition: .3s ease;
    }

        .filterable-nav a.current, .filterable-nav a:hover {
            color: #0f75bd;
            border-color: #0f75bd;
        }

.filterable-items {
    margin: 0 -15px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.insurance-item {
    width: 33.3333%;
    padding: 15px;
}

.page-content-header {
    margin-top: 75px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    position: relative;
}

.page-header-background {
    width: 100%;
}

.page-header-background img {
    width: 100%;
}

.page-content-header .desktop-bg {
    display: block;
}

.page-content-header .tablet-bg, .page-content-header .mobile-bg {
    display: none;
}

.page-content-header .header-content {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(0, -50%);
}

.page-header-background span {
    color: #00A9E0;
    font-size: 2.7rem;
    font-weight: bold;
}

.page-header-background small {
    color: #4B6E7A;
    font-size: 2.5rem;
    width: 50%;
    margin-top: 20px;
}

    .page-header-background .container {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .page-header-background > div {
        z-index: 1;
    }

.page-header-background .header-content .custom-note {
    display: flex;
    flex-direction: row;
    gap: 8px;
    border-radius: 14px;
    background-color: #D5F1FA;
    width: 32%;
    padding: 40px 20px;
    margin-top: 20px;
}

    .page-header-background .header-content .custom-note > span {
        color: #638793 !important;
    }

    .page-header-background .header-content .custom-note span {
        font-size: 1.65rem;
        font-weight: normal;
        line-height: 1.5;
    }

@media screen and (min-width: 1920px){
    .header-content span {
        font-size: 4.3rem;
    }
}

@media screen and (max-width: 990px) {
    .insurance-item {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {

    
    .insurance-item {
        width: 100%;
    }

    .hero-slider .slides {
        position: relative;
    }

    .hero-slider > .slides > li > h2 {
        font-size: 2rem !important;
        font-weight: bold;
        margin-top: 150px !important;
    }

    #appstartForm .section-title {
        font-size: 2.8rem !important;
        margin-bottom: 0;
    }

    .sagexp-note {
        font-size: 1.1rem !important;
        font-weight: 400;
        padding: 8px !important;
    }

        .sagexp-note > h2 {
            margin-bottom: 0 !important;
        }

    .section-subtitle {
        font-size: 1.865rem !important;
        margin-bottom: 10px !important;
    }

    /*.home-content, .sub-page-content-large {
        margin-top: 300px !important;
    }*/

    .page-content-header {
        z-index: 1;
    }

    .page-header-background .section-title {
        font-size: 2.2rem;
    }

    #FnS{
        margin-top:50px
    }

    .page-header-background .section-subtitle {
        font-size: 2rem;
        padding: 2px 0;
    }

    .page-header-background .container .sagexp-note {
        font-size: 1rem !important;
    }

    .flex-active-slide .section-subtitle {
        font-size: 2rem !important;
    }

    .is-ex-client {
        min-width: 64px;
        margin-top: 10px;
    }
}

.insurance-item .insurance-icon {
    font-size: 48px;
    font-size: 3em;
    color: #0f75bd;
    margin-bottom: 20px;
}

.insurance-item .insurance-content {
    background: #f1f1f1;
    border-radius: 3px;
    padding: 30px;
    text-align: center;
}

.insurance-item .insurance-title {
    font-size: 36px;
    font-size: 2.25em;
    font-weight: 300;
    color: #0f75bd;
}

.pagination {
    text-align: center;
    margin-top: 40px;
}

    .pagination span, .pagination a {
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        line-height: 1.8;
        -webkit-transition: .3s ease;
        transition: .3s ease;
    }

        .pagination span.current, .pagination a:hover {
            background-color: #0f75bd;
            color: white;
            border: 1px solid #0f75bd;
        }

    .pagination a {
        border: 1px solid #ccc;
        color: #768089;
    }

.arrow-list {
    list-style: none;
    margin-bottom: 30px;
}

    .arrow-list li {
        padding-left: 20px;
        position: relative;
        margin-bottom: 10px;
    }

        .arrow-list li:before {
            content: " ";
            width: 7px;
            height: 5px;
            background: url(images/arrow.png) no-repeat;
            display: block;
            position: absolute;
            top: 10px;
            left: 0;
        }

.boxed-feature {
    background: #f1f1f1;
    border-radius: 5px;
    padding: 20px 30px;
    margin-bottom: 30px;
}

    .boxed-feature i, .boxed-feature .feature-desc {
        display: inline-block;
        vertical-align: middle;
    }

    .boxed-feature i {
        font-size: 48px;
        font-size: 3em;
        color: #0f75bd;
        margin-right: 20px;
        margin-top: -10px;
    }

    .boxed-feature .feature-title {
        margin-bottom: 0;
        font-weight: 300;
    }

.contact-form input:not([type="submit"]), .contact-form textarea {
    width: 100%;
    margin-bottom: 10px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

    .contact-form input:not([type="submit"]):focus, .contact-form input:not([type="submit"]):hover, .contact-form textarea:focus, .contact-form textarea:hover {
        border-color: #0f75bd;
    }

.contact-form textarea {
    min-height: 150px;
    margin-bottom: 20px;
}

/*
 * Footer Styles
 */
.site-footer {
    border-top: 1px solid #ccc;
    padding-top: 30px;
    background-color: #ccc;
    z-index: 9;
    position: relative;
}

    .site-footer .widget-area {
        margin-bottom: 10px;
    }

        .site-footer .widget-area .widget {
            font-size: 14px;
            font-size: 0.875em;
            margin-bottom: 30px;
        }

        .site-footer .widget-area .widget-title {
            font-size: 20px;
            font-size: 1.25rem;
        }

        .site-footer .widget-area a {
            color: #768089;
        }

        .site-footer .widget-area ul {
            list-style-type: none;
        }

    .site-footer .bottom-footer {
        background-color: #4a4c4e;
        text-align: center;
        padding: 30px 0;
        font-size: 14px;
        font-size: 0.875em;
    }

    .site-footer .footer-navigation {
        margin-bottom: 30px;
    }

        .site-footer .footer-navigation a {
            color: white;
            padding: 0 10px;
            border-right: 1px solid white;
            line-height: 20px;
        }

            .site-footer .footer-navigation a:last-child {
                border-right: none;
            }

    .site-footer .colophon {
        font-size: 12px;
        color: #898b8d;
    }



/*----CUSTOM -------------------------------------------------------------------------------------------------------------------------*/
.med-quest-badge {
    padding: 2px 7px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    color: #333;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    background-color: #fff;
    border-radius: 22px;
}

.badge-success {
    background-color: #89C041;
}

.badge-primary {
    background-color: #1FAEEA;
}

.table-borderless, .table-borderless > tbody > tr > td, .table-borderless > tbody > tr > th {
    border: none;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

    .table th,
    .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6;
    }

    .table .table {
        background-color: #fff;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
.saglogo {
    width: 82px;
}
.table-bordered {
    border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}
.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #b8daff;
}

.table-hover .table-primary:hover {
    background-color: #9fcdff;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #9fcdff;
    }


.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}
.saglogo-container {
    border-left: solid 1px #eee;
    min-height: 35px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}
.form-check-input:disabled ~ .form-check-label {
    color: #6c757d;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-label {
    margin-bottom: 0;
}
.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}
.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}
.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}
.bmt-4,
.bmy-4 {
    margin-top: 1.5rem !important;
}
    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: 0.3125rem;
        margin-left: 0;
    }
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}
.logo {
    width: 95px;
    padding-top: 0px;
    margin-right: 6px;
}


/*.home-content {
    position: relative;
    margin-top: 580px;
    background-color: #fff;
    z-index: 9;
}*/

.sub-page-content {
    margin-top: 280px;
}

.sub-page-content-large {
    margin-top: 580px;
}

.hero-slider {
    position: relative;
    z-index: 1;
}

    .hero-slider::after {
        content: "";
        clear: both;
        display: block;
        position: relative;
    }

    .hero-slider > .slides > .main-slide-alt-bg {
        background-position-y: top;
    }

    .hero-slider > .slides > li {
        position: relative;
    }

        .hero-slider > .slides > li > h2 {
            margin-top: 300px;
            font-size: 2.9em;
            text-align: center;
            color: #fff;
            /*font-weight: bold;*/
            text-transform: uppercase;
            position: relative;
            z-index: 99;
            background-color: rgba(144, 199, 66, 0.88);
            padding: 10px;
        }


        .hero-slider > .slides > li > small {
            /*color: #1b2e02;*/
            color: #ffffff;
            font-weight: 250;
            font-size: 1.5em;
            padding: 10px 0;
            position: relative;
            z-index: 99;
            background-color: rgba(0, 163, 228, 0.5);
        }

    .hero-slider > .slides-sub > li > h2 {
        margin-top: 140px;
        text-transform: none;
    }

    .hero-slider > .slides-sub > li > small {
        background-color: rgba(142, 198, 63, 0.8);
    }

.hidden {
    display: none;
}


@media screen and (min-width: 11350px) {
    .hero-slider > .slides > .main-slide-alt-bg {
        background-position-y: center;
    }
}

@media screen and (max-width: 990px) {
    .saglogo {
        width: 50px;
    }

    #branding {
        padding-top: 5px;
        padding-bottom: 6px;
    }

    .logo {
        width: 50%;
    }

    .site-header .bottom-header {
        margin-top: 60px;
    }

    #site-content {
        padding-top: 0px;
       /* padding-bottom: 6rem;*/
    }

    .hero-slider .slide-content {
        margin-top: 150px;
        border-radius: 10px;
    }

    .hero-slider > .slides > .main-slide-alt-bg {
        background-position-y: center;
    }
}

@media screen and (max-width: 480px) {
    .saglogo {
        width: 43px;
    }

    .logo {
        width: 35%;
    }

    /*.main-phone-num {
        display: none;
    }*/

    #branding {
        padding-top: 4px;
        padding-bottom: 8px;
        text-align: center;
        margin: 0 auto;
    }

    #branding img {
        width: 200px !important;
    }

    .hero-slider .slide-content {
        margin-top: 120px;
    }

    .hero-slider > .slides > .main-slide-alt-bg {
        background-position-y: center;
    }

    .site-header .bottom-header {
        margin-top: 42px;
    }

    .background-clipper {
        position: relative;
    }

    /*.sub-page-content, .home-content, .sub-page-content-large {
        margin-top: 0 !important;
    }*/

    .mobile-content {
        margin-top: 300px;
    }
}

#OverviewPlanId {
    position: relative;
    background-color: white;
    z-index: 9;
}


.hero-slider-sub {
    background-color: transparent;
}

.hero-slider .slides-sub, .hero-slider .slides-sub li {
    min-height: 250px;
}

/*.hero-slider .slides-sub-small, .hero-slider .slides-sub-small li{
    min-height: 150px;
}*/

.proposal-container {
    padding-top: 30px;
    min-height: 700px;
    z-index: 9;
    background-color: white;
    position: relative;
    padding-left: 6rem;
    padding-right: 6rem;
}
/*
.proposal-container-small{
    padding-top:102px;
}*/

.hero-slider .slides-sub li {
    float: left;
    margin-right: -100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
}

/*label {
    white-space: pre;
}*/

#mainContent {
    padding-top: 25px;
    padding-bottom: 70px;
    min-height: 226px;
    background-color: white;
    z-index: 9;
    position: relative;
}

.main-content {
    background-color: #fff;
    z-index: 9;
    position: relative;
}

.form-group > .label {
    padding: .2em .6em .3em;
    font-size: 100%;
    font-weight: 400;
    line-height: 1;
    color: #333;
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}


.mainContent a:hover {
    color: #89C041;
}

.mainContent a[role="button"]:hover {
    color: #fff !important;
}

.mainContent .btn-product-select {
    color: #fff !important;
    font-size: 18px;
    font-weight: 600;
    min-width: 140px;
}

    .mainContent .btn-product-select:hover {
        background-color: #0d89bd;
    }

    .mainContent .btn-product-select:focus {
        background-color: #0d89bd;
    }


@media screen and (min-width: 1170px) {
    /*background-color:#fcfff7;*/
    /*.mainContent {
        background-color: #fefbf1;
        background-image: url('images/LargeBG1_opacity.png');
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: top;
        background-size: cover;
        background-attachment: fixed;
    }*/
}

.padding-bottom-50px {
    padding-bottom: 50px;
}

.margin-bottom-50px {
    margin-bottom: 50px;
}

.product-card-container {
    margin-bottom: 60px;
}

.product-card {
    min-height: 580px;
    background-color: #fff;
    border: 1px solid #eee;
    min-width: 270px;
    max-width: 300px;
    margin: 0 auto;
    border-right: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    /*-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.13);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.13);*/
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
}

.product-card-img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: -20px 10px 20px 10px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
}

.product-card-text {
    color: #333;
    font-weight: 400;
    height: 210px;
    min-height: 210px;
    max-height: 210px;
    font-size: 15px;
    margin-bottom: 20px;
    /*overflow:hidden;*/
}

.product-header {
    padding: 15px;
    top: 110px;
    height: auto;
    opacity: 0.7;
    width: 100%;
    position: fixed;
    z-index: 100;
}

    .product-header > h2 {
        color: #024501;
    }

    .product-header > small {
        margin-bottom: 10px;
        color: #024501;
    }


.quote-card {
    min-height: 350px;
    /*background-color: #ffffcc;*/
    background-color: #fff;
    border: 1px solid #eee;
    min-width: 215px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
    margin-bottom: 30px;
}

    .quote-card btn {
        border-radius: 4px;
    }

.quote-card-text {
    color: #333;
    font-weight: 400;
    min-height: 100px;
}

.quote-card-img {
    margin: 0px 0px 20px 0px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
}


.sag-pay-box {
    width: 400px;
    margin: 0 auto;
}

.sag-pay-now {
    background-image: url('images/SagicorSigmaRunStart-op.png');
    background-position: top;
    background-size: cover;
}

#payContainer .modal-dialog {
    z-index: 999999;
}

.lightbox.container {
    margin-top: 100px;
}



#divReturnToInput, #divViewReport {
    border-radius: 4px;
    width: 100%;
}

#emailQuoteBtn{
    margin-top: 20px;
    border-radius:4px;
    width:100%
}

#divViewReport {
    margin-top: 20px;
    margin-bottom: 5px;
    background-color: #455467;
}

.quote-premium {
    font-size: 2.4em;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: bold;
    display: block;
    margin-bottom: 40px;
    color: #2a4800;
}

    .quote-premium > small {
        font-size: 0.3em;
        display: block;
    }

.sagexp-note {
    background-color: #ffffcc;
    background-color: rgba(238, 239, 111, 0.8);
    border-left: 6px solid #ffeb3b;
    padding: 14px;
    color: #7e5c46;
    font-size: 1.1em;
    font-weight: 400;
}

    .sagexp-note h4 {
        font-weight: normal;
    }

.sagexp-note-success {
    background-color: #fff;
    color: #1FAEEA;
    border-left-color: #1FAEEA;
    font-size: 1.3em;
    padding: 7px 20px;
    -webkit-box-shadow: 0px 0px 23px -12px rgba(0,0,5,0.89);
    -moz-box-shadow: 0px 0px 23px -12px rgba(0,0,5,0.89);
    box-shadow: 0px 0px 23px -12px rgba(0,0,5,0.89);
}

.sagexp-start-app-note {
    background-color: #fff;
    /*border-left: 6px solid #ffffcc;*/
    padding: 14px;
    padding-bottom: 50px;
    color: #342616;
    font-size: 1.1em;
}

.sagexp-quote-result {
    background-color: #bcf177;
    border-left: 6px solid #8ec63f;
    padding: 14px;
    font-size: 1.1em;
}

.quote-card sagexp-quote-result {
    width: fit-content;
}

.sagexp-quote-table {
    background-color: #fff;
    border-left: 6px solid #00a3e4;
    padding: 14px;
    color: #172848;
    font-size: 1em;
    margin-bottom: 30px;
}

.sagexp-quote-result-header {
    background-color: #bcf177;
    margin: -14px -14px 25px -14px;
    padding: 14px 10px;
    text-align: center;
    font-weight: 300;
    color: #2a4800;
}

.sagexp-quote-table-header {
    background-color: #fff;
    margin: -14px -14px 25px -14px;
    padding: 14px 10px;
    text-align: center;
    font-weight: 300;
    color: #00a3e4;
}

.sagexp-start-app-header {
    background-color: #8ec63f;
    margin: 0 0 25px 0;
    padding: 5px 10px;
    text-align: left;
    font-weight: 300;
    color: #fff;
}


.popover {
    background-color: #feffc0;
    color: #5f4111;
    border: none;
}

    .popover .top, .popover .left, .popover .right, .popover .bottom {
        background-color: #feffc0;
    }


.mainContent .is-ex-client:hover {
    color: #fff;
}

#dvExistingClient #txtAgentName,
#dvExistingClient #txtReferenceId,
#dvExistingClient .trn,
#dvExistingClient #txtBirthDate,
#dvExistingClient #txtLastName,
#dvExistingClient #txtFirstName,
#dvExistingClient #txtTRN {
    font-size: 1.4em;
    height: 45px;
    border: none;
    border-bottom: 1px solid #8fc741;
    box-shadow: none;
}

ul.typeahead li span {
    font-size: 1.3em;
    font-family: Arial;
}



/*------------------------- SPINNER ------------------------------------*/
.loaderProgress {
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
}

.loaderProgress-progress {
    top: 50%;
    left: 50%;
    margin-left: -125px;
    margin-top: -125px;
    /*background-color: rgba(255,255,255,0.7);*/
    background-color: #fff; /*rgba(255,255,255,0.7);*/
    color: #333;
    font-weight: normal;
    text-align: center;
    width: 250px;
    height: 250px;
    position: absolute;
    z-index: 99999999991;
    padding-top: 50px;
    border-radius: 125px;
    -moz-border-radius: 125px;
    -webkit-border-radius: 125px;
}

.loaderProgress img {
    padding-bottom: 20px;
    width: 80px;
}

.loaderProgress span {
    display: block;
    font-size: 1.8em;
    font-weight: normal;
}

.product-table {
    border: none;
}

    .product-table > thead {
        background-color: #90c642;
        color: #fff;
        font-weight: normal;
    }

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99999999999;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }

    to {
        bottom: 0px;
        opacity: 1;
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media only screen and (max-width: 595px) {

}

@media only screen and (max-width: 425px) {

}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.sag-blue-title {
    width: 100%;
    background-color: #4d4d4d;
    padding: 10px 15px;
    margin-bottom: 0px;
    margin-top: -45px;
}

.section-title-white-slim {
    font-size: 40px;
    font-size: 2.2em;
    font-weight: 300;
    margin-bottom: 0px;
    text-align: center;
    display: block;
    color: #ccc;
    margin-top: 0px;
}

.sagexp-alert-info {
    background-color: #3ea9e0;
    color: #fff;
}

    .sagexp-alert-info a {
        color: #fff;
    }

        .sagexp-alert-info a:hover {
            color: #eff870;
        }


.form-question label {
    font-size: 120%;
    /*font-weight: 600;*/
}

.form-question {
    background-color: #e4e4e4;
    padding-top: 8px;
}


.sag-input-icon {
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.sag-applynow-container {
    margin: 40px 0 40px 0;
}

.contentContainer .sag-invalid-input {
    border-left: solid 2px red;
}

    .contentContainer .sag-invalid-input:after {
        /*content: '<i clas="fa fa-warning" style="color:red;position:absolute;right:0px;top:4px;"></i>';*/
    }

.contentContainer .radio-invalid {
    border: 1px solid red !important ;
}
/******** Custom CSS ************/

/* margins */
.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-2 {
    margin-bottom: 0.55rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

/* Paddings */
.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.55rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.px-4 {
    padding: 0 1rem;
}

.pb-1 {
    padding-bottom: 0.25rem;
}

.pb-2 {
    padding-bottom: 0.55rem;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.btn-primary {
    background-color: #00B5EF;
    padding: 14px 26px;
    font-weight: bold;
    border-radius: 7px;
    text-transform: uppercase;
    max-width: 262px;
    font-size: 14px;
    font-weight: bold;
    height: 45px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

    .btn-primary > *:not(:last-child) {
        margin-right: 4px;
    }

    .btn-primary:hover {
        color: white !important;
    }

        .btn-primary:hover span {
            color: white !important;
        }

.btn-secondary {
    border: 3px solid #7FB82C;
    color: #353535;
    padding: 14px 26px;
    background-color: white;
    text-align: center;
    border-radius: 7px;
    text-transform: uppercase;
    max-width: 262px;
    font-size: 14px;
    font-weight: bold;
    height: 45px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .btn-secondary > *:not(:last-child), .text-btn > *:not(:last-child), .btn-neutral > *:not(:last-child) {
        margin-right: 8px;
    }

    .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
        background-color: #7FB82C;
        color: white !important;
    }

        .btn-secondary:hover span {
            color: white !important;
        }

    .btn-secondary:disabled {
        cursor: not-allowed;
        opacity: 0.5;
    }

.btn-neutral {
    border: 1px solid #00B5EF;
    color: #353535;
    padding: 10px 16px;
    background-color: white;
    text-align: center;
    border-radius: 2.5px;
    min-width: 64px;
    font-size: 15px;
    font-weight: 600;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .btn-neutral:hover span {
        color: white !important;
    }

    .btn-neutral:hover, .btn-neutral:active, .btn-neutral:focus {
        background-color: #00B5EF;
        color: white !important;
    }

.text-btn {
    border: none;
    color: #353535;
    padding: 14px 26px;
    background-color: transparent;
    text-align: center;
    border-radius: 7px;
    text-transform: uppercase;
    max-width: 262px;
    height: 45px;
    font-size: 14px;
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .text-btn:hover span {
        color: white !important;
    }

    .text-btn:hover, .text-btn:active, .text-btn:focus {
        background-color: #7FB82C;
        color: white !important;
    }

.mb-27 {
    margin-bottom: 27px;
}

.border-none {
    border: none;
}

.order-1 {
    -ms-flex-order: 1;
    -webkit-flex-order: 1;
    -moz-box-ordinal-group: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    -webkit-flex-order: 2;
    -moz-box-ordinal-group: 2;
    order: 2;
}

.justify-end {
    justify-content: end;
    justify-content: flex-end;
}

.space-y-4:not(:last-child) {
    margin-bottom: 1rem;
}

.modal-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(131, 131, 131, 0.3);
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
}

#downloadModal {
    background-color: white;
    box-shadow: rgba(0,0,0,0.3) 0 2px 4px;
    border-radius: 7px;
    padding: 48px;
    width: 70%;
    overflow: hidden;
}

    #downloadModal h2 {
        color: #353535;
    }

    .quote-modal {
        width: 70% !important;
    }

    .quote-modal h1 {
        font-size: 2rem;
    }
    .quote-modal h2 {
        font-size: 1.4rem;
    }

    #downloadModal label {
        font-weight: normal;
        color: #353535;
    }

    #downloadModal input {
        border-radius: 2.5px;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #7FB82C;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 4px;
        color: black;
        z-index: 9;
    }

        #downloadModal input:focus {
            outline: none;
        }

.space-y-8 > *:not(:last-child) {
    margin-bottom: 2rem;
}

#downloadModal input[type=submit] {
    background-color: #00B5EF;
    color: white;
    border: none;
}

#btnModalClose {
    cursor: pointer;
}

    #btnModalClose:hover {
        color: #89C041;
    }

.caption {
    font-size: 1.2rem;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
}

input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="file"],
select, textarea {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 16px;
    height: auto !important;
    width: 100% !important;
    border: 1px solid #00B5EF !important;
    border-radius: 7px !important;
}

#txtSumInsured {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #7FB82C;
    font-size: 20px;
    color: #353535;
}
.wrapper {
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wrapper canvas {
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
}
/*@media (max-width:575px){
    .wrapper .sm-sig {
        display: block;
    }

    .wrapper .md-sig {
        display: none;
    }

    .wrapper .lg-sig {
        display: none;
    }
}*/


/*@media (min-width:576px) and (max-width:767px) {
    .wrapper .sm-sig {
        display: none;
    }

    .wrapper .md-sig {
        display: block;
    }

    .wrapper .lg-sig {
        display: none;
    }
}*/
/*@media (min-width:768px) {
    .wrapper canvas {
        height: 350px;
        width: 750px;
    }
}*/
/*@media (min-width:768px) {
    .wrapper .sm-sig {
      display:none;
    }
    .wrapper .md-sig {
        display: none;
    }
    .wrapper .lg-sig {
        display: block;
    }
}*/
#premiumRangeSlider {
    border: none !important;
}

.max-width-none {
    max-width: none;
}

.error-panel {
    position: relative;
    z-index: 100;
}

@media all and (max-width: 400px) {
    .py-xs-12 {
        padding-top: 8rem;
    }
}

@media all and (max-width: 425px) {
    .proposal-container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .justify-content-start-sm {
        justify-content: flex-start;
        justify-content: start;
    }

    #downloadModal p {
        font-size: 1.2rem;
    }
}

@media (min-width: 640px) {
    /* React app */
    #root .sm\:max-w-lg {
        max-width: 46rem !important;
    }
}

.modalheading h1, .modalheading h2, .modalheading p {
    margin-bottom:30px
}

.modalsubheading h2{
    
}
.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}
@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-md > .table-bordered {
            border: 0;
        }
}
@media only screen and (max-width: 595px) {
    .popover {
        max-width: 200px;
    }

    .row .groupcell label {
        min-width: 100px;
    }

    .max-width-none {
        max-width: none;
    }

    .summaryBorder {
        padding: 3rem !important;
    }
        .w-sm-full {
        width: 100% !important;
    }

    .w-sm-1\/2 {
        width: 50% !important;
    }

    .flex-sm-row {
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-col {
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .space-y-sm-4 > *:not(:last-child) {
        margin-bottom: 1rem !important;
    }

    .space-x-sm-4 > *:not(:nth-child(even)) {
        margin-right: 10px;
    }

    .mb-sm-8 {
        margin-bottom: 8px;
    }

    .mt-sm-8 {
        margin-top: 2rem;
    }

    .mt-sm-4 {
        margin-top: 1rem;
    }
    

    .order-sm-1 {
        -ms-flex-order: 1;
        -webkit-flex-order: 1;
        -moz-box-ordinal-group: 1;
        order: 1;
    }
    

    .order-sm-2 {
        -ms-flex-order: 2;
        -webkit-flex-order: 2;
        -moz-box-ordinal-group: 2;
        order: 2;
    }

    input[type=text], input[type=number], select {
        width: 100% !important;
    }

    #downloadModal {
        width: 80%;
        z-index: 1000;
    }

    .dropdown-menu {
        font-size: 14px;
        width: 100%;
    }

    .modalheading h1, .modalheading h2, .modalheading p {
        margin-bottom:10px;
        font-size:18px
    }

    .modalsubheading h2{
        margin-bottom:10px;
        font-size:10px;
        color:gray;
    }

    .w-sm-1\/3 {
        width: 33.3333%;
    }

    #apply .quote-card {
        box-shadow: none;
        border: none;
        padding: 0 !important;
    }

    #apply .sagexp-note {
        margin-bottom: 27px;
    }

    #apply .btn-secondary {
        margin-bottom: 20px;
    }

    .sagexp-note {
        font-size: 1.4rem !important;
    }

    .slider-popup {
        width: 170px !important;
        padding: 16px !important;
        bottom: 70% !important;
        left: 50% !important;
        right: 50%;
        transform: translate(-50%, 0);
    }

        .slider-popup .btn-secondary {
            padding: 14px 0;
        }

    .product-selector {
        font-size: 1.25rem !important;
    }

        .product-selector i {
            font-size: 3rem !important;
        }

    .product-selector-container {
        width: 100%;
        justify-content: flex-start;
        justify-content: left;
    }

    .title {
        font-size: 2rem;
        text-align: left;
        display: none !important;
    }

    .mobile-title {
        display: block !important;
    }

    .subtitle {
        display: none !important;
    }

    #btnLetsGo {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        z-index: 1000;
        position: relative;
    }

    #productList {
        display: none;
        margin: 0 16px !important;
    }

        #productList > *:not(:last-child) {
            margin-bottom: 16px;
        }

        #productList h5 {
            display: block;
        }

    #c {
        margin: 34px auto;
    }

    /* React App */
    #root img[alt="FlowLogo"] {
        height: 64px;
    }

    #root img[alt="mock_icon"] {
        width: 3rem;
    }

    #root .text-title {
        font-size: 1.75rem !important;
    }

    #root .text-subtitle {
        font-size: 1.45rem !important;
    }

    #root .text-itemTitle {
        font-size: 1.25rem;
    }

    #root button .h-8 {
        height: 3rem;
    }

    #root .w-96 {
        width: 27rem !important;
    }

    #root .text-listItems {
        font-size: 1.35rem;
    }

    #root .text-itemDescription {
        font-size: 1.25rem !important;
    }

        #root .text-itemDescription > a {
            font-size: 1.45rem !important;
        }

    #root .text-sm {
        font-size: 1.55rem;
    }

    #root > div:last-child {
        margin-bottom: 48px;
    }
}

@media only screen and (max-width: 767px) {
    input[type=text], input[type=number], select {
        width: 100% !important;
    }

    .page-content-header .header-content {
        align-items: center;
        top: 35%;
        left: 0;
        padding: 0 16px;
        width: 100%;
    }

    .page-content-header .desktop-bg, .page-content-header .tablet-bg {
        display: none !important;
    }

    .page-content-header .mobile-bg {
        display: block;
    }

    .page-header-background span {
        font-size: 3rem;
        text-align: center;
    }

    .page-header-background small {
        font-size: 1.5rem;
        text-align: center;
        width: 100% !important;
    }

    .page-header-background .header-content .custom-note {
        display: flex;
        flex-direction: row;
        background-color: transparent;
        width: 40%;
        color: #638793 !important;
        padding: 0;
    }

        .page-header-background .header-content .custom-note i {
            display: none;
        }

        .page-header-background .header-content .custom-note span {
            font-size: 1.55rem !important;
            font-weight: normal;
            line-height: 1.5;
            text-align: center;
        }
}

@media only screen and (max-width: 768px) {

    #productList {
        display: none;
        margin: 0 170px;
    }

        #productList > *:not(:last-child) {
            margin-bottom: 16px;
        }

    #c {
        display: block;
        margin: 34px auto;
    }

    #productList h5 {
        display: block;
    }

    .shadow-blue {
        width: 100% !important;
    }


    .w-md-full {
        width: 100%;
    }

    .w-md-1\/2 {
        width: 50%;
    }

    .w-md-3\/4 {
        width: 75%;
    }

    .flex-md-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .flex-md-col {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .space-x-md-4 > *:not(:last-child) {
        margin-right: 1rem;
    }

    .space-y-md-4 > *:not(:last-child) {
        margin-bottom: 1rem;
    }

    .mr-lg-8 {
        margin-right: 8px;
    }

    .proposal-container {
    }

    .application-container {
    }

    #downloadModal {
        width: 100% !important;
        padding: 3rem 1rem;
    }

    .w-md-1\/3 {
        width: 33.3333%;
    }

    #inpForm > .groupContainerWrapper {
        width: auto !important;
    }

    .fixedheader {
        width: 100%;
    }

    .breadcrumb {
        margin-top: 50px;
    }

    .order-md-1 {
        -ms-flex-order: 1;
        -webkit-flex-order: 1;
        -moz-box-ordinal-group: 1;
        order: 1;
    }

    .order-md-2 {
        -ms-flex-order: 2;
        -webkit-flex-order: 2;
        -moz-box-ordinal-group: 2;
        order: 2;
    }

    .justify-content-start-md {
        justify-content: flex-start;
        justify-content: start;
    }

    .product-selector-container {
        width: 100%;
        justify-content: flex-start;
        justify-content: left;
    }

    .review-footer {
        padding: 2rem 0 !important;
    }

        .review-footer button[type=submit], .review-footer button[type=button] {
            font-size: 1.05rem;
        }

    .mt-md-4 {
        margin-top: 1rem;
    }

    .page-header-background .header-content .custom-note {
        display: flex;
        flex-direction: row;
        background-color: transparent;
        padding: 0;
    }

        .page-header-background .header-content .custom-note i {
            display: none;
        }

        .page-header-background .header-content .custom-note span {
            font-size: 1.55rem !important;
            font-weight: normal;
            line-height: 1.5;
        }

        .quote-modal {
            padding: 24px !important;
        }
}

@media only screen and (max-width: 1023px) and (min-width: 769px) {
    #c {
        display: none;
    }

    #productList {
        width: 50%;
    }

        #productList > *:not(:last-child) {
            margin-bottom: 16px;
        }

    .page-header-background .header-content .custom-note {
        display: flex;
        flex-direction: row;
        background-color: transparent;
        width: 40%;
        padding: 0;
    }

        .page-header-background .header-content .custom-note i {
            display: none;
        }

        .page-header-background .header-content .custom-note span {
            font-size: 1.55rem;
            font-weight: normal;
            line-height: 1.5;
        }
}

@media only screen and (max-width: 1024px) {


    .w-lg-full {
        width: 100%;
    }

    .w-lg-1\/2 {
        width: 50%;
    }

    .w-lg-3\/4 {
        width: 75%;
    }

    .flex-lg-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .flex-lg-col {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .space-x-lg-4 > *:not(:last-child) {
        margin-right: 1rem;
    }

    .space-y-lg-4 > *:not(:last-child) {
        margin-bottom: 1rem;
    }

    .application-container {
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        -webkit-flex-order: 1;
        -moz-box-ordinal-group: 1;
        order: 1;
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        -webkit-flex-order: 2;
        -moz-box-ordinal-group: 2;
        order: 2;
    }

    #downloadModal {
        width: 80%;
    }

    .w-lg-1\/3 {
        width: 33.3333%;
    }

    #productList h5 {
        display: block;
    }

    .product-selector h4 {
        font-size: 1.45rem;
    }

    .mt-md-8 {
        margin-top: 2rem;
    }

    .justify-content-center-lg {
        justify-content: center;
    }

    .review-footer {
        padding: 1rem 0rem;
        position: fixed;
        box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 10px;
    }

    .page-header-background span {
        font-size: 2rem;
    }

    .page-header-background small {
        font-size: 1.5rem;
        width: 65%;
    }

    /* React App */
    #root img[alt="FlowLogo"] {
        height: 64px;
    }

    #root img[alt="mock_icon"] {
        width: 3rem;
    }

    #root .text-title {
        font-size: 2.2rem;
    }

    #root .text-subtitle {
        font-size: 1.75rem;
    }

    #root .text-itemTitle {
        font-size: 1.25rem;
    }

    #root button .h-8 {
        height: 3rem;
    }

    #root .w-96 {
        width: 56rem;
    }

    #root .text-listItems {
        font-size: 1.35rem;
    }

    #root .text-itemDescription {
        font-size: 1.45rem;
    }

    #root .text-sm {
        font-size: 1.55rem;
    }

    #root .w-48 {
        width: 26rem;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .page-header-background span {
        font-size: 2.7rem;
    }
    .page-header-background small {
        width: 50%;
    }

    .page-header-background .header-content .custom-note {
        display: flex;
        flex-direction: row;
        background-color: transparent;
        width: 40%;
        padding: 0;
    }

        .page-header-background .header-content .custom-note i {
            display: none;
        }

        .page-header-background .header-content .custom-note span {
            font-size: 1.55rem;
            font-weight: normal;
            line-height: 1.5;
        }
}

@media only screen and (min-width: 1024px) {
    #c {
        display: none;
    }

    #productList h5 {
        display: none;
    }

    .title {
        font-size: 2rem;
        text-align: left;
        display: block;
        text-align: center;
    }

    .mobile-title {
        display: none;
    }

    .subtitle {
        display: block;
    }

    .title-container {
        display: block;
    }

    #productList {
        margin: 0 260px;
    }

    .review-footer {
        padding: 1rem 0rem;
        position: fixed;
        box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 10px;
    }
}

@media only screen and (min-width: 1025px) {

    .mb-xl-8 {
        margin-bottom: 2rem;
    }

    .w-xl-full {
        width: 100%;
    }

    .w-xl-1\/2 {
        width: 50%;
    }

    .w-xl-3\/4 {
        width: 75%;
    }

    .w-xl-1\/3 {
        width: 33.3333%;
    }

    .flex-xl-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .flex-xl-col {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .space-x-xl-4 > *:not(:last-child) {
        margin-right: 1rem;
    }

    .space-x-xl-4 > *:not(:first-child) {
        margin-left: 1rem;
    }

    .space-y-xl-4 > *:not(:last-child) {
        margin-bottom: 1rem;
    }

    .application-container {
    }

    .max-width-none {
        max-width: none;
    }

    #c {
        display: none;
    }

    .title-container {
        display: block;
    }

    .proposal-container {
        padding-left: 24rem;
        padding-right: 24rem;
    }

    #productList a {
        flex: 0 1 180px;
        margin: 8px;
    }

    #productList {
        margin: 0;
    }

    .justify-content-center-xl {
        justify-content: center;
    }

    /* React App */
    #root img[alt="FlowLogo"] {
        height: 64px;
    }

    #root img[alt="flow_icon"] {
        width: 4.5rem;
    }

    #root .text-title {
        font-size: 2.2rem;
    }

    #root .text-subtitle {
        font-size: 1.75rem;
    }

    #root .text-itemTitle {
        font-size: 1.25rem;
    }

    #root .h-72 {
        height: 30rem;
    }

    #root .w-64 {
        width: 26rem;
    }

    #root .w-48 {
        width: 24rem;
    }

    #root .text-listItems {
        font-size: 1.35rem;
    }

    #root .text-itemDescription {
        font-size: 1.45rem;
    }

    #root .text-sm {
        font-size: 1.55rem;
    }
}

@media (max-width: 1500px){
    .sami-container {
        margin: 4rem 2rem !important;
    }
}

a:hover, a:focus {
    outline: none;
    text-decoration: none;
}

.justify-start {
    justify-content: flex-start;
}

.mainContent {
    z-index: 10;
    position: relative;
    background-color: white;
}

#apply .quote-card {
    min-height: auto !important;
    padding: 35px;
}

    #apply .quote-card > *:not(:last-child) {
        margin-bottom: 20px;
    }

.slider-popup {
    position: absolute;
    display: none;
    bottom: 70%;
    z-index: 999;
    width: 224px;
    padding: 24px;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px;
    background-color: white;
    text-align: center;
}

    .slider-popup > span {
        font-size: 15px;
        color: #353535;
        font-weight: 600;
    }

    .slider-popup #txtSumInsured {
        font-size: 16px;
    }

.align-items-center {
    align-items: center;
}


.application-container {
    background-color: white;
    position: relative;
    z-index: 9;
}

.groupcontent {
    background-color: white !important;
}

.form-question {
    background-color: white !important;
}

.row .groupcell label {
    min-width: 120px;
}

/*Homepage*/
h1, h4, span, p {
    margin: 0;
}

#productList h5 {
    text-transform: initial;
    font-size: 1.875rem;
    font-weight: 400;
    color: black;
}

.title {
    font-size: 3rem;
    margin-bottom: 8px;
    font-weight: 700;
    color: #353535;
    display: block;
}

.mobile-title {
    display: none;
}

.subtitle {
    font-size: 2.4rem;
    margin-bottom: 27px;
    display: block;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.p-12 {
    padding: 12px;
}

.product-selector {
    border-radius: 12px;
    border: 2px solid #00B5EF;
    padding: 16px;
    color: #353535;
    font-size: 1.75rem;
    height: 130px;
    justify-content: center;
    background-color: white;
}

    .product-selector svg {
        width: 50%;
        margin-bottom: 8px;
    }

    .product-selector:hover svg {
        fill: white !important;
    }

        .product-selector:hover svg .f {
            stroke: white;
        }

        .product-selector:hover svg polygon {
            fill: white !important;
        }

    .product-selector:hover {
        background-color: #00B5EF;
        color: white !important;
        fill: white;
    }

        .product-selector:hover h4 {
            color: white !important;
        }

    .product-selector:focus {
        background-color: #00B5EF;
        color: white !important;
        outline: 1px dashed white;
        outline-offset: -3px;
    }

        .product-selector:focus svg {
            fill: white !important;
        }

        .product-selector:focus h4 {
            color: white !important;
        }

#lnkLearnMore {
    font-weight: 400;
    color: #00B5EF;
}

ul.typeahead li span {
    white-space: pre-line;
}

#inpForm {
    margin-bottom: 80px;
}

.shadow-blue {
    position: absolute;
    z-index: 0;
    width: 90%;
    top: 5px;
    left: 50%;
    transform: translate(-50%, 0);
    height: 42px;
    background-color: #00B5EF;
    filter: blur(5px);
    opacity: 0.3;
}

.groupContainerWrapper {
    overflow-x: visible;
    overflow-y: visible;
}

.groupheader {
    margin-bottom: 10px !important;
}

.groupcontent {
    border-radius: 7px;
}

.product-selector .travel-bg {
    fill: white;
}

.product-selector:hover .travel-bg, .product-selector:focus .travel-bg {
    fill: #00B5EF !important;
}

.product-selector:hover .travel-plane, .product-selector:focus .travel-plane {
    fill: white !important;
}

.review-footer {
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
}

#comm100-float-button-2 > div {
    top: auto !important;
    bottom: 0%;
}

/*
    New homepage css
*/

.firstContent {
    display: flex;
    flex-direction: row;
    padding: 0;
    position: relative;
}

    .firstContent #hero {
        width: 683px;
        height: 531.72px;
        top: 110.77px;
    }

    #about {
        overflow: hidden;
    }

    #about .firstContent{
        margin-top:170px;
        justify-content:center
    }

    #about .firstContent img {
        position: absolute;
        right: 0;
        top: 25%;
        bottom: 59.71%;
    }

    #about .firstContent {
        height: 573px;
        margin-top: 0;
    }

#about .introBlurb-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 37px;
    width: 435px;
    height: 243px;
}

#about .firstContent .introBlurb span {
    width: 424px;
    height: 88px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #959899;
    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
}

#about .firstContent .introBlurb {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 435px;
    height: 157px;
    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
}

#about .secondContent {
    height: 789px;
    background-color: #E8F5FA;
    position: relative;
    align-items: center;
    padding-bottom: 0;
    margin: 0;
}

.glow-card-layout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 307px;
    height: 296px;
    left: 271px;
    top: 821px;
}
.glow-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 34px 19px;
    gap: 27px;
    width: 314px;
    height: 84px;
    /* White */

    background: #FFFFFF;
    box-shadow: 0px 0px 5px -96px rgba(0, 169, 224, 0.26);
    border-radius: 10px;
    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
}

.white-glow-card {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 34px 19px;
    gap: 27px;
    width: 420px;
    height: 84px;
    color: #000;
    /* White */

    background: #fff;
    box-shadow: 0px 0px 5px -96px rgba(0, 169, 224, 0.26);
    border-radius: 10px;
    /* Inside auto layout */
    
    flex: none;
    order: 0;
    flex-grow: 0;
    float:left;
}

.white-glow-card p{
    float:none;
    width: 100%;
}

    .white-glow-card:hover, .white-glow-card:active{
        background-color: #00A9E0;
        color: #fff;
        cursor: pointer;
        box-shadow: 0px 0px 5px 6px rgba(0, 169, 224, 0.26);
        transition: all .2s ease-in-out;
    }

    .white-glow-card:hover a {
        
        color: #fff;
    }

.white-glow-card h2{
    color: #000;
    margin-left:-62%;
}

.white-glow-card h1{
    color: #000;
}
    .white-glow-card:hover h1, .white-glow-card:hover h2 {
        color: #fff;
    }

    .glow-card a {
        color: #00A9E0;
    }

    .glow-card:hover a {
        color: #FFF;
    }

.highlighted-glow-card {
    background-color: #00A9E0;
    box-shadow: 0px 0px 5px 6px rgba(0, 169, 224, 0.26);
}

.highlighted-glow-card h1, .highlighted-glow-card h2 {
    color: white !important;
}


.even-glow-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 34px 19px;
    gap: 27px;
    width: 420px;
    height: 84px;
    /* White */

    background: #00A9E0;
    color:#FFF;
    box-shadow: 0px 0px 5px -96px rgba(0, 169, 224, 0.26);
    border-radius: 10px;
    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
}

.glow-card:hover, .glow-card:active {
    background-color: #00A9E0;
    cursor: pointer;
    box-shadow: 0px 0px 5px 6px rgba(0, 169, 224, 0.26);
    transition: all .2s ease-in-out;
}

.even-glow-card:hover, .even-glow-card:active {
    background-color: #FFF;
    cursor: pointer;
    box-shadow: 0px 0px 5px 6px rgba(0, 169, 224, 0.26);
    transition: all .2s ease-in-out;
}

        .glow-card:hover h1, .glow-card:active h1, .glow-card:hover h2, .glow-card:active h2 {
            color: white;
        }

.even-glow-card:hover h1, .even-glow-card:active h1, .even-glow-card:hover h2, .even-glow-card:active h2 {
    color: #212D31;
}

        .glow-card h1 {
            width: 26px;
            height: 50px;
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 700;
            font-size: 44px;
            line-height: 114%;
            /* or 50px */

            display: flex;
            align-items: center;
            text-align: center;
            letter-spacing: -0.005em;
            /* Display Dark */

            color: #212D31;
            /* Inside auto layout */

            flex: none;
            order: 0;
            flex-grow: 0;
        }
    .glow-card h2 {
        width: 216px;
        height: 73px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 17px;
        display: flex;
        align-items: center;
        letter-spacing: -0.005em;
        /* Display Dark */

        color: #212D31;
        /* Inside auto layout */

        flex: none;
        order: 1;
        flex-grow: 1;
        margin-bottom: 0;
    }
    .glow-card p{
        width: 216px;
        height: 73px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 17px;
        display: flex;
        align-items: center;
        letter-spacing: -0.005em;
        /* Display Dark */

        color: #212D31;
        /* Inside auto layout */

        flex: none;
        order: 1;
        flex-grow: 1;
        margin-bottom: 0;
    }

.even-glow-card h2 {
    width: 216px;
    height: 73px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: -0.005em;
    /* Display Dark */

    color: #FFF;
    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 1;
    margin-bottom: 0;
}
.even-glow-card p{
    width: 216px;
    height: 73px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: -0.005em;
    /* Display Dark */

    color: #FFF;
    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 1;
    margin-bottom: 0;
}

.even-glow-card:hover p{
    color:#000;
}

.white-glow-card h2 {
    width: 216px;
    height: 73px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: -0.005em;
    /* Display Dark */

    color: #000;
    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 1;
    margin-bottom: 0;
}
.white-glow-card p{
    width: 216px;
    height: 73px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: -0.005em;
    /* Display Dark */

    color: #000;
    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 1;
    margin-bottom: 0;
    margin-left:-280px;
}



.white-glow-card h1 {
    width: 216px;
    height: 73px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    display: flex;
    align-items: center;
    letter-spacing: -0.005em;
    /* Display Dark */

    color: #000;
    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 1;
    margin-bottom: 0;
}

#about .fourthContent {
    height: 670px;
    justify-content: center;
}

    #about .fourthContent #cta {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px;
        gap: 24px;
        width: 327px;
        height: 148px;
        margin-bottom: 18rem;
    }

    #about .fourthContent #cta button {
        align-self: center;
    }

        #about .fourthContent #cta p {
            width: 370px;
            height: 36px;
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 500;
            font-size: 20px;
            line-height: 114%;
            /* or 18px */

            display: flex;
            align-items: center;
            text-align: center;

            /* Body Secondary */

            color: #777B7C;
            /* Inside auto layout */

            flex: none;
            order: 0;
            flex-grow: 0;
        }

        #eservice .fourthContent #cta p {
            width: 370px;
            height: 36px;
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            line-height: 114%;
            margin-bottom:60px;
            /* or 18px */

            display: flex;
            align-items: center;
            text-align: center;
            /* Body Secondary */

            color: #777B7C;
            /* Inside auto layout */

            flex: none;
            order: 0;
            flex-grow: 0;
        }


#eservice .fourthContent #contentOffer p {
    width: 476px;
    height: 52px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 110%;
    /* or 26px */
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    text-align: center;
    /* Sagicor Blue */

    color: #00A9E0;
}

.fifthContent {
    margin: auto
}

.fcontText {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px 34px;
    gap: 10px;
    height: 120px;
    background: #E8F5FA;
    border-radius: 6px;
    font-weight: bold;
    color: #849499;
}


.fifthContent p {
    width: 107px;
    height: 60px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #849499;
}

#eservice .firstContent .introBlurb .subQuote {
    margin: 0;
    margin-bottom: 56px;
    padding: 0;
}
.fcontText:hover {
    background: #00A9E0;
    /* Blue Glow */

    transition: all .2s ease-in-out;
    box-shadow: 0px 0px 5px 6px rgba(0, 169, 224, 0.26);
}

.fcontText:hover p {
    color: white;
}

.sixthContent p {
    width: 294px;
    height: 40px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: 31;
}

.sixthsubcontext {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 40px 34px;
    gap: 10px;
    height: 120px;
    background: #E8F5FA;
    border-radius: 6px;
    text-align: center;
    color: #849499;
    font-weight: bold;
    margin-top: 20px;
}
#about .fourthContent #cta > span {
    width: 170px;
    height: 26px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 110%;
    /* or 26px */

    display: flex;
    align-items: center;
    text-align: center;
    /* Sagicor Green */
    /* Inside auto layout */

    flex: none;
    flex-grow: 0;
}

.sixthsubcontext:hover {
    background: #00A9E0;
    /* Blue Glow */

    transition: all .2s ease-in-out;
    box-shadow: 0px 0px 5px 6px rgba(0, 169, 224, 0.26);
}

    .sixthsubcontext:hover p {
        color: white;
    }

    #about .fourthContent #message {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 42px 41px;
        gap: 10px;
        position: absolute;
        width: 775px;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: 650px;
        background: #E8F5FA;
    }

        #about .fourthContent #message p {
            width: 693px;
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            line-height: 26px;
            display: flex;
            align-items: center;
            color: #849499;
            /* Inside auto layout */

            flex: none;
            order: 0;
            flex-grow: 1;
        }



#about .secondContent img {
    position: absolute;
    bottom: 0;
    right: auto;
    width: 640px;
    height: 672px;
}

/*#about #get-started {
    margin-right: 20%;
    margin-bottom: 2rem;
}*/

#about .secondContentBlue {
    background-color: #E8F5FA;
}

#about .firstContent #macbook {
    display: block;
}

#about .firstContent #ipad {
    display: none;
}

#about .firstContent #iphone {
    display: none;
}



.subQuote {
    padding-bottom: 51px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 114%;
    color: #777B7C;
    width: 313px;
    height: 21px;
    margin-top: 16px;
}

.introBlurb {
    font-size: 4rem;
    font-weight: 700;
    font-family: 'Montserrat';
}

.secondContent {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    padding-top: 2rem;
    padding-bottom: 28rem;
}

.nowAvailable {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 114%;
    /* or 18px */

    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.005em;
    color: #777B7C;
    padding-top: 74px;
    padding-bottom: 33px;
    justify-content: center
}

.emailApply {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 114%;
    /* or 18px */
    letter-spacing: -0.005em;
    color: #777B7C;
    padding-top: 74px;
    padding-bottom: 33px;
    justify-content: center
}

@media (max-width : 768px){
    .emailApply.ban{
        display: none;
    }

    .emailApply.outBan {
        display: block !important;
        text-align: center !important;
        margin-bottom: 3rem !important;
    }
}
.card-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 114%;
    width: 271px;
    height: 23px;
    /* identical to box height, or 23px */

    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.005em;
    /* Sagicor Blue */
    justify-content: center;
    color: #00A9E0;
}

.card-text {
    width: 271px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.005em;
    color: #494F51;
}

.thirdContent {
    width: 100%;
}

    .thirdContent > div {
        padding-top: 24rem;
        padding-bottom: 24rem;
    }

    .thirdContent h1 {
        width: 302px;
        height: 74px;
        font-style: normal;
        font-weight: 700;
        font-size: 34px;
        line-height: 110%;
        color: #FFFFFF;
        /* or 37px */

        display: flex;
        align-items: center;
        letter-spacing: -0.005em;
    }

    .thirdContent p {
        width: 350px;
        height: 42px;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 114%;
        /* or 21px */

        display: flex;
        align-items: center;
        letter-spacing: -0.005em;
        /* White */
        color: #FFFFFF;
    }

    .thirdContent button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 14px 25px;
        gap: 10px;
        width: 246px;
        height: 49px;
        background-color: transparent;
        color: white;
        /* White */

        border: 1px solid #FFFFFF;
        filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.18));
        border-radius: 8px;
        flex: none;
        flex-grow: 0;
    }

#sagblueHomePageDiv button {
    justify-content: space-between;
}

.thirdContent button:hover {
    width: 262px;
    transition: all .2s ease-in-out;
}


.btText {
    width: 187px;
    height: 21px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 114%;
    /* identical to box height, or 21px */

    display: flex;
    align-items: center;
    letter-spacing: -0.005em;
    /* White */

    color: #FFFFFF;
}

.home-card {
    background-color: white !important;
    border-radius: 2rem;
    padding: 4rem;
    z-index: 1;
    max-height: 226px;
    position: absolute;
    top: 0;
    left: 25px;
    right: 0;
    margin: 0 auto;
    flex: none;
    flex-grow: 0;
    border: 5px solid #d7e6eb;
}

.home-card > div, .home-card .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-card p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}

.home-card .gotoQuote {
    display: none;
    align-items: center;
    gap: 10px;
    flex: none;
    order: 1;
    flex-grow: 0;
    background-color: transparent;
    border: none;
    outline: none;
    margin-top: 20px;
    color: white;
}

.home-card:hover, .home-card:active {
    background-color: #00A9E0 !important;
    color: white !important;
    box-shadow: 0px 4px 14px rgba(84, 152, 174, 0.72);
    cursor: pointer;
    z-index: 9;
    top: -25px;
    border: none;
    padding: 6rem 4rem;
    transition: all .2s ease-in-out;
    
}

        .home-card:hover .card-title,
        .home-card:hover .card-text,
        .home-card:active .card-title,
        .home-card:active .card-text {
            color: white !important;
        }

        .home-card:hover button,
        .home-card:active button {
            display: flex;
        }

#conSeperator {
    display: none;
    margin: 0 auto;
    color: white;
    font-weight: bold;
    font-size: 20px;
    align-items: center;
}

#saggreenHomePageDiv {
    background-color: #84BD00;
}

.line {
    width: 25px;
    height: 1px;
    border: 1px solid white;
}


.menu li:hover #myDropDown {
    display: flex;
    flex-direction: column;
    width: 250px;
    position:absolute;
    margin-top:20px ;
    padding: 15px;
}

#esvce:hover{
    padding-bottom:20px
}

.hero-slider {
    display: none;
}

.product-cards {
    position: relative;
    padding-bottom: 18rem;
    height: 30vh;
}

.just-center { display:flex; justify-content:center; }

.newbtn-sagblue {
    display: flex;
    align-self: flex-start;
    padding: 14px 25px;
    border-radius: 8px;
    border: none;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.18);
    background-color: #00A9E0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 114%;
    align-items: center;
    letter-spacing: -0.005em;
    color: #FFFFFF;
    justify-content: space-between;
    position: relative;
    z-index: 999;
    gap: 12px;
    transition: all .2s ease-in-out;
}

    .newbtn-sagblue:hover {
        gap: 24px;
    }


.newbtn-saggreen {
    display: flex;
    width: 263px;
    height: 49px;
    padding: 14px 25px;
    border-radius: 8px;
    border: none;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.18);
    background-color: #84BD00;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 114%;
    align-items: center;
    letter-spacing: -0.005em;
    color: #FFFFFF;
    justify-content: space-between;
    position: relative;
    z-index: 999;
}

    .newbtn-saggreen svg {
        float: right;
    }

    .newbtn-saggreen:hover {
        width: 274px;
        transition: all .2s ease-in-out;
    }

.newbtn-gray {
    display: flex;
    width: 190px;
    height: 49px;
    padding: 14px 25px;
    border-radius: 8px;
    border: none;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.18);
    background-color: #b3b3b3;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 114%;
    align-items: center;
    letter-spacing: -0.005em;
    color: black;
    justify-content: space-between;
    position: relative;
    z-index: 999;
}

.newbtn-gray svg {
    float: right;
}

.newbtn-gray:hover {
    width: 274px;
    transition: all .2s ease-in-out;
}

#conSeperator span {
    margin-left: 8px;
    margin-right: 8px;
}

.thirdContent > div {
    width: 50%;
}

#eservice .firstContent {
    height: 700px;
    justify-content: center;
    text-align: center;
    margin-top: 0;
}

#eservice .firstContent #iphone {
    display: none;
}

#eservice .secondContent #macbook {
    position: absolute;
    right: 0;
    top: -35%;
}

#eservice .secondContent #ipad {
    display: none;
}

#eservice .secondContent {
    background-color: #E8F5FA;
    height: 600px;
    position: relative;
    padding: 0;
    align-items: center;
}

#eservice .secondContent .content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#eservice .secondContent .content p {
    color: #849499;
    font-size: 18px;
}

#about .firstContent .mobile-heading {
    display: none;
}

#eservice .secondContent .clientPortal-Blurb {
    width: 379px;
}

#eservice .subQuote {
    width: 424px;
    height: 66px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #959899;
}

#eservice .secondContent {
    margin: 0;
}

#eservice .fourthContent {
    padding: 20rem 0;
}

#eservice .secondContent .viewOffer {
    display: none;
}

.other-page-header-background {
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.other-page-header-background .section-title {
    background-color: #7FB82CB2;
    font-size: 3.6rem;
    font-weight: bold;
    color: white;
    padding: 6px 0;
    margin-bottom: 0;
}

.other-page-header-background .section-subtitle {
    font-size: 2.8rem;
    color: white;
    padding: 6px 0;
    background-color: #00B5EFB2;
    margin-top: 0;
}

.other-page-header-background .container {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.other-page-header-background > div {
    width: 100%;
    z-index: 1;
}

@media (max-width: 1200px){
    .mobile-navigation {
        width: 170px;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 820px){
    #about .introBlurb-container{
        width: auto;
        align-items: center;
    }

    #about .secondContent .container .row {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width:645px) {
    #about .fourthContent {
        height: 750px;
    }
    #branding {
        margin: 0 auto;
    }

    #branding img {
        width: 250px;
    }

    #mainNav .main-phone-num {
        width: auto;
    }

    #branding-section {
        width: 100% !important;
    }

    .firstContent {
        flex-direction: column;
        margin-top: 110px !important;
        width: 100%;
        text-align: center;
    }

    .nowAvailable {
        padding-top: 0;
    }

    .secondContent {
        padding-bottom: 12rem;
    }

    .viewOffer {
        display: none;
    }

    .firstContent #hero {
        width: 350px;
        height: 239px;
        top: -54px;
        z-index: -1;
        position: relative;
    }

    .menu-item {
        margin: 10px;
    }

    .firstContent #investment {
        width: 50%;
    }

    .introBlurb {
        font-size: 32px;
    }

    .subQuote {
        padding-bottom: 51px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 114%;
        color: #a6c3cd;
        width: 315px;
        height: 21px;
        margin-top: 16px;
        text-align: center;
    }

    #sagblueHomePageDiv h1 {
        height: 46px;
        /* Mobile/Title Bold */

        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 114%;
        /* or 23px */

        display: flex;
        align-items: center;
        text-align: center;
        /* White */

        color: #FFFFFF;
        /* Inside auto layout */

        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        margin: 0 auto;
    }

    #sagblueHomePageDiv button {
        margin-bottom: 6rem;
    }

    #sagblueHomePageDiv > div {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .thirdContent {
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }

        .thirdContent > div {
            width: 100%;
            padding-bottom: 6rem;
        }

            .thirdContent > div:not(:last-child) {
                padding-top: 6rem;
            }

            .thirdContent > div:last-child {
                padding-top: 0;
                padding-bottom: 12rem;
            }

    #saggreenHomePageDiv h1, #saggreenHomePageDiv p {
        display: none;
    }

    #saggreenHomePageDiv {
        background-color: #00A9E0;
    }

    .secondContent {
        flex-wrap: wrap;
    }

    .hero-slider > .slides > li {
        display: flex !important;
        justify-content: center;
        min-height: auto !important;
    }

    .hero-slider {
        display: block;
    }

    .slides {
        height: 226px;
    }

        .slides p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
        }

        .slides .gotoQuote {
            margin-top: 20px;
        }

    .product-cards {
        display: none;
    }

    #conSeperator {
        display: flex;
    }

    #sagHomeBtn {
        width: 100%;
        border: none;
    }

    #about .firstContent {
        justify-content: center;
    }

    #about .firstContent #macbook {
        display: none;
    }

        #about .firstContent #iphone {
            display: block;
            bottom: -8%;
            top: auto;
            right: 50%;
            transform: translate(50%, 0);
        }
    #about .firstContent .other-title {
        display: none;
    }

    #about .firstContent .mobile-heading {
        display: flex;
        margin-bottom: 20px;
    }

    #about .fourthContent {
        background-color: #E8F5FA;
    }

    #about .fourthContent #cta {
        margin-bottom: 0;
        height: 200px;
    }

    #about .fourthContent .viewOffer {
        display: flex;
    }

    #about .fourthContent #message p {
        text-align: center;
    }

    #about .firstContent #ipad {
        display: none;
    }

    #about .secondContent h3, #about .secondContent .glow-card-message {
        text-align: center;
        font-size: 20px;
    }

    .glow-card-layout {
        align-items: center;
        align-self: center;
    }

    .glow-card {
        background-color: #00A9E0;
        box-shadow: 0px 0px 5px 6px rgba(0, 169, 224, 0.26);
    }

    .glow-card h2, .glow-card h1 {
        color: white;
    }

    .glow-card-separator {
        width: 14px;
        height: 0px;
        /* Sagicor Blue */

        border: 2px dashed #00A9E0;
        transform: rotate(90deg);
    }

    #about .secondContent img {
        display: none;
    }

    #about .firstContent .introBlurb-container {
        width: auto;
    }


    #about .firstContent .introBlurb {
        width: auto;
        justify-content: center;
        align-items: center;
    }
    #about .firstContent .introBlurb span {
        width: auto;
    }

    #about .fourthContent #message {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        transform: none;
        width: auto;
    }

    #about .fourthContent #message p {
        width: auto;
        flex: auto;
        height: auto;
    }

    #eservice .firstContent {
        height: 520px;
    }
    #eservice .secondContent #macbook {
        display: none;
    }

    #eservice .firstContent #iphone {
        display: block;
        position: absolute;
        right: 15px;
        bottom: -30%;
    }

    #eservice .secondContent #ipad {
        display: none;
    }

    #eservice .secondContent .viewOffer {
        display: flex;
        margin-top: 20px;
    }

    #eservice .secondContent .content {
        text-align: center;
        width: 321px;
    }

    #eservice .secondContent .content h1 {
        font-size: 16px;
    }

    #eservice .fourthContent #contentOffer p {
        width: 235px;
        font-size: 18px;
        margin-bottom: 20px;
    }

    #eservice .fourthContent #cta {
        display: none;
    }

    #eservice .fourthContent .line {
        display: block;
        border-color: #849499;
        margin-bottom: 20px;
        width: 32px;
    }
    #eservice .secondContent .clientPortal-Blurb {
        align-items: center;
        width: auto;
    }

    #eservice .fcontText {
        margin-bottom: 24px;
    }

    #eservice .sixthsubcontext {
        margin-top: 0;
        margin-bottom: 24px;
    }

    #eservice .secondContent {
        height: 650px;
    }
}

@media (min-width: 646px) and (max-width: 820px) {

    #about .fourthContent {
        background-color: #E8F5FA;
    }
        #about .fourthContent .viewOffer {
            display: flex;
        }
    #about .secondContent img {
        display: none;
    }

    #about .secondContent h3, #about .secondContent .glow-card-message {
        text-align: center;
        font-size: 20px;
    }
    .glow-card-layout {
        align-items: center;
        margin: 0 auto;
    }
    .glow-card {
        background-color: #00A9E0;
        box-shadow: 0px 0px 5px 6px rgb(0 169 224 / 26%);
    }
    .glow-card-separator {
        width: 14px;
        height: 0px;
        border: 2px dashed #00A9E0;
        transform: rotate(90deg);
    }
    .glow-card h2, .glow-card h1 {
        color: white;
    }
    #about .fourthContent #cta {
        margin-bottom: 0;
        height: 200px;
    }
    #about .firstContent .introBlurb {
        width: auto;
        justify-content: center;
        align-items: center;
    }
    #about .firstContent #iphone {
        display: block;
        bottom: -8%;
        top: auto;
        right: 50%;
        transform: translate(50%, 0);
    }
        #about .fourthContent #message {
            position: relative;
            top: auto;
            bottom: auto;
            left: auto;
            transform: none;
            width: auto;
        }
            #about .fourthContent #message p {
                width: auto;
                flex: auto;
                height: auto;
                text-align: center;
            }

    #about .firstContent #macbook {
        display: none;
    }

    #branding {
        margin: 0 auto;
    }

        #branding img {
            width: 250px;
        }

    #sagHomeBtn {
        width: 100%;
        border: none;
    }

    .firstContent {
        flex-direction: column;
        margin-top: 110px;
        width: 100%;
        text-align: center;
    }

    .firstContent #investment {
        width: 50%;
    }

        .firstContent #hero {
            width: 415px;
            height: 320px;
            top: -54px;
            z-index: -1;
            position: relative;
        }

        .nowAvailable {
            padding-top: 0;
        }

    .introBlurb {
        font-size: 44px;
    }

    .subQuote {
        font-size: 18px;
        margin-top: 16px;
        width: auto;
    }

    .firstContent button {
        width: 240px;
    }

    .viewOffer {
        display: none;
    }

    .home-card .gotoQuote {
        display: flex;
    }

    .thirdContent {
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }

    .product-cards {
        display: none;
    }

    .hero-slider {
        display: block;
    }

    .slides {
        height: 226px;
    }

        .slides p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
        }

        .slides .gotoQuote {
            margin-top: 20px;
        }

    #eservice .sixthsubcontext {
        margin-top: 0;
        margin-bottom: 24px;
    }

    .hero-slider > .slides > li {
        display: flex !important;
        justify-content: center;
        min-height: auto !important;
    }

    .thirdContent > div {
        width: 100%;
        padding-bottom: 6rem;
    }

        .thirdContent > div:not(:last-child) {
            padding-top: 6rem;
        }

        .thirdContent > div:last-child {
            padding-top: 0;
        }

        
    #saggreenHomePageDiv h1, #saggreenHomePageDiv p {
        display: none;
    }

    #saggreenHomePageDiv {
        background-color: #00A9E0;
    }

    #conSeperator {
        display: flex;
    }

    #sagblueHomePageDiv > .content {
        align-items: center;
        margin-bottom: 4rem;
    }

    #about .secondContent img {
        width: 420px;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    #about .firstContent #macbook {
        display: none;
    }

    #about .firstContent #ipad {
        display: none;
        width: 382.79px;
        height: 322px;
        right: 5%;
        top: 156px;
    }

    #eservice .fcontText {
        margin-bottom: 24px;
    }
}

@media (min-width:821px)  and (max-width: 1023px){
    #about .secondContent img {
        right: 0;
        z-index: 0;
    }
    #eservice .fcontText {
        margin-bottom: 24px;
    }
    #branding {
        margin: 0 auto;
    }

        #branding img {
            width: 260px;
        }

    .slides p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .slides .gotoQuote {
        margin-top: 20px;
    }

    .firstContent {
        margin-top: 110px;
    }

    .firstContent img {
        width: 473px;
        height: 368.23px;
    }

    .secondContent .hero-slider > .slides > li {
        min-height: auto;
        justify-content: center;
        display: flex !important;
    }

    .slides {
        height: 226px;
    }

    .introBlurb {
        width: 357px;
        font-size: 44px;
    }

    .thirdContent > div {
        width: 50%;
    }

    .secondContent {
        padding-bottom: 26rem;
    }

    .product-cards, .just-center {
        display: none;
    }

    .hero-slider {
        display: block;
    }

    #about .firstContent #macbook {
        display: none;
    }

    #about .firstContent #iphone {
        display: none;
    }

    #about .firstContent #ipad {
        display: block;
        width: 382.79px;
        height: 322px;
        right: 5%;
        top: 156px;
    }

    #eservice .secondContent #macbook {
        display: none;
    }

    #eservice .secondContent #ipad {
        display: block;
    }
}

@media (min-width: 1024px) and (max-width:1280px) {
    #branding {
        margin: 0 auto;
    }

        #branding img {
            width: 260px;
        }
    .menu-item {
        height: auto;
    }
    .gotoQuote {
        display: flex !important;
        color: #00A9E0 !important;
    }

        .gotoQuote svg path {
            fill: #00A9E0;
        }

    #about .secondContent img {
        right: 0;
    }

    #about .firstContent #macbook {
        display: none;
    }

    #about .firstContent #iphone {
        display: none;
    }

    #about .firstContent #ipad {
        display: block;
        width: 382.79px;
        height: 322px;
        right: 5%;
        top: 156px;
    }

    #about .fourthContent #cta {
        margin-bottom: 16rem;
    }

    #eservice .secondContent #macbook {
        display: none;
    }

    #eservice .secondContent #ipad {
        display: block;
        width: 382.79px;
        height: 322px;
        right: 5%;
        top: 156px;
        position: absolute;
    }

    #eservice .secondContent .clientPortal-Blurb {
        width: 375px;
    }

    #eservice .fcontText {
        font-size: 12px;
        margin-bottom: 24px;
    }

    #eservice .sixthsubcontext {
        margin-top: 0;
        margin-bottom: 24px;
        font-size: 12px;
    }

    .custom-note {
        width: 30% !important;
    }
    .custom-note span {
        font-size: 1.2rem !important;
    }

    .custom-note i {
        font-size: 1.5rem;
    }

    #downloadModal {
        width: 85% !important;
        padding: 26px !important;
    }

    #downloadModal p {
        font-size: 1.2rem;
    }

    .modalheading h1, .modalheading h2 {
        margin-bottom: 15px !important;
    }

    .modalheading h1 {
        font-size: 2rem !important;
    }

    .modalheading h2 {
        font-size: 1.25rem;
    }
    .modalsubheading h2 {
        font-size: 1.25rem;
        margin-bottom: 15px;
    }
}

#branding img {
    width: 260px;
}

.secondContent:nth-child(2) {
    margin-left: 16px;
    margin-right: 16px;
}

.allOffBtn:hover, .allOffBtn:active {
    background-color: white;
    color: #00A9E0;
}

    .allOffBtn:hover .btText {
        color: #00A9E0;
    }

    .allOffBtn:hover svg path {
        fill: #00A9E0;
    }

.viewOffer:hover {
    box-shadow: 0px 0px 5px 6px rgba(0, 169, 224, 0.26), 0px 4px 9px rgba(0, 0, 0, 0.18);
}

.tcModalBody {
    position: relative;
    top: 100px;
    margin: auto;
    width: 50% !important;
}

@media(max-width:1280px){
    .tcModalBody {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, 25px);
        width: 80% !important
    }

    .quote-modal {
        overflow-y: auto;
    }
    .proposal-container {
        padding-left: 6rem;
        padding-right: 6rem;
    }

}

.customModalBody {
    color: #777B7C;
    overflow-y: scroll;
    height: 310px;
    padding-right: 10px;
    
}

.boldText{
    font-weight:bold;

}


.customModalButtons {
    display: flex;
    margin-top: 20px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    gap:10px
}


.customModalButtons button{
    font-size:13px !important
}

.newbtn-saggray {
    background-color: #C2C4C5 !important;
    justify-content:space-between !important;
    width:300px !important

}

.newbtn-saggray:hover {
    width: 300px;
    transition: all .2s ease-in-out;
}

.sagGrayBtn:hover {
    box-shadow: 0px 0px 5px 6px rgb(255 0 0 / 26%), 0px 4px 9px rgb(0, 0, 0, 0.18);
    background-color: #D34242 !important;
}

.tcHeading {
    font-size: 20px;
    font-weight: bold;
}

.tcAccepted:hover {
    box-shadow: 0px 0px 5px 6px rgba(0, 169, 224, 0.26), 0px 4px 9px rgba(0, 0, 0, 0.18);
}

.viewTcTxt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    line-height: 1.6
}

#submitTC {
    width: 300px !important;
    justify-content: space-evenly !important;
}

/*-----------------------------------------*/


.home-card:hover .gotoQuote {
    color: #fff !important;
}

.home-card:hover .gotoQuote svg path {
        fill: #fff;
    }
.view-btn-width {
    width: 208px;
}

    .view-btn-width:hover {
        width: 219px;
    }
.homepageHeader {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 1;
}

 .homepageHeader .s1 {
        color: #00A9E0;
 }

.homepageHeader .s2 {
        color: #84BD00;
    }

.homepageHeaderText {
    top: 40%;
    left: 50%;
    font-size: 4rem;
    font-weight: bold;
    width: 36%;
}

.homepageHeaderButton {
    top: 60%;
    left: 50%;
}

.containerImgText {
    position: relative;
    text-align: center;
}

.categoryIcon {
    text-align: center;
    margin-bottom: 30px;
}

.card-span {
    font-size: 1em;
    padding: 5px;
    display: inline;
    margin-top: 20px
}

.card {
    border-radius: 2rem;
    padding: 4rem;
    max-height: 380px;
    border: 5px solid #d7e6eb;
}

.view-btn-width-max {
    width: 311px;
}
.singleCategoryImage {
    display: inline-block !important;
    padding: 10px;
    vertical-align: top;
    text-align:left;
}
.home-card-single {
    right: 0;
    padding: 1em !important;
    left: -34px;
}

.card-title-single {
    justify-content:left;
    text-align:left;
}

.single-card-btn {
    background-color: #E4F3F8;
    padding-bottom: 32px;
    padding-top: 32px;
    color: #00A9E0;
    font-weight: bold;
    border-radius: 11px;
}

/*.home-card-height:hover, .home-card-height:active {
    height: 375px !important;
}*/

.glow-card-heading {
    color: #000;
}

.glow-card-layout p {
    font-size: 14px;
}

.contact-card{
    
    align-content:flex-start;
    height: 200px;
}

.contact-details{
    color: #000;
}

.contact-card-text{
    color: #000;
    margin-left: -3rem;
}

#simaIndividual section{
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 20px;
    margin: 5px 0px 5px 0px;
    overflow:inherit;
    overflow-wrap:normal;
    display: none;
}

#simaIndividual hr{
    display:none;
}

.sima-breadcrumb {
    background-color: #f7f7f7;
    color: #333;
    border-radius: 5px;
    padding: 24px 16px;
    font-size: 14px;
    float: left;
    display: flex;
    align-items: center;
    min-width: 240px;
}

.sima-breadcrumb:not(:last-child){
    
    flex: 1;
}

.active-bc{
    background-color: #2184BE;
    color: #f7f7f7;
}

.completed-bc{

}

.sima-container{
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.sami-container {
    margin: 4rem 12rem;
}

/*#wealthManagementForm section {
    background-color: #f7f7f7;
    padding: 16px;
    border-radius: 8px;
    display: none;
    width: 100%;
    margin-bottom: 4rem;
}*/

.sima-breadcrumb-trail {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-content: center;
}

#simaPrevPage{
    float: left;
}

#simaNextPage{
    float: right;
}

.barbados-cards {
    color: #333333;
    font-family: Montserrat;
    display: flex-row;
    width: 50%;
    float: left;
    text-align: center;
    justify-content:center;
    align-items:center;
    padding: 50px;
}

.barbados-cards h2{
    margin: 50px;
}

.barbados-card {
    display: flex;
    background-color: #fff;
    
    width: 420px;
    border-radius: 5px;
    align-items: center;
    margin: auto;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.13);
    color: #333;
    padding: 10px;
}

.barbados-card h1{
    margin: 10px 7px 0px 2rem;
    float: left;
    font-size: 50px;
    text-align: left;
}

/*.barbados-card span {
    float: left;
    text-align: left;
    margin: 10px 7px 0px 2rem;
    font-size: 16px
}*/

.barbados-card p {
    float: left;
    text-align: left;
    margin: 10px 7px 0px 2rem;
    font-size: 15px
}

.barbados-card:hover span {
    color:#fff;
    text-decoration:underline
}
    .barbados-card:hover {
        background-color: #00A9E0;
        color: #fff;
        transition: all .2s ease-in-out;
    }

.barbados-card:hover a{
    color: #fff;
}

.barbados-card:hover a:hover {
    text-decoration: underline;
}

/*.blue-barbados-card span {
    float: left;
    text-align: left;
    font-size: 16px;
    margin: 0px 7px 0px 7px;
    
}*/

    

.card-spacer{
    height:10px;
}

#barbados-left {
    background-color: #E8F5FA;
    
}
#barbados-right{
    background-color: #f7f7f7;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.simaTooltip {
    background-color: #f4eae0;
    color: #89C041;
    font-family: 'Montserrat', "Roboto Condensed", "Open Sans", sans-serif;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
    z-index: 99999999!important;
    position: absolute;
    float: left;
    border: 1px solid black;
    display: flex;
}

#proofOfOccupationalIncome_tooltip .simaTooltip {
    width: 400px;
}

.simaTooltip p {
    color: #02064B;
    font-family: 'Montserrat', "Roboto Condensed", "Open Sans", sans-serif;
    font-size: 14px;
    z-index: 99999999 !important;
}


.simaTooltip li {
    color: #02064B;
    list-style-type: none;
    font-size: 14px;
    margin-bottom: 10px;
}