/* Minification failed. Returning unminified contents.
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,23): run-time error CSS1039: Token not allowed after unary operator: '-body-font'
(26,21): run-time error CSS1039: Token not allowed after unary operator: '-body-font-size'
(42,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(53,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-75'
(54,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-75'
(55,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(59,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(65,28): run-time error CSS1039: Token not allowed after unary operator: '-success-color'
(66,24): run-time error CSS1039: Token not allowed after unary operator: '-success-color'
(67,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(71,32): run-time error CSS1039: Token not allowed after unary operator: '-success-color-75'
(72,28): run-time error CSS1039: Token not allowed after unary operator: '-success-color-75'
(73,21): run-time error CSS1039: Token not allowed after unary operator: '-black-color'
(77,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-color'
(78,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-color'
(82,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-color-75'
(83,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-color-75'
(90,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(97,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(101,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(142,17): run-time error CSS1039: Token not allowed after unary operator: '-darkgreen-color'
(365,28): run-time error CSS1039: Token not allowed after unary operator: '-image-hero-path'
(397,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(398,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(409,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(597,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-color'
(606,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-color-75'
(1223,32): run-time error CSS1039: Token not allowed after unary operator: '-image-hero-mobile-path'
 */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
    --body-font: 'Lato', sans-serif;
    --body-font-size: .875rem;
    --primary-color: #ffbf00;
    --primary-color-75: rgba(255, 191, 0, 0.75);
    --success-color: #49c0b6;
    --success-color-75: rgba(73, 192, 182, 0.75);
    --dark-color: #222222;
    --dark-color-75: rgba(34, 34, 34, 0.75);
    --secondary-color: #F8F8F8;
    --black-color: #000;
    --darkgreen-color: #00403B;
    --border-radius-default: 1rem;
}

/* ======== Base start ======== */
html {
    scroll-behavior: smooth;
    width: 100%;
}

body {
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    overflow-x: hidden;
    background-color: #fff !important;
    width: 100%;
}
/* ======== Base end ======== */

/* ======== Button start ======== */
.btn {
    border-radius: 1rem;
    min-width: 150px;
    padding: 1.25rem 1.875rem;
    font-weight: 700;
}

    .btn:disabled {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--black-color);
}

    .btn-primary:hover {
        background-color: var(--primary-color-75);
        border-color: var(--primary-color-75);
        color: var(--black-color);
    }

    .btn-primary:active {
        background-color: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
        color: var(--black-color) !important;
    }

.btn-success {
    background-color: var(--success-color);
    border-color: var(--success-color);
    color: var(--black-color);
}

    .btn-success:hover {
        background-color: var(--success-color-75);
        border-color: var(--success-color-75);
        color: var(--black-color);
    }

.btn-dark {
    background-color: var(--dark-color);
    border-color: var(--dark-color);
}

    .btn-dark:hover {
        background-color: var(--dark-color-75);
        border-color: var(--dark-color-75);
    }

/* ======== Button end ======== */

/* ======== Border radius start ======== */
.rounded {
    border-radius: var(--border-radius-default) !important;
}

/* ======== Border radius end ======== */

/* ======== Background start ======== */
.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

/* ======== Background radius end ======== */

/* ======== Font Weight start ======== */
.fw-900 {
    font-weight: 900;
}

.fw-700 {
    font-weight: 700;
}

.fw-400 {
    font-weight: 400;
}

/* ======== Font Weight end ======== */

/* ======== Font Size start ======== */
.fst-20 {
    font-size: 1.25rem;
}

.fst-16 {
    font-size: 1rem;
}

.fst-14 {
    font-size: 0.875rem;
}

.fst-12 {
    font-size: 0.75rem;
}

/* ======== Font Size end ======== */

/* ======== Text Color start ======== */
.text-darkgreen {
    color: var(--darkgreen-color);
}

/* ======== Text Color end ======== */

/* ======== Modal start ======== */
.modal-content {
    border-radius: 1.5rem;
}

.modal-content .modal-header {
    padding: 1.5rem;
}

/* ======== Modal end ======== */

/* ======== Form Float start ======== */
.form-floating > .form-control:focus, 
.form-floating > .form-control:not(:placeholder-shown), 
.form-floating > .form-control-plaintext:focus, 
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .form-floating > .form-control:focus ~ label,
    .form-floating > .form-control:not(:placeholder-shown) ~ label,
    .form-floating > .form-control-plaintext ~ label,
    .form-floating > .form-select ~ label {
        transform: scale(0.85) translateY(-1.5rem) translateX(0.5rem);
    }

