/* Minification failed. Returning unminified contents.
(2042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2056,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2060,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(2064,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(2068,17): run-time error CSS1039: Token not allowed after unary operator: '-bright-blue'
(2077,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2083,28): run-time error CSS1039: Token not allowed after unary operator: '-medium-blue'
(2087,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-blue'
(2105,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-blue'
(2127,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(2133,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2158,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(2165,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2185,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(2206,28): run-time error CSS1039: Token not allowed after unary operator: '-bright-blue'
(2228,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(2234,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2259,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(2266,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2286,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(2326,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2338,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2355,21): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2367,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2379,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2396,21): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2446,12): run-time error CSS1038: Expected hex color, found '#ffff'
(2479,12): run-time error CSS1038: Expected hex color, found '#ffff'
(2509,12): run-time error CSS1038: Expected hex color, found '#ffff'
(2552,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2594,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2608,22): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2611,25): run-time error CSS1039: Token not allowed after unary operator: '-radius'
(2657,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2660,25): run-time error CSS1039: Token not allowed after unary operator: '-radius'
(2669,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2671,25): run-time error CSS1039: Token not allowed after unary operator: '-radius'
 */
body, html {
    overflow-x: hidden !important;
    font-family: "Open Sans", sans-serif;
}

body {
    color: #333;
    font-size: 16px;
    font-family: "Open Sans", sans-serif !important;
}

.flexy{
    display:flex;
    width:20%;
    flex-direction:column;
}

.space-between{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    font-weight:bold;
    width:200px!important;
}
.space-between-top-bot {
    padding-top:5px;
    padding-bottom:5px
}

.dateContainer input {
    box-sizing: border-box;
    outline: 0;
    padding: .75rem;
    position: relative!important;
    width: 100%;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /*    -webkit-appearance: none;*/
    margin: 0;

}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.btn-nav-accordion{
    border: solid white!important;
}

p {
    font-size: 16px !important
}

.fa-info-circle {
    color: #38a2d7 !important;
}

.label-member{
    width: 100%;
    font-weight:bold;
}

.hide{
    display:none;
}

.show{
    display: block;
}

.flex{
    display: flex;
}

.label-member-years {
    width: 100%;
    font-weight: bold;
}

.member-years {
    width:50px;
}

.card-blue-top .card-text a {
    font-weight: bold;
    text-decoration: underline;
    color: #fff !important
}

.alert, .alert p {
    font-size: 14px !important
}

.desktop-view {
    display: none;
}

.mobile-view {
    display: none;
}


@media (max-width: 991px) {

    .mobile-view {
        display: block;
    }

    #carouselMobile {
        display: block !important;
    }

    #carouselDesktop {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .desktop-view {
        display: block;
    }

    #carouselMobile {
        display: none !important;
    }

    #carouselDesktop {
        display: block !important;
    }
}


/************************************************/
/*colour*************************************/
/************************************************/



.bg-blue {
    background-color: #342e7e !important;
    color: #fff
}

.bg-grey {
    background-color: #404041;
}

.bg-grey {
    background-color: #404041;
}

.bg-lt-grey {
    background-color: #e6e7e8;
}

.bg-dk-blue {
    background-color: #3376b8 !important;
    color: #fff
}

.f-blue {
    color: #342e7e !important;
}

.f-lt-blue {
    color: #38a1d7 !important;
}

.fa-whatsapp, .fa-envelope-o {
    cursor:pointer;
    color: #342e7e !important;
}

.whatsapp-white{
    color: #ffffff !important;
}

.email-white {
    color: #ffffff !important;
}

.th-dark-blue-border {
    border: 1px solid #3477b7;
    border-radius: 16px !important;
}

.th-lt-blue-border {
    border: 1px solid #38a1d7;
    border-radius: 16px !important;
}
/************************************************/
/*buttons****************************************/
/************************************************/

.btn-check + .btn-outline-danger:checked {
    border-radius: 16px;
    background-color: #342e7e !important;
    border: 1px solid transparent;
    color: #fff !important;
    font-weight: bold;
    padding-top: 9px;
    padding-bottom: 9px;
}


.btn-check + .btn-outline-danger {
    border-radius: 16px;
    background-color: #fff !important;
    border: 0px;
    color: #342e7e !important;
    font-weight: bold;
    padding-top: 9px;
    font-size: 14px;
    padding-bottom: 9px;
}


    .btn-check + .btn-outline-danger:active {
        border-radius: 16px;
        background-color: #fff !important;
        border: 1px solid transparent;
        color: #342e7e !important;
        font-weight: bold;
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 14px;
    }

.btn-check + .btn-outline-danger:hover {
    border-radius: 16px;
    background-color: #342e7e !important;
    border: 0px;
    color: #fff !important;
    font-weight: bold;
    padding-top: 9px;
    padding-bottom: 9px;
}

.btn-check + .btn-outline-danger::before {
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    margin-right: 5px;
    float: left;
    font-weight: normal;
}


.btn-check:checked + .btn-outline-danger::before {
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    margin-right: 5px;
    float: left;
}


/****conversion for bootrap 3 ******/

.btn-primary {
    background-color: #342e7e;
    border-radius: 16px;
    border: 0;
}

    .btn-primary.active,
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: #342e7e !important;
        box-shadow: none;
    }




.btn-custom, .btn-custom-alt {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 16px !important;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 9px;
    padding-bottom: 9px;
}

.d-grid .btn-custom-alt {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}

    .d-grid .btn-custom-alt img {
        width: 15px !important;
        margin-left: 10px !important;
    }

@media (max-width: 437px) {
    .btn-custom, .btn-custom-alt {
        font-size: 0.6rem;
    }
}

.btn-custom :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 37px;
    line-height: 41px;
    font-size: 1.6em;
    text-align: center;
    border-right: 2px solid #fff;
    background-color: #342e7e;
}

.btn-custom-alt :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 37px;
    line-height: 41px;
    font-size: 1.6em;
    text-align: center;
    border-right: 2px solid #fff;
    background-color: #342e7e;
}



    .btn-custom :first-child img, .btn-custom-alt :first-child img {
        width: 25px;
        border: 0px;
        margin: auto;
        margin-left: 5px;
    }

/* Square buttons */

.square-button {
    position: relative;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 10px !important;
    border: 0px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 7px;
    padding-bottom: 9px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 437px) {
    .square-button {
        font-size: 0.6rem;
    }
}



.square-button :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 37px;
    line-height: 41px;
    font-size: 1.6em;
    text-align: center;
    border-right: 2px solid #fff;
    background-color: #342e7e;
}

    .square-button :first-child img {
        width: 25px;
        border: 0px;
        margin: auto;
        margin-left: 5px;
    }



.custom-btn-properties {
    color: #fff;
    background-color: #38a2d7;
    border-color: rgba(0,0,0,0.2);
    border-radius: 16px !important;
}

    .custom-btn-properties:hover,
    .custom-btn-properties:focus,
    .custom-btn-properties:active,
    .custom-btn-properties.active,
    .open .dropdown-toggle
    .custom-btn-properties {
        color: #fff;
        background-color: #342e7e;
        border-color: rgba(0,0,0,0.2)
    }

    .custom-btn-properties:active,
    .custom-btn-properties.active,
    .open .dropdown-toggle
    .custom-btn-properties {
        background-image: none
    }

    .custom-btn-properties.disabled,
    .custom-btn-properties[disabled],
    fieldset[disabled] .custom-btn-properties,
    .custom-btn-properties.disabled:hover,
    .custom-btn-properties[disabled]:hover,
    fieldset[disabled] .custom-btn-properties:hover,
    .custom-btn-properties.disabled:focus,
    .custom-btn-properties[disabled]:focus,
    fieldset[disabled] .custom-btn-properties:focus,
    .custom-btn-properties.disabled:active,
    .custom-btn-properties[disabled]:active,
    fieldset[disabled] .custom-btn-properties:active,
    .custom-btn-properties.disabled.active,
    .custom-btn-properties[disabled].active,
    fieldset[disabled] .custom-btn-properties.active {
        background-color: #205081;
        border-color: rgba(0,0,0,0.2)
    }