/* ======== Form Float end ======== */

/* ======== Preloader start ======== */
.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: #fff;
    user-select: none;
}
/* ======== Preloader ends ======== */

/* ======== Navbar start ======== */
.navbar {
    background-color: #fff !important;
}

.navbar-hamburger {
    cursor: pointer;
    display: flex;
    align-items: center;
    user-select: none;
}
/* ======== Navbar end ======== */

/* ======== Scroller start ======== */
.scroller {
    z-index: 99999;
    position: fixed;
    bottom: 100px;
    right: 0px;
    padding: 10px 1rem;
    background-color: black !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    width: 66px;
    font-size: 12px;
    display: none;
}

/* ======== Scroller ends ======== */

/* ======== Breadcrumbs start ======== */
.breadcrumbs {
    margin-top: 69px;
    z-index: 1030;
    position: fixed;
    top: 0;
}

.breadcrumbs a img {
    height: 36px;
    width: 36px;
}

    .breadcrumbs a.btn {
        background-color: #3E3E3E;
        color: #ffffff;
    }

/* ======== Breadcrumbs end ======== */

/* ======== Sidebar start ======== */
.sidebar {
    top: 69px !important;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef !important;
}

    .sidebar .accordion .accordion-item {
        border: 0;
    }

    .sidebar .accordion .accordion-button {
        padding: 10px 20px;
        font-size: 1rem;
        font-weight: 900;
    }

    .sidebar .accordion a.accordion-button::after {
        background-image: none;
    }

    .sidebar .accordion .accordion-button:not(.collapsed) {
        background-color: #fff;
        box-shadow: none;
    }

    .sidebar .accordion .accordion-button:focus {
        background-color: #fff;
        box-shadow: none;
    }

    .sidebar .accordion .accordion-button:hover {
        box-shadow: inset 4px 0px 0px 0px #ffbf00;
    }

    .sidebar .sidebar-menu {
        display: block;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
    }

        .sidebar .sidebar-menu .sidebar-item {
            padding: 5px 20px;
            margin-bottom: 5px;
            color: #121212;
        }

            .sidebar .sidebar-menu .sidebar-item a {
                color: #121212;
                display: block;
            }

            .sidebar .sidebar-menu .sidebar-item:hover {
                box-shadow: inset 4px 0px 0px 0px #ffbf00;
            }

.offcanvas-backdrop.show {
    opacity: 0;
}

/* ======== Sidebar end ======== */

/* ======== Benefit start ======== */
.benefit-wrapper ul.benefit-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .benefit-wrapper ul.benefit-list li {
        display: flex;
        align-items: start;
        flex-wrap: nowrap;
        gap: 1rem;
        margin-bottom: 10px;
        font-size: 14px;
    }

        .benefit-wrapper ul.benefit-list li::before {
            content: "";
            width: 24px;
            height: 24px;
            padding: 12px;
            overflow: hidden;
            border-radius: 50%;
            background-repeat: no-repeat;
            background-size: 50% 50%;
            background-position: center;
        }

        .benefit-wrapper ul.benefit-list li.active::before {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"><path d="M4.91562 8.49063L13.0281 0.378124C13.2802 0.126041 13.601 0 13.9906 0C14.3802 0 14.701 0.126041 14.9531 0.378124C15.2052 0.630208 15.3313 0.951041 15.3313 1.34062C15.3313 1.73021 15.2052 2.05104 14.9531 2.30313L5.87812 11.3781C5.60312 11.6531 5.28229 11.7906 4.91562 11.7906C4.54896 11.7906 4.22813 11.6531 3.95312 11.3781L0.378124 7.80313C0.126041 7.55104 0 7.23021 0 6.84062C0 6.45104 0.126041 6.13021 0.378124 5.87812C0.630208 5.62604 0.951041 5.5 1.34062 5.5C1.73021 5.5 2.05104 5.62604 2.30313 5.87812L4.91562 8.49063Z" fill="white"/></svg>');
            background-color: #49C0B6 !important;
        }

        .benefit-wrapper ul.benefit-list li.inactive::before {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M0 0 C4.92784505 0.417313 6.9777145 2.54985927 10.3125 6.0625 C11.19550781 6.98160156 12.07851562 7.90070312 12.98828125 8.84765625 C13.65214844 9.55792969 14.31601563 10.26820312 15 11 C19.65692152 9.07372792 22.42689103 5.53998474 25.78125 1.8984375 C28 0 28 0 32 0 C31.582687 4.92784505 29.45014073 6.9777145 25.9375 10.3125 C25.01839844 11.19550781 24.09929688 12.07851562 23.15234375 12.98828125 C22.44207031 13.65214844 21.73179688 14.31601563 21 15 C22.92627208 19.65692152 26.46001526 22.42689103 30.1015625 25.78125 C32 28 32 28 32 32 C27.07215495 31.582687 25.0222855 29.45014073 21.6875 25.9375 C20.80449219 25.01839844 19.92148437 24.09929688 19.01171875 23.15234375 C18.34785156 22.44207031 17.68398438 21.73179688 17 21 C12.34307848 22.92627208 9.57310897 26.46001526 6.21875 30.1015625 C4 32 4 32 0 32 C0.417313 27.07215495 2.54985927 25.0222855 6.0625 21.6875 C6.98160156 20.80449219 7.90070312 19.92148437 8.84765625 19.01171875 C9.91306641 18.01591797 9.91306641 18.01591797 11 17 C9.07372792 12.34307848 5.53998474 9.57310897 1.8984375 6.21875 C0 4 0 4 0 0 Z" fill="%23FFFFFF" transform="translate(0,0)"/></svg>');
            background-color: #DC0000 !important;
        }


/* ======== Benefit end ======== */

/* ======== Field Validation Start ======== */
span.field-validation-error {
    font-size: 14px !important;
}
/* ======== Field Validation End ======== */

/* ======== Main Content start ======== */
.main-content {
    height: 100%;
}

.main-inner-content {
    width: 100%;
}

/* ======== Main Content end ======== */

/* ======== Jumbotron Hero start ======== */
.jumbotron-hero {
    height: 700px !important;
    /*background-image: linear-gradient(163deg, #49C0B6 -50%, rgba(73, 192, 182, 0.00) 70%), url("/Assets/Images/hero.png");*/
    background-image: var(--image-hero-path);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 50%;
    border-radius: 100% 0% 90% 90% / 0% 100% 15% 15%;
    margin-bottom: -60px;
    margin-top: 137px;
}

    .jumbotron-hero h1 {
        font-size: 64px;
        font-weight: 800;
        color: #3E3E3E;
    }

    .jumbotron-hero h2 {
        font-size: 40px;
        font-weight: 800;
        color: #3E3E3E;
    }

    .jumbotron-hero p {
        font-size: 24px;
        font-weight: 400;
        color: #3E3E3E;
    }

/* ======== Jumbotron Hero end ======== */

/* ======== Landing Page start ======== */
/* Benefits */
.benefits-wrapper {
    border-radius: var(--border-radius-default);
    background-color: var(--secondary-color);
    height: 100%;
}

    .benefits-wrapper .benefits-content p {
        font-size: 20px;
    }

    .benefits-wrapper .benefits-wrapper-icon {
        height: 78px;
        width: 78px;
        background-color: var(--primary-color);
        border-radius: 50%;
        padding: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
/* Plans */
.main-plan .main-plan-wrapper .plan-wrapper.form-check {
    position: relative;
    padding-left: 0;
}

    .main-plan .main-plan-wrapper .plan-wrapper.form-check label {
        border-radius: 100px;
        border: 1px solid #C4C4C4;
        background: #FFFFFF;
        padding: 1rem 2rem;
        font-size: 16px;
        font-weight: 800;
        cursor: pointer;
        width: 100%;
        box-shadow: 0px 4px 50px 0px #0000001A;
    }

.main-plan .main-plan-wrapper .plan-wrapper.form-check .form-check-input {
    position: absolute;
    top: 36%;
    left: 45px;
    width: 25px;
    height: 25px;
}

    .main-plan .main-plan-wrapper .plan-wrapper.form-check .form-check-input:checked {
        background-color: #49C0B6;
        border-color: #49C0B6;
    }

        .main-plan .main-plan-wrapper .plan-wrapper.form-check .form-check-input:checked + label {
            background: linear-gradient(97deg, #49C0B6 30%, rgba(196, 196, 196, 0.00) 103.91%);
            border-color: #49C0B6;
        }

    .main-plan .main-plan-wrapper .plan-wrapper.form-check .form-check-input:focus {
        box-shadow: none;
    }
/* Coverages */
.main-coverage .main-coverage-mobile .carousel {
    padding-bottom: 2rem;
}

    .main-coverage .main-coverage-mobile .carousel .carousel-indicators {
        margin-bottom: .25rem;
    }

        .main-coverage .main-coverage-mobile .carousel .carousel-indicators [data-bs-target] {
            height: 5px;
            background-color: #D9D9D9;
        }

        .main-coverage .main-coverage-mobile .carousel .carousel-indicators .active {
            background-color: #49C0B6;
        }

        .main-coverage .main-coverage-mobile .carousel .carousel-control-prev,
        .main-coverage .main-coverage-mobile .carousel .carousel-control-next {
            top: unset;
            opacity: unset;
        }

    .main-coverage .main-coverage-mobile .carousel .carousel-control-prev-icon,
    .main-coverage .main-coverage-mobile .carousel .carousel-control-next-icon {
        background-color: #000;
        border-radius: 50%;
        background-size: 50% 100%;
    }

    .coverage-wrapper {
        border-radius: 25px;
        background: #E7F3F2;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .coverage-wrapper .coverage-wrapper-icon {
        height: 40px;
        width: 40px;
        padding: 5px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .coverage-wrapper .coverage-wrapper-content h5 {
        font-size: 18px;
        font-weight: 700;
    }

    .coverage-wrapper .coverage-wrapper-content p {
        font-size: 14px;
        font-weight: 400;
    }

    .coverage-wrapper .coverage-wrapper-footer {
        font-size: 16px;
        font-weight: 400;
    }

    .coverage-footer {
        border-top: 1px solid #DEE2E6;
    }
/* Steps */
.main-steps {
    background: #E7F3F2;
}

.steps-wrapper {
    border-radius: 25px;
    background: #FFF;
    height: 100%;
}

    .steps-wrapper .steps-wrapper-icon {
        width: 72px;
        height: 72px;
        font-size: 36px;
        font-weight: 900;
        background: #ffbf00;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        padding: 2rem;
    }

    .steps-wrapper .steps-wrapper-content {
        font-size: 20px;
        font-weight: 700;
    }

    .steps-wrapper .steps-wrapper-footer {
        font-size: 20px;
        font-weight: 700;
    }
/* FAQ */
.faq.accordion-flush .accordion-item .accordion-button{
    font-size: 24px;
    font-weight: 700;
}

.faq .accordion-body {
    font-size: 16px;
}

.faq .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
}

.faq .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}
/* Mailing List */
.main-mailing-list {
    background-color: #ffbf00;
}

.main-mailing-list-content h4 {
    font-size: 24px;
    font-weight: 700;
}

.main-mailing-list-content p {
    font-size: 20px;
    font-weight: 400;
}

.main-mailing-list-content .input-group {
    border-radius: 16px;
    border: 1px solid #222;
    padding: 5px;
}

.main-mailing-list-content .input-group .btn.btn-dark {
    background-color: var(--dark-color);
    padding: 14px 17px;
    color: #ffbf00;
    font-size: 20px;
    font-weight: 700;
    border-radius: 16px !important;
}

    .main-mailing-list-content .input-group .btn.btn-dark:hover {
        background-color: var(--dark-color-75);
    }

.main-mailing-list-content .input-group input {
    background-color: transparent;
    font-size: 20px;
    border: none;
}

    .main-mailing-list-content .input-group input:focus {
        border: none;
        box-shadow: none;
    }
/* Footer Links */
.main-footer-links {
    background-color: #393939;
}

    .main-footer-links .main-footer-links-content .link-header {
        font-size: 24px;
        font-weight: 700;
        color: #ffbf00;
        margin-bottom: 28px;
    }

    .main-footer-links .main-footer-links-content .link-icon {
        height: 28px;
        width: 28px;
        background-color: #ffbf00;
        border-radius: 50%;
        color: #694600;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main-footer-links .main-footer-links-content .link-content {
        color: #FFF;
        font-size: 20px;
        font-weight: 400;
    }

        .main-footer-links .main-footer-links-content .link-content .small {
            font-size: 14px;
        }

    .main-footer-links .main-footer-links-content .link-content.links {
        margin-bottom: 24px;
    }

        .main-footer-links .main-footer-links-content .link-content.links a {
            color: #fff;
        }

    .main-footer-links .main-footer-links-content .socials ul {
        list-style: none;
        padding-left: 0;
    }

        .main-footer-links .main-footer-links-content .socials ul li {
            display: inline-grid;
            padding-right: 1rem;
        }

            .main-footer-links .main-footer-links-content .socials ul li a {
                height: 43px;
                width: 43px;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
            }

/* Copyright */
.main-copyright {
    background-color: #ffbf00;
}

.main-copyright-content {
    font-size: 14px;
    font-weight: 400;
}

/* Plan Modal */
.plan-modal .modal-content {
    border-radius: 16px;
    background-color: #E7F3F2;
}

    .plan-modal .modal-content .card {
        border-radius: 24px;
        box-shadow: 0px 4px 50px 0px #0000001A;
    }

        .plan-modal .modal-content .card .card-header {
            border-top-left-radius: 24px;
            border-top-right-radius: 24px;
            background-color: #fff;
        }

        .plan-modal .modal-content .card .plan-header .plan-name {
            font-size: 24px;
            font-weight: 700;
            line-height: 19px;
        }

        .plan-modal .modal-content .card .plan-header .plan-amount {
            font-size: 24px;
            font-weight: 700;
            line-height: 38px;
        }
/* ======== Landing Page end ======== */

/* ======== Pre Application Modal start ======== */
.pre-application-modal .icon {
    width: 48px;
    height: 48px;
    background-color: #E7F3F2;
    padding: 10px;
    border-radius: 50%;
}

.pre-application-modal .content {
    font-size: 1rem;
}
/* ======== Pre Application Modal end ======== */

/* ======== Pre Application start ======== */
.main-pre-qualification {
    min-height: calc(100vh - 113px);
    position: relative;
    margin-top: 113px !important;
}

.main-pre-application-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100%;
    overflow: auto;
}