/*alt buttons */

.custom-btn-properties-alt {
    color: #404041;
    background-color: #fff;
    border-color: rgba(0,0,0,0.2);
}

    .custom-btn-properties-alt:hover,
    .custom-btn-properties-alt:focus,
    .custom-btn-properties-alt:active,
    .custom-btn-properties-alt.active,
    .open .dropdown-toggle
    .custom-btn-properties-alt {
        color: #404041;
        background-color: #fff;
        border-color: rgba(0,0,0,0.2);
    }

    .custom-btn-properties-alt:active,
    .custom-btn-properties-alt.active,
    .open .dropdown-toggle
    .custom-btn-properties-alt {
        background-image: none
    }

    .custom-btn-properties-alt.disabled,
    .custom-btn-properties-alt[disabled],
    fieldset[disabled] .custom-btn-properties-alt,
    .custom-btn-properties-alt.disabled:hover,
    .custom-btn-properties-alt[disabled]:hover,
    fieldset[disabled] .custom-btn-properties-alt:hover,
    .custom-btn-properties-alt.disabled:focus,
    .custom-btn-properties-alt[disabled]:focus,
    fieldset[disabled] .custom-btn-properties-alt:focus,
    .custom-btn-properties-alt.disabled:active,
    .custom-btn-properties-alt[disabled]:active,
    fieldset[disabled] .custom-btn-properties-alt:active,
    .custom-btn-properties-alt.disabled.active,
    .custom-btn-properties-alt[disabled].active,
    fieldset[disabled] .custom-btn-properties-alt.active {
        background-color: #205081;
        border-color: rgba(0,0,0,0.2)
    }


/* close alt buttons */

.btn-square-properties {
    color: #fff;
    background-color: #38a2d7;
    border-color: rgba(0,0,0,0.2)
}

    .btn-square-properties:hover,
    .btn-square-properties:focus,
    .btn-square-properties:active,
    .btn-square-properties.active,
    .open .dropdown-toggle
    .btn-square-properties {
        color: #fff;
        background-color: #ca3523;
        border-color: rgba(0,0,0,0.2)
    }

    .btn-square-properties:active,
    .btn-square-properties.active,
    .open .dropdown-toggle.btn-square-properties {
        background-image: none
    }

    .btn-square-properties.disabled,
    .btn-square-properties[disabled],
    fieldset[disabled] .btn-square-properties,
    .btn-square-properties.disabled:hover,
    .btn-square-properties[disabled]:hover,
    fieldset[disabled] .btn-square-properties:hover,
    .btn-square-properties.disabled:focus,
    .btn-square-properties[disabled]:focus,
    fieldset[disabled] .btn-square-properties:focus,
    .btn-square-properties.disabled:active,
    .btn-square-properties[disabled]:active,
    fieldset[disabled] .btn-square-properties:active,
    .btn-square-properties.disabled.active,
    .btn-square-properties[disabled].active,
    fieldset[disabled] .btn-square-properties.active {
        background-color: #3376b8;
        border-color: rgba(0,0,0,0.2)
    }


/************************************************/
/*Navigation*************************************/
/************************************************/






.logo {
    width: 180px;
}

.custom-nav {
    padding: 20px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 28px;
    display: block;
    font-weight: bolder;
}

.logo-wrapper {
    width: 20%;
    display: inline-block;
}

.nav-text-wrapper {
    width: 60%;
    display: inline-block;
    text-align: center;
}

@media (max-width: 992px) {
    .nav-text-wrapper {
        display: none
    }
}

.nav-image {
    position: absolute;
    top: 51px;
    right: 40px;
    z-index:1;
}

@media (max-width: 992px) {
    .nav-image {
        display: none;
    }
}



.nav-image img {
    width: 100px;
}

/************************************************/
/*Heading Container******************************/
/************************************************/

.hero {
    background-color: #404041;
    color: #fff;
    margin-bottom: 30px
}


    .hero h1 {
        font-weight: bold;
        font-size: 36px;
        padding-top: 70px;
    }

        .hero h1 span {
            color: #38a2d7
        }


.hero-wrapper {
    height: 400px;
    position: relative;
}

    .hero-wrapper img {
        width: 100%;
        position: absolute;
        bottom: -1px;
    }

@media (min-width: 575px) {
    .mobile-hero-image {
        display: none;
    }
}

@media (max-width: 575px) {


    .mobile-hero-image {
        background-color: #404041;
        display: block;
        margin-bottom: 20px
    }

        .mobile-hero-image img {
            width: 100%;
        }

    .hero {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 0px;
    }

        .hero h1 {
            padding-top: 0px !important;
        }

    .hero-wrapper {
        display: none;
    }
}


.heading-container, .heading-container-overlap {
    text-align: center;
    color: #fff;
}

    .heading-container .heading-container-overlap img {
        width: 200px;
    }

.heading-container {
    padding-bottom: 40px
}

.heading-container-overlap {
    padding-bottom: 200px
}

    .heading-container h1, .heading-container-overlap h1 {
        font-size: 32px;
        font-weight: bolder;
        text-transform: uppercase;
    }

        .heading-container h1 span, .heading-container-overlap h1 span {
            color: #38a2d7;
        }

.body-container {
    text-align: center;
    color: #fff;
}



    .body-container h1 {
        font-size: 32px;
        font-weight: bolder;
        text-transform: uppercase;
    }

        .body-container h1 span {
            color: #38a2d7;
        }

.plain-heading {
    background-color: #333;
}



    .plain-heading h1 {
        font-weight: bold;
    }

        .plain-heading h1 span {
            color: #38a2d7;
        }

.white-heading h1 {
    font-weight: bold;
    color: #333
}

    .white-heading h1 span {
        font-weight: bold;
        color: #38a2d7
    }

/************************************************/
/*forms******************************************/
/************************************************/

form {
    color: #333
}

    form label {
        color: #333;
        font-size: 16px
    }

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333 !important;
    opacity: 1; /* Firefox */
    font-size: 16px
}

.form-select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333 !important;
    opacity: 1; /* Firefox */
    font-size: 16px
}



.form-control {
    border-radius: 0px !important;
    padding: 12px 18px !important;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #333 !important;
}

.form-select {
    border-radius: 0px !important;
    padding: 12px 18px !important;
    background-color: #f5f5f5;
    color: #333 !important;
    font-size: 16px
}

.form-group {
    border-bottom: 1px solid #b1b1b1;
    padding-bottom: 25px
}

    .form-group:last-child {
        border-bottom: 0px;
    }


/************************************************/
/*tool tips******************************************/
/************************************************/