.main-pre-application-wrapper .pre-application-footer button {
    font-size: 24px;
    font-weight: 900;
}

    .main-pre-application-wrapper .pre-application-content .pre-application-choices .form-check {
        position: relative;
        padding-left: 0;
    }

        .main-pre-application-wrapper .pre-application-content .pre-application-choices .form-check label {
            border-radius: 16px;
            border: 1px solid #C4C4C4;
            background: #EBEBEB;
            padding: 1.563rem 3rem 1.563rem 4rem;
            font-size: 20px;
            font-weight: 400;
            cursor: pointer;
            width: 100%;
        }

        .main-pre-application-wrapper .pre-application-content .pre-application-choices .form-check .form-check-input {
            position: absolute;
            top: 33%;
            left: 45px;
            width: 25px;
            height: 25px;
        }

            .main-pre-application-wrapper .pre-application-content .pre-application-choices .form-check .form-check-input:checked {
                background-color: #49C0B6;
                border-color: #49C0B6;
            }

                .main-pre-application-wrapper .pre-application-content .pre-application-choices .form-check .form-check-input:checked + label {
                    background-color: #E7F3F2;
                    border-color: #49C0B6;
                }

            .main-pre-application-wrapper .pre-application-content .pre-application-choices .form-check .form-check-input:focus {
                box-shadow: none;
            }

    
/* ======== Pre Application end ======== */

/* ======== Application start ======== */
.main-application-form {
    margin-top: 113px;
    background-color: #EBEBEB;
    min-height: calc(100vh - 113px);
}

    .main-application-form .sticky-md-top {
        top: 150px !important;
    }

.main-application-form .card {
    border-radius: 1rem;
    border: none;
}

    .main-application-form .card .card-header {
        border-radius: 1rem 1rem 0 0;
        border: 0;
    }

    .main-application-form .card.card-nav .accordion .accordion-button:not(.collapsed) {
        background-color: #fff;
        box-shadow: none;
    }

    .main-application-form .card.card-nav .accordion .accordion-button:focus {
        background-color: #fff;
        box-shadow: none;
    }

    .main-application-form .card.card-nav .card-header .pre-heading {
        color: #00403B;
        font-size: 14px;
        font-weight: 700;
    }

    .main-application-form .card.card-nav .card-header h3.heading {
        color: #00403B;
        font-size: 32px;
        font-weight: 700;
    }

        .main-application-form .card.card-nav .card-header span.plan {
            border-radius: 8px 0px;
            background: #00403B;
            font-size: 14px;
            color: #fff;
            font-weight: 700;
            padding: 3px 1.025rem;
        }

    .main-application-form .card.card-nav .card-body .timeline-wrapper .timeline-icon::after {
        content: "";
        position: absolute;
        top: 0;
        left: 2px;
        width: 27px;
        height: 27px;
        background-color: #D9D9D9;
        border-radius: 50%;
    }

    .main-application-form .card.card-nav .card-body .timeline-wrapper .timeline.active .timeline-icon::after {
        background-color: #ffbf00;
    }

    .main-application-form .card.card-nav .card-body .timeline-wrapper .timeline.done .timeline-icon::after {
        background-color: #222222 !important;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"><path d="M4.91562 8.49063L13.0281 0.378124C13.2802 0.126041 13.601 0 13.9906 0C14.3802 0 14.701 0.126041 14.9531 0.378124C15.2052 0.630208 15.3313 0.951041 15.3313 1.34062C15.3313 1.73021 15.2052 2.05104 14.9531 2.30313L5.87812 11.3781C5.60312 11.6531 5.28229 11.7906 4.91562 11.7906C4.54896 11.7906 4.22813 11.6531 3.95312 11.3781L0.378124 7.80313C0.126041 7.55104 0 7.23021 0 6.84062C0 6.45104 0.126041 6.13021 0.378124 5.87812C0.630208 5.62604 0.951041 5.5 1.34062 5.5C1.73021 5.5 2.05104 5.62604 2.30313 5.87812L4.91562 8.49063Z" fill="white"/></svg>') center no-repeat;
    }

    .main-application-form .card.card-nav .card-body .timeline-wrapper .timeline-icon::before {
        content: "";
        position: absolute;
        top: 5px;
        left: 12px;
        width: 9px;
        opacity: 0.5;
        background: #D9D9D9;
        height: 100%;
    }

    .main-application-form .card.card-nav .card-body .timeline-wrapper .timeline:last-child .timeline-icon::before {
        height: 0;
    }

    .main-application-form .card.card-nav .card-body .timeline-wrapper .timeline .timeline-content {
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: 27px;
    }

    .main-application-form .card.card-nav .card-body .timeline-wrapper .timeline.active .timeline-content,
    .main-application-form .card.card-nav .card-body .timeline-wrapper .timeline.done .timeline-content {
        font-weight: 700
    }


    .main-application-form .card.card-application {
        font-size: 16px;
    }

    .main-application-form .card.card-application .card-header {
        color: #ffffff;
        background-color: #222222;
        font-size: 24px;
        font-weight: 700;
    }

        .main-application-form .card.card-application .btn.btn-radio-label {
            min-width: 100%;
            border-radius: 8px;
        }

        .main-application-form .card.card-application .btn-check:checked + .btn {
            background-color: #E7F3F2;
            border-color: #49C0B6;
            color: #000;
        }

        .main-application-form .card.card-application .contact-details-alert {
            border-radius: 16px;
            background: rgba(73, 192, 182, 0.28);
        }

        .main-application-form .card.card-application .contact-details-alert .icon {
            height: 30px;
            width: 69px;
        }

        .main-application-form .card.card-application .contact-details-alert .content {
            font-size: 14px;
            font-weight: 400;
        }

        .main-application-form .card.card-application .nomination-choices .form-check {
            position: relative;
            padding-left: 0;
        }

            .main-application-form .card.card-application .nomination-choices .form-check label {
                border-radius: 16px;
                border: 1px solid #C4C4C4;
                background: #EBEBEB;
                padding: 1.563rem 3rem 1.563rem 4rem;
                font-size: 20px;
                font-weight: 400;
                cursor: pointer;
                width: 100%;
            }

            .main-application-form .card.card-application .nomination-choices .form-check .form-check-input {
                position: absolute;
                top: 36%;
                left: 45px;
                width: 25px;
                height: 25px;
            }

                .main-application-form .card.card-application .nomination-choices .form-check .form-check-input:checked {
                    background-color: #49C0B6;
                    border-color: #49C0B6;
                }

                    .main-application-form .card.card-application .nomination-choices .form-check .form-check-input:checked + label {
                        background-color: #E7F3F2;
                        border-color: #49C0B6;
                    }

                .main-application-form .card.card-application .nomination-choices .form-check .form-check-input:focus {
                    box-shadow: none;
                }

        .main-application-form .card.card-application .nomination-alert {
            border-radius: 16px;
            background: rgba(73, 192, 182, 0.28);
        }

            .main-application-form .card.card-application .nomination-alert .icon {
                width: 30px;
                height: 30px;
            }

            .main-application-form .card.card-application .nomination-alert .content {
                font-size: 14px;
                font-weight: 400;
            }

        .main-application-form .card.card-application .btn-nominee {
            border-radius: 100px;
            background: #D9D9D9;
            color: #000;
            font-size: 16px;
            font-weight: 400;
            padding: 1rem 2rem;
        }

        .main-application-form .card.card-application.card-summary .form-floating > .form-control:focus,
        .main-application-form .card.card-application.card-summary .form-floating > .form-control:not(:placeholder-shown),
        .main-application-form .card.card-application.card-summary .form-floating > .form-control-plaintext:focus,
        .main-application-form .card.card-application.card-summary .form-floating > .form-control-plaintext:not(:placeholder-shown) {
            padding-top: 1.625rem;
            padding-bottom: 0.625rem;
        }

            .main-application-form .card.card-application.card-summary .form-floating > .form-control {
                font-weight: 700;
            }

                .main-application-form .card.card-application.card-summary .form-floating > .form-control:read-only {
                    background-color: #F1F1F1;
                }

                .main-application-form .card.card-application.card-summary .form-floating > .form-control:focus ~ label::after,
                .main-application-form .card.card-application.card-summary .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
                .main-application-form .card.card-application.card-summary .form-floating > .form-control-plaintext ~ label::after,
                .main-application-form .card.card-application.card-summary .form-floating > .form-select ~ label::after {
                    background-color: transparent !important;
                }

                .main-application-form .card.card-application.card-summary .form-floating > .form-control:focus ~ label,
                .main-application-form .card.card-application.card-summary .form-floating > .form-control:not(:placeholder-shown) ~ label,
                .main-application-form .card.card-application.card-summary .form-floating > .form-control-plaintext ~ label,
                .main-application-form .card.card-application.card-summary .form-floating > .form-select ~ label {
                    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
                }

        .main-application-form .card.card-application.card-summary .declaration .form-check {
            position: relative;
            padding-left: 0;
        }

            .main-application-form .card.card-application.card-summary .declaration .form-check label {
                border-radius: 16px;
                border: 1px solid #F1F1F1;
                background: #F1F1F1;
                padding: 1.563rem 3rem 1.563rem 4rem;
                font-size: 20px;
                font-weight: 400;
                cursor: pointer;
                width: 100%;
            }

            .main-application-form .card.card-application.card-summary .declaration .form-check .form-check-input {
                position: absolute;
                top: 25%;
                left: 45px;
                width: 25px;
                height: 25px;
            }

        .main-application-form .card.card-application.card-summary .declaration .accordion-flush .accordion-item .accordion-button {
            font-size: 14px;
            font-weight: 700;
        }

        .main-application-form .card.card-application.card-summary .declaration .form-check .form-check-input:checked {
            background-color: #49C0B6;
            border-color: #49C0B6;
        }

            .main-application-form .card.card-application.card-summary .declaration .form-check .form-check-input:checked + label {
                background-color: #E7F3F2;
                border-color: #49C0B6;
            }

                .main-application-form .card.card-application.card-summary .declaration .form-check .form-check-input:focus {
                    box-shadow: none;
                }

        .main-application-form .card.card-application.card-summary .declaration-signature {
            border-radius: 16px;
            border: 1px solid #F1F1F1;
            background: #F1F1F1;
        }

        .main-application-form .card.card-application.card-summary .declaration .accordion-body {
            font-size: 12px;
        }

        .main-application-form .card.card-application.card-summary .declaration .accordion-button:not(.collapsed) {
            color: #000;
            background-color: #fff;
        }

        .main-application-form .card.card-application.card-summary .declaration .accordion-button:focus {
            box-shadow: none;
            border-color: transparent;
        }