.tooltip-inner {
    background-color: #f5f5f5;
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
    color: #333;
    border-radius: 0px;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #f5f5f5 !important;
    color: #333;
    border-radius: 0px;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #f5f5f5 !important;
    color: #333;
    border-radius: 0px;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #f5f5f5 !important;
    color: #333;
    border-radius: 0px;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #f5f5f5 !important;
    color: #333;
    border-radius: 0px;
}

/************************************************/
/*Cards******************************************/
/************************************************/
.card .c-border {
    border-radius: 16px !important;
}

.card-blue-top .card-body {
    padding: 0px;
    background-color: #342e7e;
    margin-top: -160px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.card-blue-top .card-title {
    margin-bottom: 0px;
    padding: 30px;
}

.card-blue-top .card-text {
    padding: 0px 20px 0px;
}

    .card-blue-top .card-text:last-child {
        padding-bottom: 30px
    }

.card-blue-top img {
    width: 70px;
    position: absolute;
    right: 10px;
    top: -200px;
    background-color: #342e7e;
    padding: 15px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.card-blue-top .card-title {
    font-weight: bold;
}


.card-blue-top form {
    background-color: #fff;
    padding: 20px;
    text-align: left;
    border: 1px solid #342e7e;
    /* margin-top: 20px*/
}

/************************************************/
/*Cards No Image******************************************/
/************************************************/

.card-blue-top-noimg .card-body {
    padding: 0px;
    background-color: #342e7e;
    margin-top: -160px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.card-blue-top-noimg .card-title {
    margin-bottom: 0px;
    padding: 30px;
}

.card-blue-top-noimg .card-text {
    padding: 0px 20px 0px;
}

    .card-blue-top-noimg .card-text:last-child {
        padding-bottom: 30px
    }


.card-blue-top-noimg .card-title {
    font-weight: bold;
}


.card-blue-top-noimg form {
    background-color: #fff;
    padding: 20px;
    text-align: left;
    border: 1px solid #342e7e;
    /* margin-top: 20px*/
}

.core-card .card, .executive-card .card {
    border: 0px;
    border-radius: 16px;
}

.core-card .card {
    background-color: #38a2d7;
}

.executive-card .card {
    background-color: #3376b8;
}

.core-card h3, .executive-card h3 {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.core-card h5 .executive-card h5 {
    font-weight: bold;
    margin-top: 0px
}
.quote-card .card {
    background-color: #342e7e;
}
.profiles-wrapper {
    background-color: #fff;
    padding: 40px;
    margin-top: -200px
}

.profiles .card {
    background-color: #ccc;
    padding: 0px;
    border-radius: 16px;
    border: 1px solid #342e7e;
}

.profiles .card-body {
    background-color: #fff;
    padding: 0px;
}

.profiles .card .card-title {
    color: #fff;
    background-color: #424242;
    padding: 10px 20px;
    font-weight: bold;
    margin-bottom: 0px;
}

.btnMemberName {
    padding: 20px 20px;
    font-size: 22px !important;
    font-weight: bold !important;
    border-radius: 16px !important;
}

    .btnMemberName:after {
        content: attr(data-button-icon);
        float: right;
        padding-left: 1em;
    }

.profiles .card .card-text {
    padding: 20px;
    background-color: #fff;
}

@media (max-width: 575px) {

    .profiles h5 {
        font-size: 16px;
    }
}


/**************************************/
/*Misc********************************/
/*************************************/

#content li {
    margin-bottom: 10px;
    margin-left: 0px
}

#content ul {
    padding-left: 15px;
    margin-top: 10px
}

#content {
    background-color: #fff;
    padding: 25px;
    border: 1px solid #a3a3a3
}

ol {
    padding-left: 15px;
}

    ol li {
        margin-bottom: 10px;
        margin-left: 0px
    }



/************************************/
/*Plan breakdown*********************/
/*************************************/

.plan-breakdown .card {
    border-top-right-radius: 17px;
    border-top-left-radius: 17px;
    background-color: #f5f5f5;
}

.plan-breakdown .card-body {
    padding: 0px;
}

.plan-breakdown .card-title {
    background-color: #3376b8;
    color: #fff;
    font-weight: bold;

    padding: 25px;
    margin: 0px;
    text-transform: uppercase;
    border-top-right-radius:17px;
    border-top-left-radius:17px
}

    .plan-breakdown .card-title h1 {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 26px;
    }

.plan-breakdown h3 {
    font-size: 20px;
    padding: 10px;
    border-bottom: 1px solid #a3a3a3;
    margin: 0px;
    color: #322f78;
}

    .plan-breakdown h3 span {
        font-weight: bold;
    }

        .plan-breakdown h3 span span {
            font-weight: normal;
            font-size: 16px;
            font-style: italic;
        }

.plan-breakdown h2 {
    background-color: #322f78;
    border-bottom: 2px solid #3477b7;
    color: #fff;
    font-weight: bold;
    padding: 15px;
    font-size: 16px;
    margin: 0px
}



    .plan-breakdown h2 .fas {
        color: #fff;
        padding: 3px;
        border-radius: 30px;
        float: right;
        font-size: 12px;
        font-weight: bold;
    }



.plan-breakdown .card-text {
    background-color: #fff;
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
    margin: 0px;
}


    .plan-breakdown .card-text:nth-child(odd) {
        background-color: #f5f5f5;
    }

    .plan-breakdown .card-text span {
        font-weight: bold;
        color: #3376b8;
    }

        .plan-breakdown .card-text span span {
            font-style: italic;
            font-size: 12px;
            color: #424242;
            font-weight: normal;
        }




/***********************************/
/*table******************************/
/************************************/

table {
    border-collapse: separate;
    border-spacing: 5px
}

    table thead tr {
        font-size: 18px;
        color: #fff;
        text-align: center;
        border: 0px;
        font-weight: bold;
        text-transform: uppercase;
    }


.sub-heading {
    background-color: #342e7e !important;
    border-radius: 16px !important;
}


td {
    width: 25%;
}




td {
    vertical-align: middle;
}

th {
    border-bottom: 0px;
}

.t-border {
    border-radius: 16px !important;
}




th,
td {
    padding: 15px !important;
    border: 0px
}

table tbody td:first-child {
    background-color: #f1f1f2 !important;
    color: #322f78 !important;
    font-weight: bold;
}

    table tbody td:first-child span {
        color: #322f78
    }



table tbody .td-lt-blue {
    border: 2px solid #38a2d7 !important;
    color: #38a2d7;
    font-weight: normal;
    text-align: center;
}

table tbody .td-dk-blue {
    border: 2px solid #3376b8 !important;
    color: #3376b8;
    font-weight: normal;
    text-align: center;
}

table tbody .td-dk-grey {
    border: 2px solid #333 !important;
}




td span {
    font-size: 14px;
    color: #322f78;
    font-weight: normal;
}





table .plan-name {
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
}
/*
    table .plan-name:first-child {
        background-color: #fff;
    }

    table .plan-name:nth-child(2) {
        background-color: #fff;
    }*/

    table .plan-name span {
        display: block;
        margin: 0px;
        padding: 0px;
        margin-top: 0px;
    }

    table .plan-name small {
        display: block;
        font-size: 16px;
        margin: 0px;
        padding: 0px;
        font-weight: normal;
        margin-bottom: -5px
    }

    table .plan-name h3 {
        font-size: 18px;
        font-weight: bold;
    }

    table .plan-name .link a {
        font-size: 14px;
        color: #fff !important
    }

table .th-light-blue {
    background-color: #3376b8;
    border-radius: 16px !important;
}

table .th-light-grey {
    background-color: #ccc;
    color: #333;
    font-size: 18px;
}

table .th-dark-grey {
    background-color: #333;
    color: #fff;
    font-size: 18px;
}

table .th-dark-blue {
    background-color: #38a2d7;
    border-radius: 16px !important;
}


.memberYears td {
    background-color: #ffffff !important;
    font-weight: bold !important;
}

/***********overwriting bootrap 3*****************/




/*******************************************/
/*Website USPS*******************************/
/*******************************************/

.landing-usps {
    text-align: center;
    margin-top: 25px
}

    .landing-usps img {
        margin: auto;
        width: 35%;
    }

    .landing-usps .usp {
        margin-top: 30px;
    }


/*******************************************/
/*Step 4 Arrow*******************************/
/*******************************************/

.fa-chevron-up {
    transition: all 0.3s ease;
}

.btn-nav-accordion.collapsed .fa-chevron-up {
    transform: rotate(180deg);
}

.btn-nav-accordion[aria-expanded="true"] .fa-chevron-down {
    transform: rotate(180deg);
}

.checkImg {
    width: 200px !important;
}
/************************************************/
/***************** MEDIA QUERIES ***************/
/************************************************/

@media (min-width: 320px) and (max-width: 374px) {

    .main-container {
        margin: 0 10px !important;
    }
    .align-center {
        text-align: center !important;
    }
    .text-end {
        text-align: center !important;
    }
    .btn-custom {
        text-align: center !important;
    }

    .custom-btn-properties {
        color: #fff;
        background-color: #38a2d7;
        border-color: rgba(0, 0, 0, 0.2);
        border-radius: 16px !important;
        width: 80% !important;
        margin: 10px 0 !important;
        text-align: center !important;
        padding: 10px 0 10px 0;
        font-size: 13px;
    }

    .square-button {
        position: relative;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 10px !important;
        border: 0px;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        width: 35px;
    }
    .btnCall {
        order: 2 !important;
       
    }
    .btnCall-ml {
        margin-left: 5% !important;
    }

    .btnCont {
        order: 1 !important;
    }
    .textStep5 {
        text-align: right !important;
        padding-left: 35px !important;
    }
    .plan-breakdown .card-title span {
        font-size: 20px;
    }

    .plan-breakdown h3 {
        font-size: 18px;
        padding: 10px;
        border-bottom: 1px solid #a3a3a3;
        margin: 0px;
        color: #322f78;
    }

        .plan-breakdown h3 span {
            font-weight: bold;
            font-size: 16px;
        }

    .plan-breakdown .card-title h1 {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 23px;
    }
}

@media (min-width: 375px) and (max-width: 424px) {
    .main-container {
        margin: 0 10px !important;
    }
    .align-center {
        text-align: center !important;
    }
    .text-end {
        text-align: center !important;
    }

    .btn-custom {
        text-align: center !important;
    }

    .custom-btn-properties {
        color: #fff;
        background-color: #38a2d7;
        border-color: rgba(0, 0, 0, 0.2);
        border-radius: 16px !important;
        width: 80% !important;
        margin: 10px 0 !important;
        text-align: center !important;
        padding: 10px 0 10px 0;
        font-size: 13px;
    }
    .square-button {
        position: relative;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 10px !important;
        border: 0px;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        width: 35px;
    }
    .btnCall {
        order: 2 !important;
        margin-left: 0 !important;
    }
    .btnCall-ml {

        margin-left: 5% !important;
    }

    .btnCont {
        order: 1 !important;
    }
    .textStep5 {
        text-align: right !important;
        padding-left: 35px !important;
    }
    .plan-breakdown .card-title span {
        font-size: 20px;
    }

    .plan-breakdown h3 {
        font-size: 18px;
        padding: 10px;
        border-bottom: 1px solid #a3a3a3;
        margin: 0px;
        color: #322f78;
    }

        .plan-breakdown h3 span {
            font-weight: bold;
            font-size: 16px;
        }

    .plan-breakdown .card-title h1 {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 23px;
    }
}

@media (min-width: 425px) and (max-width: 575px) {
    .main-container {
        margin: 0 10px !important;
    }
    .align-center {
        text-align: center !important;
    }
    .text-end {
        text-align: center !important;
    }

    .btn-custom {
        text-align: center !important;
    }

    .custom-btn-properties {
        color: #fff;
        background-color: #38a2d7;
        border-color: rgba(0, 0, 0, 0.2);
        border-radius: 16px !important;
        width: 70% !important;
        margin: 10px 0 !important;
        text-align: center !important;
        padding: 10px 0 10px 0;
        font-size: 13px;
    }
    .square-button {
        position: relative;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 10px !important;
        border: 0px;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 12px;
        padding-bottom:10px;
        padding-left: 15px;
        padding-right: 15px;
        width: 35px;
    }
    .btnCall {
        order: 2 !important;
        
    }

    .btnCall-ml {
        margin-left: 3% !important;
    }
    .btnCont {
        order: 1 !important;
    }
    .textStep5 {
        text-align: center !important;
        padding-left:20px!important;
    }

    .plan-breakdown .card-title span {
        font-size: 20px;
    }

    .plan-breakdown h3 {
        font-size: 18px;
        padding: 10px;
        border-bottom: 1px solid #a3a3a3;
        margin: 0px;
        color: #322f78;
    }

        .plan-breakdown h3 span {
            font-weight: bold;
            font-size: 16px;
        }

    .plan-breakdown .card-title h1 {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 23px;
    }

    .plan-breakdown .card {
        border-top-right-radius: 17px;
        border-top-left-radius: 17px;
        background-color: #f5f5f5;
        width: 90%;
        margin: 0 auto;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    /* <!-- md applies to small devices (landscape phones, less than 768px) --> */
    .main-container {
        margin: 0 10px !important;
    }

    .align-center {
        text-align: left !important;
    }

    .text-end {
        text-align: right !important;
    }

    .btn-custom {
        text-align: left !important;
    }

    .custom-btn-properties {
        color: #fff;
        background-color: #38a2d7;
        border-color: rgba(0, 0, 0, 0.2);
        border-radius: 16px !important;
        width: 84% !important;
        margin: 10px 0 !important;
        text-align: center !important;
        padding: 10px 0 10px 0;
        font-size: 15px;
    }

    .square-button {
        position: relative;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 10px !important;
        border: 0px;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        width: 35px;
    }
    .textStep5 {
        text-align: right !important;
        padding-left: 20px !important;

    }
    .plan-breakdown .card-title span {
        font-size: 20px;
    }

    .plan-breakdown h3 {
        font-size: 18px;
        padding: 10px;
        border-bottom: 1px solid #a3a3a3;
        margin: 0px;
        color: #322f78;
    }

        .plan-breakdown h3 span {
            font-weight: bold;
            font-size: 16px;
        }

    .plan-breakdown .card-title h1 {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 23px;
    }
    .plan-breakdown .card {
        border-top-right-radius: 17px;
        border-top-left-radius: 17px;
        background-color: #f5f5f5;
        width: 80%;
        margin: 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /* <!--lg applies to medium devices (tablets, less than 992px) --> */
    .main-container {
        margin: 0 10px !important;
    }
    .align-center
    {
        text-align:left!important;
    }
    .btn-custom {
        text-align: left !important;
    }

    .custom-btn-properties {
        color: #fff;
        background-color: #38a2d7;
        border-color: rgba(0, 0, 0, 0.2);
        border-radius: 16px !important;
        width: 84% !important;
        margin: 10px 0 !important;
        text-align: center !important;
        padding: 10px 0 10px 0;
        font-size: 15px;
    }

    .square-button {
        position: relative;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 10px !important;
        border: 0px;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        width: 35px;
    }
    .textStep5 {
        text-align: right !important;
        padding-left: 30px !important;
    }
    .plan-breakdown .card-title span {
        
        font-size: 20px;
    }

    .plan-breakdown h3 {
        font-size: 18px;
        padding: 10px;
        border-bottom: 1px solid #a3a3a3;
        margin: 0px;
        color: #322f78;
    }
        .plan-breakdown h3 span {
            font-weight: bold;
            font-size: 16px;
        }
    .plan-breakdown .card-title h1 {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 23px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    /* <!-- xxl applies to x-large devices (large desktops, less than 1400px) --> */
    .main-container {
        margin: 0 10px !important;
    }

    .align-center {
        text-align: left !important;
    }

    .btn-custom {
        text-align: left !important;
    }

    .custom-btn-properties {
        color: #fff;
        background-color: #38a2d7;
        border-color: rgba(0, 0, 0, 0.2);
        border-radius: 16px !important;
        width: 82% !important;
        margin: 10px 0 !important;
        text-align: center !important;
      /*  padding: 10px 0 10px 0;*/
        font-size: 12.8px;
    }

    .square-button {
        position: relative;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 10px !important;
        border: 0px;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        width: 35px;
    }

    .textStep5 {
        text-align: center !important;
        padding-left: 30px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    /* <!-- xxl applies to x-large devices (large desktops, less than 1400px) --> */
    .main-container {
        margin: 0 10px !important;
    }

    .align-center {
        text-align: left !important;
    }

    .btn-custom {
        text-align: left !important;
    }

    .custom-btn-properties {
        color: #fff;
        background-color: #38a2d7;
        border-color: rgba(0, 0, 0, 0.2);
        border-radius: 16px !important;
        width: 80% !important;
        margin: 10px 0 !important;
        text-align: center !important;
        padding: 10px 0 10px 0;
        font-size: 13px;
    }

    .square-button {
        position: relative;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 10px !important;
        border: 0px;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
        width: 35px;
    }
    .textStep5 {
        text-align: center !important;
        padding-left: 30px !important;
    }
}

@media (min-width: 1400px) and (max-width: 2560.98px) {
    /* <!-- xxl applies to x-large devices (large desktops, less than 1400px) --> */
    .main-container {
        margin: 0 10px !important;
    }

    .align-center {
        text-align: left !important;
    }

    .btn-custom {
        text-align: left !important;
    }

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.modal {
    height: fit-content !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.call-me-modal-header {
    border: none !important;
}

.modal-header {
    border: none !important;
}

.modal-dialog {
    background-color: #ffffff !important;
    border-radius: 20px 20px 20px 20px;
}

.modal-content {
    background-color: #ffffff !important;
    border: none !important;
    padding: 0px 30px 0 30px !important;
    border-radius: 16px !important;
}

.modal-body {
    background-color: #ffffff !important;
    border: none !important;
 /*     padding-top: -50px !important;*/
}


.modal-footer {
    border: none !important;
}

.close {
    color: #33e2d1 !important;
    font-size: 42px !important;
}

.modal-p {
    font-size: 14px !important;
}

.modal-title {
    color: #282972 !important;
    font-size: 24px !important;
}


.modal-p {
    color: #000 !important;
    font-size: 14px !important;
}

.modal-input {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 15px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    background-color: #ECEFF1;
    font-size: 16px;
    letter-spacing: 1px;
    font-size: 14px !important;
    -o-transition: .5s;
    -moz-transition: .5s;
    color: #4e4e52 !important;
}

.call-me-p {
    font-size: 14px !important;
}

.call-me-lbl {
    font-size: 14px !important;
    color: #282972 !important;
    float: left;
    padding-left:5px!important;
    font-family:'Open Sans'!important;
}


.btn-call-me-back {
    background-color: #33e2d1;
    color: #282972;
    margin-top: 0px !important;
    border-radius: 20px;
    font-size: 16px;
    font-weight: bold !important;
    margin-bottom: 0px;
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    width: 200px !important;
}

    .btn-call-me-back:hover {
        background-color: #282972;
        color: #fff;
        margin-top: 0px !important;
        border-radius: 25px;
        font-size: 16px;
        font-weight: bold !important;
        margin-bottom: 0px;
    }

.btn-whatsApp {
    background-color: #33e2d1;
    color: #282972;
    margin-top: 0px !important;
    border-radius: 20px;
    font-size: 20px;
    font-weight: bold !important;
    margin-bottom: 0px;
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    width: 250px !important;
}

    .btn-whatsApp:hover {
        background-color: #282972;
        color: #fff;
        margin-top: 0px !important;
        border-radius: 25px;
        font-size: 20px;
        font-weight: bold !important;
        margin-bottom: 0px;
    }

.btn-email {
    background-color: #33e2d1;
    color: #282972;
    margin-top: 0px !important;
    border-radius: 20px;
    font-size: 16px;
    font-weight: bold !important;
    margin-bottom: 0px;
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    width: 250px !important;
}

    .btn-email:hover {
        background-color: #282972;
        color: #fff;
        margin-top: 0px !important;
        border-radius: 25px;
        font-size: 16px;
        font-weight: bold !important;
        margin-bottom: 0px;
    }
.validateCellphone {
    color: #ff0000 !important;
    font-size: 13px;
    padding-left: 10px;
    text-align: left !important;
    margin-top:-15px!important;
    margin-bottom:18px!important;
}


:root {
    --blue: #322f78;
    --cyan: #4ECDC4;
    --bright-blue: #38a1d7;
    --light-blue: #E8F4F8;
    --medium-blue: #3477b7;
    --panel-bg: #eeeeef; /* content background */
    --radius: 17px;
    --panel-bg: #e6e6e6;
}

/******************Utilities*******************/
/******************Colorus*******************/

.blue {
    color: var(--blue);
}

.cayan {
    color: var(--cyan)
}

.light-blue {
    color: var(--light-blue);
}

.bright-blue {
    color: var(--bright-blue);
}

.bg-light-grey {
    background-color: #f2f2f2;
}


.bg-darkblue {
    background-color: var(--blue);
    color: #fff
}


.bg-medium-blue {
    background-color: var(--medium-blue)
}

.bg-light-blue {
    background-color: var(--bright-blue)
}

/******Buttons******/

/*.btn {
    font-size: 20px;
}
*/
@media (max-width: 575.98px) {

    .btn {
        font-size: 16px;
    }
}


.btn-oneplan {
    background-color: var(--bright-blue);
    color: white;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 800;
    border: 3px solid #fff;
    text-transform: uppercase;
    box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -webkit-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -moz-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    display: inline-flex; /* make button a flex container */
    align-items: center; /* vertical center */
    justify-content: center; /* optional: center contents horizontally */
    gap: 10px; /* space between icon and text */
}

    .btn-oneplan img {
        width: 20px;
    }


    .btn-oneplan:hover {
        background-color: var(--cyan);
        border: 3px solid #fff;
        color: white;
    }

.btn-oneplan-dark {
    background-color: var(--blue);
    color: white;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 800;
    border: 3px solid #fff;
    text-transform: uppercase;
    box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -webkit-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -moz-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    display: inline-flex; /* make it a flex container */
    align-items: center; /* vertical centering */
    justify-content: center; /* horizontal centering */
    gap: 10px; /* space between icon & text */
}

    .btn-oneplan-dark img {
        width: 30px;
    }

.btn img {
    width: 20px;
}

.btn-oneplan-dark:hover {
    background-color: var(--cyan);
    border: 3px solid #fff;
    color: white;
}

.btn-oneplan-light {
    background-color: #e2e2e2;
    color: var(--blue);
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 800;
    border: 3px solid #fff;
    text-transform: uppercase;
    box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -webkit-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -moz-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    display: inline-flex; /* flex container */
    align-items: center; /* vertical centering */
    justify-content: center; /* horizontal centering */
    gap: 10px; /* space between icon & text */
}

    .btn-oneplan-light img {
        width: 20px;
    }

    .btn-oneplan-light:hover {
        background-color: var(--cyan);
        border: 3px solid #fff;
        color: white;
    }


/******Buttons******/

/*.btn {
    font-size: 20px;
}*/

@media (max-width: 575.98px) {

    .btn {
        font-size: 16px;
    }
}


.btn-oneplan {
    background-color: var(--bright-blue);
    color: white;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 800;
    border: 3px solid #fff;
    text-transform: uppercase;
    box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -webkit-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -moz-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    display: inline-flex; /* make button a flex container */
    align-items: center; /* vertical center */
    justify-content: center; /* optional: center contents horizontally */
    gap: 10px; /* space between icon and text */
}

    .btn-oneplan img {
        width: 20px;
    }


    .btn-oneplan:hover {
        background-color: var(--cyan);
        border: 3px solid #fff;
        color: white;
    }

.btn-oneplan-dark {
    background-color: var(--blue);
    color: white;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 800;
    border: 3px solid #fff;
    text-transform: uppercase;
    box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -webkit-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -moz-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    display: inline-flex; /* make it a flex container */
    align-items: center; /* vertical centering */
    justify-content: center; /* horizontal centering */
    gap: 10px; /* space between icon & text */
}

    .btn-oneplan-dark img {
        width: 30px;
    }

.btn img {
    width: 20px;
}

.btn-oneplan-dark:hover {
    background-color: var(--cyan);
    border: 3px solid #fff;
    color: white;
}

.btn-oneplan-light {
    background-color: #e2e2e2;
    color: var(--blue);
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 800;
    border: 3px solid #fff;
    text-transform: uppercase;
    box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -webkit-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -moz-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    display: inline-flex; /* flex container */
    align-items: center; /* vertical centering */
    justify-content: center; /* horizontal centering */
    gap: 10px; /* space between icon & text */
}

    .btn-oneplan-light img {
        width: 20px;
    }

    .btn-oneplan-light:hover {
        background-color: var(--cyan);
        border: 3px solid #fff;
        color: white;
    }


/****************Forms**********************/


.container-form {
    box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -webkit-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -moz-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    background-color: transparent;
    border-radius: 17px;
}






.quote-form {
    background: white;
    border-radius: 17px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}





/********Hero**********/

.hero-section {
    background-image: url("/Images/hero-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: var(--blue);
    padding: 80px 0;
}
/* <-- this was missing */

@media (max-width: 767.98px) {
    .hero-section {
        padding-top: 30px
    }
}

.hero-section form {
    background-color: var(--blue);
    border-radius: 0px 0px 17px 17px;
    padding: 20px;
}

    .hero-section form h4 {
        color: white;
        font-weight: 700;
    }

.hero-section .card {
    padding: 20px;
    border-radius: 17px 17px 0px 0px;
    border: 0px
}

    .hero-section .card .card-title h4 {
        color: var(--blue);
        font-weight: 400;
        font-size: 18px
    }


/*****Hero section bottom ****/
.hero-section-bottom {
    background-image: url("/Images/hero-bg-fliped.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: var(--blue);
    padding: 80px 0;
}
/* <-- this was missing */

@media (max-width: 767.98px) {
    .hero-section-bottom {
        padding-top: 30px
    }
}

.hero-section-bottom form {
    background-color: var(--blue);
    border-radius: 17px 17px 0px 0px;
    padding: 20px;
}

    .hero-section-bottom form h4 {
        color: white;
        font-weight: 700;
    }

.hero-section-bottom .card {
    padding: 20px;
    border-radius: 0px 0px 17px 17px;
    border: 0px
}

    .hero-section-bottom .card .card-title h4 {
        color: var(--blue);
        font-weight: 400;
        font-size: 18px
    }



/********card**********/

.benefits-section .card {
    border: 0px;
}

    .benefits-section .card img {
        width: 120px;
        margin: auto;
        margin-bottom: -60px;
        z-index: 1;
    }

/*.card-title {
    color: #322f78;
    font-weight: 700
}*/

.benefits-section .card .card-body {
    background-color: #f2f2f2;
    padding-top: 80px;
    color: #322f78;
    border-radius: 17px;
    padding-bottom: 40px
}

.plans-section .card {
    padding: 0px !important;
}

.plans-section .box {
    box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -webkit-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -moz-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
}

.plans-section .card .btn {
    box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -webkit-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
    -moz-box-shadow: -1px 0px 38px -6px rgba(0,0,0,0.29);
}

.plans-section .plan-card h1 {
    color: #ffff;
    font-size: 62px;
    font-weight: 700 !important;
    margin: 0px;
    line-height: 100%;
}

.plans-section .plan-card .download-link {
    font-weight: 300;
}

    .plans-section .plan-card .download-link img {
        width: 25px;
        margin-right: 5px
    }

.plan-card h3 {
    margin: 0px;
}

    .plan-card h3:nth-child(1) {
        font-weight: 700;
    }

    .plan-card h3:nth-child(2) {
        font-weight: 300;
    }

    .plan-card h3:nth-of-type(3) {
        font-weight: 300;
    }

.plans-section .plan-card h3 {
    color: #ffff;
}

.plans-section .card .card-footer {
    background-color: #fff;
    border-radius: 0px 0px 17px 17px;
    padding-top: 30px;
    padding-bottom: 30px
}

.plan-card {
    border-radius: 17px;
    border: 0px;
}

    .plan-card .card {
        border-radius: 17px;
        border: 0px;
    }




@media (max-width: 767.98px) {
    .plan-card h1 {
        font-size: 2em
    }
}

.plan-card p {
    color: #ffff
}

.card-btn {
    display: flex;
    align-items: center; /* vertical alignment */
    height: 60px;
    justify-content: center;
}


    .card-btn h5 {
        margin-bottom: 0px;
        color: #fff;
        text-decoration: underline;
        font-weight: 600;
    }


    .card-btn h2 {
        margin-bottom: 0px;
        color: #fff;
        font-weight: 700;
    }


.solid-card-dark {
    border: 0;
    border-radius: 17px;
    background-color: #3477b7;
    text-align: center;
    margin: auto;
    font-weight: 600;
    color: #fff;
}

.solid-card-dark-20 {
    border: 0;
    border-radius: 17px;
    background-color: #d6e4f0;
    text-align: center;
    margin: auto;
    font-weight: 500;
    color: var(--blue);
}

.solid-card-dark p {
    color: #fff !important;
}

.solid-card-dark-stroke {
    border-radius: 17px;
    border: 2px solid #3477b7;
    text-align: center;
    margin: auto;
    font-weight: 600;
    color: #3477b7;
}

.solid-card-bright {
    border: 0;
    border-radius: 17px;
    background-color: #38a1d7;
    text-align: center;
    margin: auto;
    font-weight: 600;
    color: #fff;
}

.solid-card-bright-stroke {
    border-radius: 17px;
    border: 2px solid #38a1d7;
    text-align: center;
    margin: auto;
    font-weight: 600;
    color: #38a1d7;
}

.solid-card-bright-20 {
    border: 0px;
    border-radius: 17px;
    background-color: #d9eef8;
    text-align: center;
    margin: auto;
    font-weight: 500;
    color: var(--blue);
}


/******************Accordian*******************/
/******************Custom Accordian*******************/
.expando {
    margin-bottom: 20px
}

/* Accordion button */
.expando-button {
    width: 100%;
    height: 60px;
    background: var(--blue);
    color: #fff;
    border: 0;
    border-radius: var(--radius);
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    padding: 0 3rem;
    transition: background .2s ease, border-radius .2s ease, box-shadow .2s ease;
}

    /* Chevron (custom inline SVG) */
    .expando-button .chevron {
        display: inline-block;
        width: 15px; /* scales with font-size */
        height: auto;
        margin-left: .5rem; /* spacing from text */
        line-height: 1;
        vertical-align: middle;
        transition: transform .2s ease;
        transform-origin: 50% 50%;
    }

    /* rotate on expand */
    .expando-button[aria-expanded="true"] .chevron {
        transform: rotate(180deg);
    }

    /* make sure SVG path inherits button text color */
    .expando-button .chevron .st0 {
        fill: currentColor; /* replaces fixed #fff so it matches button text */
    }

/* Collapsible panel */
.expando-panel {
    overflow: hidden;
    height: 0;
    transition: height .25s ease;
}



.expando-panel-inner {
    padding: 1.25rem 1.5rem;
    color: var(--blue);
    margin-top: 20px;
/*    background: var(--panel-bg);*/
    border-radius: var(--radius);
    background-color: #f2f2f2;
}

    .expando-panel-inner:nth-of-type(2n) {
        background-color: #f2f2f2;
    }

.expando-panel-inner-no-padding {
    color: var(--blue);
    margin-top: 20px;
    border-radius: var(--radius);
}



.expando h3 {
    font-size: 18px;
    font-weight: 700;
}


.expando p {
    font-size: 18px;
    margin-bottom: 0.3em;
}


html.body {
    overflow-x: hidden !important;
}

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

    table.body img {
        width: 100% !important;
        height: auto;
    }

    .left-text-set div h3 {
        font-size: 16px !important;
    }

    .left-text-set div p {
        font-size: 16px !important;
    }

    .left-text-set {
        min-width: 0px !important;
    }

    table.container table.row {
        display: table !important;
    }

    table.body {
        border-top: solid 0px #fff;
        border-right: solid 16px #fff !important;
        border-bottom: solid 16px #fff !important;
        border-left: solid 16px #fff !important;
    }

    .left-padding {
        border-left: 16px solid #ffffff !important;
    }

    .top-padding-remove {
        padding-top: 0px !important;
    }

    .img-re {
        width: 42.66667% !important;
    }

        .img-re img {
            width: 100% !important;
        }

    .set-top {
        height: 2% !important;
        border: none;
    }

    table.body .blurb.column {
        padding-left: 32px !important;
        padding-right: 0px !important;
    }

    table.body .blurb-right.column {
        padding-right: 16px !important;
    }

    .text-styling-one {
        height: 165px !important;
    }

    .c2 {
        height: auto !important;
    }

    .alt-font div div, .alt-font div span, .alt-font div p, .alt-font div p a, .alt-font div h1, .alt-font div h2, .alt-font div h3, .alt-font div h4, .alt-font div h5, .alt-font div h6 {
        white-space: nowrap;
        font-size: 16px !important;
        margin: 0 !important;
    }

    .alt-font div p {
        text-align: center;
    }

    .full {
        display: block !important;
        width: 100% !important;
        text-align: center;
        height: auto !important;
    }

    .terms-font {
        height: auto !important;
        border-right: 0px solid #a7a9ac !important;
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 490px) {
    .left-text-set {
        padding: 16px 0px !important;
    }

        .left-text-set div {
            margin: 0 16px !important;
        }

            .left-text-set div h3 {
                font-size: 16px !important;
                margin-bottom: 0px !important;
            }

            .left-text-set div p {
                font-size: 16px !important;
                margin-bottom: 0px !important;
            }

    .left-text-set {
        min-width: 0px !important;
    }

    .full-top {
        display: block !important;
        width: 100% !important;
        text-align: center;
        height: auto !important;
    }

    .alt-font div div, .alt-font div span, .alt-font div p, .alt-font div p a, .alt-font div h1, .alt-font div h2, .alt-font div h3, .alt-font div h4, .alt-font div h5, .alt-font div h6 {
        white-space: nowrap;
        font-size: 16px !important;
        margin: 0 !important;
    }

    .numbers-mrgn div p {
        margin-top: 2px !important;
    }
}

@media only screen and (max-device-width: 414px) {
    .left-text-set {
        padding: 16px 0px !important;
    }

        .left-text-set div {
            margin: 0 16px !important;
        }

            .left-text-set div h3 {
                font-size: 16px !important;
                margin-bottom: 0px !important;
            }

            .left-text-set div p {
                font-size: 16px !important;
                margin-bottom: 0px !important;
            }

    .left-text-set {
        min-width: 0px !important;
    }

    .full-top {
        display: block !important;
        width: 100% !important;
        text-align: center;
        height: auto !important;
    }

    .alt-font div div, .alt-font div span, .alt-font div p, .alt-font div p a, .alt-font div h1, .alt-font div h2, .alt-font div h3, .alt-font div h4, .alt-font div h5, .alt-font div h6 {
        white-space: nowrap;
        font-size: 16px !important;
        margin: 0 !important;
    }
}

@media only screen and (max-device-width: 375px) {
    .left-text-set {
        padding: 16px 0px !important;
    }

        .left-text-set div {
            margin: 0 16px !important;
        }

            .left-text-set div h3 {
                font-size: 16px !important;
                margin-bottom: 0px !important;
            }

            .left-text-set div p {
                font-size: 16px !important;
                margin-bottom: 0px !important;
            }

    .left-text-set {
        min-width: 0px !important;
    }

    .full-top {
        display: block !important;
        width: 100% !important;
        text-align: center;
        height: auto !important;
    }

    .alt-font div div, .alt-font div span, .alt-font div p, .alt-font div p a, .alt-font div h1, .alt-font div h2, .alt-font div h3, .alt-font div h4, .alt-font div h5, .alt-font div h6 {
        white-space: nowrap;
        font-size: 16px !important;
        margin: 0 !important;
    }
}

@media only screen and (max-device-width: 320px) {
    .left-text-set {
        padding: 16px 0px !important;
    }

        .left-text-set div {
            margin: 0 16px !important;
        }

            .left-text-set div h3 {
                font-size: 16px !important;
                margin-bottom: 0px !important;
            }

            .left-text-set div p {
                font-size: 16px !important;
                margin-bottom: 0px !important;
            }

    .full-top {
        display: block !important;
        width: 100% !important;
        text-align: center;
        height: auto !important;
    }

    .alt-font div div, .alt-font div span, .alt-font div p, .alt-font div p a, .alt-font div h1, .alt-font div h2, .alt-font div h3, .alt-font div h4, .alt-font div h5, .alt-font div h6 {
        white-space: nowrap;
        font-size: 16px !important;
        margin: 0 !important;
    }
}

@media only screen and (min-width: 597px) {
    table.container {
        width: 750px !important;
    }
}

@media only screen and (max-width: 750px) {
    table.body img {
        width: auto !important;
        height: auto;
    }

    table.body center {
        min-width: 0 !important;
    }

    table.body .container {
        width: 100% !important;
    }

    table.body .columns, table.body .column {
        height: auto !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

        table.body .columns .column, table.body .columns .columns, table.body .column .column, table.body .column .columns {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

    table.body .collapse .columns, table.body .collapse .column {
        padding-left: 0;
        padding-right: 0;
    }

    td.small-1, th.small-1 {
        display: inline-block !important;
        width: 8.33333% !important;
    }

    td.small-2, th.small-2 {
        display: inline-block !important;
        width: 16.66667% !important;
    }

    td.small-3, th.small-3 {
        display: inline-block !important;
        width: 25% !important;
    }

    td.small-4, th.small-4 {
        display: inline-block !important;
        width: 33.33333% !important;
    }

    td.small-5, th.small-5 {
        display: inline-block !important;
        width: 41.66667% !important;
    }

    td.small-6, th.small-6 {
        display: inline-block !important;
        width: 50% !important;
    }

    td.small-7, th.small-7 {
        display: inline-block !important;
        width: 58.33333% !important;
    }

    td.small-8, th.small-8 {
        display: inline-block !important;
        width: 66.66667% !important;
    }

    td.small-9, th.small-9 {
        display: inline-block !important;
        width: 75% !important;
    }

    td.small-10, th.small-10 {
        display: inline-block !important;
        width: 83.33333% !important;
    }

    td.small-11, th.small-11 {
        display: inline-block !important;
        width: 91.66667% !important;
    }

    td.small-12, th.small-12 {
        display: inline-block !important;
        width: 100% !important;
    }

    .columns td.small-12, .column td.small-12, .columns th.small-12, .column th.small-12 {
        display: block !important;
        width: 100% !important;
    }

    table.body td.small-offset-1, table.body th.small-offset-1 {
        margin-left: 8.33333% !important;
        Margin-left: 8.33333% !important;
    }

    table.body td.small-offset-2, table.body th.small-offset-2 {
        margin-left: 16.66667% !important;
        Margin-left: 16.66667% !important;
    }

    table.body td.small-offset-3, table.body th.small-offset-3 {
        margin-left: 25% !important;
        Margin-left: 25% !important;
    }

    table.body td.small-offset-4, table.body th.small-offset-4 {
        margin-left: 33.33333% !important;
        Margin-left: 33.33333% !important;
    }

    table.body td.small-offset-5, table.body th.small-offset-5 {
        margin-left: 41.66667% !important;
        Margin-left: 41.66667% !important;
    }

    table.body td.small-offset-6, table.body th.small-offset-6 {
        margin-left: 50% !important;
        Margin-left: 50% !important;
    }

    table.body td.small-offset-7, table.body th.small-offset-7 {
        margin-left: 58.33333% !important;
        Margin-left: 58.33333% !important;
    }

    table.body td.small-offset-8, table.body th.small-offset-8 {
        margin-left: 66.66667% !important;
        Margin-left: 66.66667% !important;
    }

    table.body td.small-offset-9, table.body th.small-offset-9 {
        margin-left: 75% !important;
        Margin-left: 75% !important;
    }

    table.body td.small-offset-10, table.body th.small-offset-10 {
        margin-left: 83.33333% !important;
        Margin-left: 83.33333% !important;
    }

    table.body td.small-offset-11, table.body th.small-offset-11 {
        margin-left: 91.66667% !important;
        Margin-left: 91.66667% !important;
    }

    table.body table.columns td.expander, table.body table.columns th.expander {
        display: none !important;
    }

    table.body .right-text-pad, table.body .text-pad-right {
        padding-left: 10px !important;
    }

    table.body .left-text-pad, table.body .text-pad-left {
        padding-right: 10px !important;
    }

    table.menu {
        width: 100% !important;
    }

        table.menu td, table.menu th {
            width: auto !important;
            display: inline-block !important;
        }

        table.menu.vertical td, table.menu.vertical th, table.menu.small-vertical td, table.menu.small-vertical th {
            display: block !important;
        }

        table.menu[align='center'] {
            width: auto !important;
        }

    table.button.small-expand, table.button.small-expanded {
        width: 100% !important;
    }

        table.button.small-expand table, table.button.small-expanded table {
            width: 100%;
        }

            table.button.small-expand table a, table.button.small-expanded table a {
                text-align: center !important;
                width: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

        table.button.small-expand center, table.button.small-expanded center {
            min-width: 0;
        }
}

@media only screen and (max-width: 750px) {
    .small-float-center {
        margin: 0 auto !important;
        float: none !important;
        text-align: center !important;
        font-size: 16px;
    }

    .small-text-center div h1, .small-text-center div h2, .small-text-center div h3, .small-text-center div h4, .small-text-center div h5, .small-text-center div h6, .small-text-center div p, .small-text-center div div, .small-text-center div span {
        text-align: center !important;
        font-size: 16px;
    }

    .small-text-left div h1, .small-text-left div h2, .small-text-left div h3, .small-text-left div h4, .small-text-left div h5, .small-text-left div h6, .small-text-left div p, .small-text-left div div, .small-text-left div span {
        text-align: left !important;
        font-size: 16px;
    }

    .small-text-right div h1, .small-text-right div h2, .small-text-right div h3, .small-text-right div h4, .small-text-right div h5, .small-text-right div h6, .small-text-right div p, .small-text-right div div, .small-text-right div span {
        text-align: right !important;
        font-size: 16px;
    }

    .small-text-center h1, .small-text-center h2, .small-text-center h3, .small-text-center h4, .small-text-center h5, .small-text-center h6, .small-text-center p, .small-text-center div, .small-text-center span {
        text-align: center !important;
        font-size: 16px;
    }

    .small-text-left h1, .small-text-left h2, .small-text-left h3, .small-text-left h4, .small-text-left h5, .small-text-left h6, .small-text-left p, .small-text-left div, .small-text-left span {
        text-align: left !important;
        font-size: 16px;
    }

    .small-text-right h1, .small-text-right h2, .small-text-right h3, .small-text-right h4, .small-text-right h5, .small-text-right h6, .small-text-right p, .small-text-right div, .small-text-right span {
        text-align: right !important;
        font-size: 16px;
    }

    table.body .collapse .columns, table.body .collapse .column {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 750px) {
    table.body table.container .show-for-large {
        display: none !important;
        width: 0;
        mso-hide: all;
        overflow: hidden;
    }
}

@media only screen and (max-width: 750px) {
    table.body table.container .callout-inner.hide-for-large {
        display: table-cell !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 750px) {
    table.body table.container .hide-for-large, table.body table.container .row.hide-for-large {
        display: table !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 750px) {
    .hide-for-large {
        display: block !important;
        width: auto !important;
        overflow: visible !important;
        max-height: none !important;
        font-size: inherit !important;
        line-height: inherit !important;
    }
}

@media only screen {
    html {
        min-height: 100%;
        font-size: 16px;
    }
}

@media only screen and (min-device-width:597px) {
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */

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

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

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}