/* ======== Application end ======== */

/* ======== Plan start ======== */
    .main-application-form .plan-tab-wrapper .plan-tab-navigation .form-check {
        position: relative;
        padding-left: 0;
    }

        .main-application-form .plan-tab-wrapper .plan-tab-navigation .form-check label {
            border-radius: 16px;
            border: 1px solid #C4C4C4;
            background: #FFFFFF;
            padding: 1.563rem 3rem 1.563rem 4rem;
            font-size: 20px;
            font-weight: 400;
            cursor: pointer;
            width: 100%;
            box-shadow: 0px 4px 50px 0px #0000001A;
        }

        .main-application-form .plan-tab-wrapper .plan-tab-navigation .form-check .form-check-input {
            position: absolute;
            top: 36%;
            left: 45px;
            width: 25px;
            height: 25px;
        }

            .main-application-form .plan-tab-wrapper .plan-tab-navigation .form-check .form-check-input:checked {
                background-color: #49C0B6;
                border-color: #49C0B6;
            }

                .main-application-form .plan-tab-wrapper .plan-tab-navigation .form-check .form-check-input:checked + label {
                    background-color: #E7F3F2;
                    border-color: #49C0B6;
                }

            .main-application-form .plan-tab-wrapper .plan-tab-navigation .form-check .form-check-input:focus {
                box-shadow: none;
            }

/* ======== Plan end ======== */

/* ======== Successful Transaction start ======== */
.main-transaction-successful-wrapper {
    min-height: calc(100vh - 113px);
    margin-top: 113px;
}
/* ======== Successful Transaction end ======== */

/* ======== Unsuccessful Transaction start ======== */
.main-transaction-unsuccessful-wrapper {
    min-height: calc(100vh - 113px);
    margin-top: 113px;
}

    .main-transaction-unsuccessful-wrapper .transaction-unsuccessful-content .payment-options-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 0.5px solid #00000026;
        border-radius: 4px;
        padding: 1rem 1.25rem;
        height: 100%;
    }

    .main-transaction-unsuccessful-wrapper .transaction-unsuccessful-content .payment-options-wrapper .payment-label {
        font-size: 14px;
        font-weight: 700;
    }

        .main-transaction-unsuccessful-wrapper .transaction-unsuccessful-content .payment-options-wrapper .payment-options {
            display: flex;
            gap: 0.5rem;
        }

            .main-transaction-unsuccessful-wrapper .transaction-unsuccessful-content .payment-options-wrapper .payment-options img {
                height: auto;
                width: auto;
                max-height: 40px;
                max-width: 100px;
            }
/* ======== Unsuccessful Transaction end ======== */

/* ======== Cancel Transaction start ======== */
.main-transaction-cancel-wrapper {
    min-height: calc(100vh - 113px);
    margin-top: 113px;
}
/* ======== Cancel Transaction end ======== */

/* ======== Error View start ======== */
.error-main-wrapper {
    min-height: calc(100vh - 113px);
    margin-top: 113px;
    display: flex;
    align-items: center;
}

    .error-main-wrapper .error-content-left img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .error-main-wrapper .error-content-left h1 {
       font-size: 60px;
       font-weight: 900;
    }

    .error-main-wrapper .error-content-left p {
        font-size: 24px;
        margin-bottom: 2rem;
    }
/* ======== Error View end ======== */
@media(max-width: 767px) {
    /* ======== Breadcrumbs start ======== */
    .breadcrumbs p {
       font-size: 12px;
    }

    .breadcrumbs a {
        font-size: 14px;
    }

        .breadcrumbs a img {
            height: 24px;
            width: 24px;
        }

    /* ======== Breadcrumbs end ======== */

    /* ======== Jumbotron Hero start ======== */
    .jumbotron-hero {
        /*background-image: linear-gradient(180deg, #49C0B6 0%, rgba(73, 192, 182, 0.00) 40%), url("/Assets/Images/hero.png");*/
        background-image: var(--image-hero-mobile-path);
        background-position: 100% 70%;
        margin-top: 120px;
    }

        .jumbotron-hero h1 {
            font-size: 32px;
        }

        .jumbotron-hero h2 {
            font-size: 32px;
        }

        .jumbotron-hero p {
            font-size: 16px;
        }
    /* ======== Jumbotron Hero ends ======== */

    /* ======== Landing Page start ======== */
    /* Benefits */
    .main-benefit h4 {
        font-size: 16px;
    }

    .main-benefit p {
        font-size: 14px;
    }

    .benefits-wrapper .benefits-content p {
        font-size: 16px;
    }

    .benefits-wrapper .benefits-wrapper-icon {
        height: 48px;
        width: 48px;
        padding: .5rem;
    }
    /* FAQ */
    .faq.accordion-flush .accordion-item .accordion-button {
        font-size: 16px;
    }

    .faq .accordion-body {
        font-size: 14px;
    }
    /* Mailing List */
    .main-mailing-list-content h4 {
        font-size: 14px;
    }

    .main-mailing-list-content p {
        font-size: 14px;
    }

    .main-mailing-list-content .input-group .btn.btn-dark {
        padding: 11px 14px;
        font-size: 14px;
    }

    .main-mailing-list-content .input-group input {
        font-size: 14px;
    }
    /* Footer Links */
    .main-footer-links .main-footer-links-content .link-header {
        font-size: 16px;
    }

    .main-footer-links .main-footer-links-content .link-content {
        font-size: 14px;
    }
    /* Copyright */
    .main-copyright-content {
        font-size: 12px;
    }
    /* ======== Landing Page ends ======== */

    /* ======== Application start ======== */
    .main-application-form {
        margin-top: 110px;
        background-color: #EBEBEB;
        min-height: calc(100vh - 110px);
    }

    /* ======== Application ends ======== */

}