/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
/* new1 */


html {
    scroll-behavior: smooth;
}


 body {
    transition: opacity 500ms;
    transition-delay: 100ms;
}

.reveal-viewport .weglot-container {
    display: none !important;
}
.reveal-viewport {
    opacity: 0;
    transition: 1000ms;
}
#reveal {
    opacity: 0;
    transition: 1000ms;
}

[class*="o-member"], [o-member], [data-o-member], [href*="#o-member"], [href*="?o-member"], [href*="&o-member"], [href*="#data-o-member"][href*="[o-member:"], [href*="[data-o-member:"], [src*="[o-member:"], [src*="[data-o-member:"] {
    display: block !important;
}

#onboarding .free-grid, 
#onboarding .pro-grid {
    display: none;
}
input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
#cropButton {
    display: none;
}
.upload-widget {
    display: none;
}
.upload-widget,
.upload-widget > div {
    height: 500px;
    width: 100%;
    position: relative;
}
div[data-plan="pro"] .website-single-item[data-website] {
    display: none;
}
div[data-selector="lineleaders"] {
    display: none;
}

div[data-selector="plan-pages"] > div,
div[data-selector="addons-cancel"],
div[data-selector="pro-cancel"],
div[data-selector="payment-form"],
div[data-selector="addons-review"],
div[data-selector="profile-setup"],
div[data-selector="addon-upsale"] {
    display: none;
}

div[data-selector="addons-review"] {
    margin-top: 80px;
}

div[data-selector="plan-pages"] div[data-selector="plans-content"] {
    display: block;
}

.summary-grid .w-dyn-item {
    display: none;
}

#continue-btn,
#back-btn {
    opacity: .5;
}

.plans-content-wrapper > div {
    width: 100%;
}

.plans-content-wrapper .plans-content-right {
    width: 20rem;
}

.hide.w-input {
    display: none !important;
}

.locked {
    opacity: 1;
    cursor: auto !important;
}
.button.active-plan.locked {
    background-image: none;
}
.button.active-plan:hover,
.locked:hover {
    filter: inherit !important
}


div[data-cancel] {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
}
div[data-cancel]:last-child {
    margin-bottom: 60px;
}

div[data-cancel] a {
    color:#f26b2f;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255 255 255 / 90%);
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 8px;
    border: 3px solid #228399;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #228399 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
  

@keyframes fadeIn {
    0% {
        opacity: 0;
        display: none;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none;
    }
}

.notification {
    display: none;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 10002;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 20px;
    background-color: #fdfcf9;
    border: 1px solid #e0e0e0;
    border-radius: 0.25rem;
    font-size: 18px;
    animation: fadeOut 5s linear forwards;
}

.notification.show {
    display: flex;
}


/* E2e improvement */
.hero-dropdown {
    transition: 400ms;
}
.hero-dropdown:hover {
    background-color: #e76538;
}
.footer_phone-link.w-inline-block {
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
}

body a.w-webflow-badge {
    display: none !important;
}

img[data-outseta="ProfileImageS3Url"] {
    animation-delay: 1s;
    animation: fadeIn 2s linear forwards;
}

.footer---top-social-link.w-inline-block,
.blog---share-link.w-inline-block, 
.navbar---social.w-inline-block {
    display: none;
}

.add-ons-top {
    margin-bottom: auto;
}
.button-link {
    cursor: pointer;
}

.dashboard-sticky-header {
    z-index: 3 !important;
}

.plans-tabs-links-wrapper {
    top: 80px !important;
    z-index: 3 !important;
}

div[data-selector="onboarding"] .plans-tabs-links-wrapper {
    top: 0 !important;
}

.profile-hero-wrapper-sticky {
    top: 148px !important;
    z-index: 3 !important;
}

.dashboard-tabs-menu {
    top: 290px !important;
}
@media screen and (max-width: 991px) {
    .dashboard-tabs-menu {
        width: 100%;
        display: none !important;
    }
}

.add-ons-item .add-on-price-wrapper {
    display: inline-block;
}
.add-ons-item .add-on-price-wrapper div {
    display: inline;
}

.plans-content-right.on-dasboard {
   margin-top: 0 !important;
}

.upline-leaders-single-student {
    border-bottom: 1px solid rgba(224, 224, 224, .5);
}

.no-img {
    background: #299cb5;
    height: 100%;
    width: 100%;
}

.upline-leaders-course-wrapper {
    min-height: 130px;
    border-bottom: none;
}

.notification-dropdown-list .notification-wrapper {
    border-bottom: 1px solid rgba(224, 224, 224, .5);
    margin-bottom: 0;
}

.unsubscribed-addon {
    text-align: center;
    font-size: 14px;
    color: #dc612a;
    padding: 10px 20px;
}

.notification-dropdown-list.w--open {
    max-height: 50vh;
    overflow: scroll;
}

#continue-btn.cancel-btn.button.w-button {
    opacity: 1;
    background: #D0190D;
    border-color: #D0190D;
}

.button.announcement-button {
    border-color: #855187;
}

.plan-section-admin {
    border: none !important;
    margin-top: 0 !important;
}

div[data-plan="NmdoqgW0"],
div[data-plan="rQVZRAQ6"] {
    display: none;
}

.button-disabled {
    opacity: .5;
    cursor: not-allowed !important;
    &:hover {
        filter: none !important;
    }
}

div[data-selector="addons-review"] .w-dyn-item {
    margin-bottom: 10px;
}

.footer .footer-navigation-hide {
    z-index: 10;
    width: 19.6875rem;
    height: 50px;
    background-image: linear-gradient(rgba(255, 255, 255, .2), #fff 57%);
    position: absolute;
    top: -50px;
    bottom: auto;
    left: 0%;
    right: auto;
}

.grid-item-top .grid-item-link-block {
    visibility: hidden;
}
/* 
#reveal.reveal {
    height: 100vh !important;
}
#reveal.reveal:not(.overview) .slides {
    width: 100% !important;
    height: 100% !important;
    inset: auto !important;
    transform: translate(0%, 0%) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: height 1s ease;
}
#reveal.reveal:not(.overview) .slides section {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 140px) !important;
    transition: height 1s ease;
}
#reveal.reveal:not(.overview) .slides section > div {
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: height 1s ease;
}

#reveal.hide-controls.reveal:not(.overview) .slides section {
    height: calc(100vh) !important;
}

.control-positioner .control-wrapper {
    transition: 250ms;
}
.control-positioner.hide-controls .control-wrapper {
    transform: translateY(12svh);
}
 */

 #reveal.reveal:not(.overview) .slides section {
    top: 0 !important;
 }


 .w-webflow-badge {
    display: none !important;
 }

 .future-quick-summary-content {
    grid-row-gap: 0.75rem;
    border-bottom: 1px solid rgba(17, 17, 17, .1);
    flex-direction: column;
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
    padding-bottom: 1.375rem;
    display: flex;
 }

 .summary-update {
    border-radius: 4px;
    display: inline-flex;
    padding: 2px 16px;
    align-items: flex-start;
    gap: 10px;
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 19.5px */
 }
 .summary-update.green {
    width: 72px;
    background: #188C67;
 }
 .summary-update.red {
    width: 95px;
    background: #D0190D;
 }

 .quick-summary-total, .quick-summary-new {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
    margin-bottom: 1.375rem;
 }
 .quick-summary-new [data-select="total"] {
    display: flex;
    padding: 2px 6px;
    align-items: flex-end;
    gap: 10px;
    border-radius: 4px;
    background: #D9F1E7;
 }

 .plans-content-right.on-dasboard .announcement-wrapper {
    display: none;
 }

 .tab-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
 }

 .plans-wrapper .button-link {
    display: none;
 }

 .training-bar {
    width: 90px;
    height: 4px;
    border-radius: 16px;
    background: var(--lush-100, #B1F2DD);
    margin-top: 8px;
 }
 .training-bar-complete {
    width: 30px;
    height: 4px;
    border-radius: 16px;
    background: var(--lush-600, #188C67);
 }
 .upline-leaders-course-wrapper {
    overflow: auto !important;
 }
 .upline-leaders-course-top {
    min-width: 718px;
 }
 @media (max-width: 992px) {
    .upline-leaders-course-top {
        display: none !important;
    }
 }
 .upline-leaders-course-top > div,
 .upline-leaders-course-single-row > div {
    min-width: 120px;
 }
 .upline-leaders-course-top > div {
    background-color: var(--primary);
 }

 .iti {
    width: 100%;
 }


#wf-form-Onboarding .circle-checkmark {
    display: none;
}
.plans-tabs-link .circle-wrapper.active-circle {
    width: 2.5rem;
    height: 2.5rem;
    color: #656464;
    background-color: #f9f8f1;
    border-radius: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}
.plans-tabs-link.w--current .circle-wrapper {
    color: #fff;
    background-color: #1c6b7d;
    flex: none;
}

.assets-social-grid img {
    width: 100%;
}

.books-form-block {
    height: 100%;
}

@media screen and (max-width: 767px) {
    #w-node-c5a1bb7f-067b-32f4-8fe4-e2cd8f4c2932-5ecf60c8,
    #w-node-_4db0fda8-06e6-0450-e007-f8ebd07d967a-5ecf60c8 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .button.women-book, 
    .button.women-booke-video {
        width: 300px;
    }
}

.books-form-main-wrapper .books-form-wrapper,
.books-form-main-wrapper .corporate-books-form-wrapper-left {
    border-radius: 0;
    border: none;
}

.books-form-main-wrapper .books-form-block {
    padding: 70px 40px 30px;
}

.cyl-request-form-success-message-inner .button.cyl-yellow, 
.books-form-main-wrapper .button.cyl-yellow {
    padding: 9px !important;
}

[data-selector="corporate-form"] [data-selector="free-book"] {
    min-height: 440px;
    display: flex;
    align-items: center;
}

.shop .navbar---profile[data-selector="agent-data"] {
    display: none !important;
}
.shop .desktop-only.navbar---profile[data-selector="agent-data"] {
    display: flex !important;
}
.shop .desktop-only.navbar---profile[data-selector="agent-data"] a {
    color: #2f2f2f !important;
}

@media screen and (max-width: 991px) {
    .shop .navbar---profile[data-selector="agent-data"] {
        display: flex !important;
    }
    .shop .desktop-only.navbar---profile[data-selector="agent-data"] {
        display: none !important;
    }
    .shop .agent-details-left {
        text-align: left;
    }
    .shop .nav_profile-component.desktop {
        display: none;
    }
}

.shop .contact-details_agent-inner a,
.shop .contact-details_agent-inner .phone-mobile,
.shop .pdf-agent-text a,
.shop .pdf-agent-text a p {
    color: #fdbd1d;
}

.contact-details_agent-inner .phone-mobile a,
.contact-details_agent-inner .phone-mobile {
    /* color: #fdbd1d; */
    font-size: 1.125rem;
}

.shop .footer---right-content .phone-mobile-2,
.shop .footer---right-content .phone-mobile-2 a,
.shop .nav_profile-details-wrapper [data-selector="phone-full"],
.shop .nav_profile-details-wrapper [data-selector="phone-full"] a {
    color: #de9e00;
    font-size: 1.125rem;
}

$(`.contact-details_agent-inner [data-phone="office"], ).html(`o: <a href="tel:${ agent.PhoneWork }">${ formatUSPhoneNumber(agent.PhoneWork) }</a>`)


.contact-details_agent-inner .phone-mobile,
.shop .footer .phone-mobile-2,
.shop .footer .phone-mobile-2 a {
    color: #fdbd1d;
}

@media screen and (max-width: 767px) {
    .rates_card-wrapper {
        text-align: left !important;
        align-items: flex-start !important;
    }

    .rates_wrapper .rates_button-heading .text-l {
        font-weight: 500;
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 992px) {
    .nav_dropdown-list.w--open {
        transform: translate(20px) !important;
    }
}



.o--StickyActionRow--stickyActionRow .o--Button--btn.o--Button--borderWidth-2px.o--Button--buttonStyle-solid.o--Button--cornerShape-rounded.o--Button--displayMode-light,
.o--StickyActionRow--stickyActionRow .o--Button--btn.o--Button--borderWidth-2px.o--Button--buttonStyle-solid.o--Button--cornerShape-rounded.o--Button--displayMode-light.o--Button--buttonType-cancel {
    display: block !important;
}

.money-second---milestones .money-first---cta {
    white-space: nowrap;
}

.quick-summary-item.promo-item {
    border-top: 1px solid rgba(17, 17, 17, .1);
    padding-top: 1.375rem;
    position: relative;
}

.quick-summary-item.promo-item .input-field {
    height: 36px;
    min-height: 36px;
    width: 125px;
    margin-left: auto;
}

.promo {
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transform: translateY(5px);
}

.promo-success {
    color: #198C66;
}

.promo-error {
    color: #F16B2F;
}

.promo-svg-error, .promo-svg-success {
    display: none;
    position: absolute;
    top: 32px;
    right: 130px;
}

#profile-embed .o--Widget--widget.o--App--profileWidget {
    max-width: 100% !important;
    border: none !important;
}

.main-grid .o--Widget--widgetBody,
.main-grid .o--App--profileWidget .o--App--widgetBody,
.main-grid .o--App--profileWidget .o--App--widgetBody .o--App--widgetContent {
    padding: 0 !important;
    margin: 0 !important;
}

.o--App--profileWidget .o--App--widgetBody .o--App--widgetContent h1 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 125% !important;
    color: #333 !important;
    font-family: Golos, sans-serif !important;
}

/* Exempt icon-font glyphs from the widget font override. Outseta used to ship
   Material Icons; it now uses Phosphor (e.g. the "Show password" eye is
   <span class="ph-bold ph-eye">, glyph U+E220). Forcing Golos onto those spans
   leaves the codepoint with no glyph, which renders as a tofu box (WEA-14). */
.o--Widget--widget,
.o--Widget--widget *:not(.material-icons):not(.ph):not([class^="ph-"]):not([class*=" ph-"]) {
    font-family: Golos, sans-serif !important;
    font-size: 1rem !important;
    line-height: 150% !important;
}


#profile-embed .o--Widget--widget p,
#profile-embed .o--Widget--widget div,
#profile-embed .o--Widget--widget span,
#profile-embed .o--Widget--widget td,
#profile-embed .o--Widget--widget h1, 
#profile-embed .o--Widget--widget h2,
#profile-embed .o--Widget--widget h3, 
#profile-embed .o--Widget--widget h4, 
#profile-embed .o--Widget--widget h5, 
#profile-embed .o--Widget--widget h6 {
    color: #333 !important;
}

#profile-embed .o--Widget--widget .o--Button--btn.o--Button--buttonStyle-solid {
    border: .125rem solid var(--primary) !important;
    background-color: var(--primary) !important;
    color: #fff !important;
    text-align: center !important;
    border-radius: .25rem !important;
    flex: none !important;
    justify-content: center !important;
    align-items: center !important;
    padding: .75rem 1.375rem !important;
    font-size: .875rem !important;
    font-weight: 600 !important;
    transition: all .2s !important;
}
#profile-embed .o--Widget--widget .o--Button--btn.o--Button--buttonStyle-solid .o--Button--children {
    color: #fff !important;
}

#profile-embed .o--Widget--widget .o--Button--buttonType-cancel.o--Button--buttonStyle-solid.o--Button--displayMode-light, 
#profile-embed .o--Widget--widget .o--Button--buttonType-cancel.o--Button--buttonStyle-solid.o--Button--displayMode-auto {
    border: .125rem solid var(--primary) !important;
    color: var(--primary) !important;
    background-color: #fff !important;
    color: var(--primary) !important;
}

#profile-embed .o--Widget--widget .o--Button--buttonType-cancel.o--Button--buttonStyle-solid.o--Button--displayMode-light .o--Button--children, 
#profile-embed .o--Widget--widget .o--Button--buttonType-cancel.o--Button--buttonStyle-solid.o--Button--displayMode-auto .o--Button--children {
    color: var(--primary) !important;
}

#profile-embed .o--Widget--widget a, .o--Widget--widget a *, .o--Widget--widget a:active {
    color: var(--primary) !important;
    text-decoration: none !important;
}

#profile-embed .o--Billing--billing .o--Billing--invoiceTable td:first-child {
    font-weight: normal !important;
}

#profile-embed .o--Billing--billing .o--Billing--invoiceTable th, .o--Billing--billing .o--Billing--invoiceTable td {
    padding: 8px !important;
}

#profile-embed .o--Widget--widget .o--Separator--displayMode-light, .o--Widget--widget .o--Separator--displayMode-auto {
    border-top-color: rgb(239 239 239) !important;
    display: none !important;
}

#profile-embed .o--App--widgetContent .state-billing.o--Billing--billing {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#profile-embed .o--Billing--nextPayment.o--SectionGroup--sectionGroup {
    grid-column-gap: .5rem;
    grid-row-gap: .75rem;
    color: var(--primary) !important;
    background-color: #fdfcf9;
    border: 1px solid #e0e0e0;
    border-radius: .25rem;
    flex: 1;
    align-items: center;
    padding: .75rem 1.375rem;
    display: flex;
    gap: 20px;
}

#profile-embed .o--Billing--nextPayment.o--SectionGroup--sectionGroup h4 {
    margin-bottom: 0 !important;
}

#profile-embed .o--Widget--widget .o--Badge--displayMode-light, .o--Widget--widget .o--Badge--displayMode-auto {
    background-color: #FFCD66 !important;
    color: hsla(0, 0.00%, 0.00%, 1.00) !important;
}

#profile-embed .o--Widget--widget .o--color-danger, .o--Widget--widget .o--color-danger:hover {
    color: var(--color-danger) !important;
}



.section .text-color-black .flex [data-phone="mobile"] {
    color: #00a77b;
    font-weight: 700;
    font-size: 2rem;
}

#Interest-rate {
    min-width: 280px;
}

.home-second-input-field.w-input {
    color: #fff
}

.home-second-input-field.w-input.is-benefit {
    color: #333
}

.api-results,
.calcl-pdf-download,
.calculator-charts {
    display: none;
}

/* Shop Your Term calculator: the Webflow export gives the premium column
   half the width of the others (.5fr 1fr 1fr), which wraps the
   "Monthly Premium (optional)" label onto two lines and pushes its input
   below the neighbouring boxes. Widen it on desktop; the export's own
   tablet/mobile rule (single column below 992px) is left alone. */
@media screen and (min-width: 992px) {
    .shop-body .calc_top-row {
        grid-template-columns: .7fr 1fr 1fr;
    }
}

/* Shop Your Term "Save Entire Page as PDF" button: the Webflow export nests
   the icon's SVG filter primitives instead of closing them, so the filter
   resolves to its first step (a transparent flood) and the white page behind
   the icon disappears. Replace the broken filter with the same drop shadow
   in CSS, which also survives re-exports. */
.pdf-download-icon svg g[filter] {
    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .35));
}

/* Shop Your Term calculator: (i) help bubbles next to the field labels,
   injected by shop.js (addFieldTips). The (i) is a 16px inline-block circle
   preceded by a word joiner (U+2060) in the markup, so no line break can
   separate it from the label's last word while long labels still wrap
   inside their column. Hover or keyboard focus shows a bubble; a tap or
   Enter/Space toggles it; Escape dismisses it. The bubble opens ABOVE the
   label so it never covers the field the visitor is about to fill, and it
   spans the field's own column so it never runs past the edge of the card. */
.calc_label-row {
    position: relative;
    line-height: 0;        /* the label's own line box sets the row height, as with the exported block label */
    --calc-info-arrow: 16px;
}

.calc_label-row label {
    display: inline;       /* the export makes <label> a block; keep the (i) beside it */
    margin-bottom: 0;
}

.calc_info {
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    padding: 0;
    border: 1.5px solid #2f2f2f;
    border-radius: 50%;
    background: transparent;
    color: #2f2f2f;
    font: 700 10px/13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: 1px;
    cursor: pointer;
    user-select: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.calc_info:focus-visible,
.calc_label-row.is-open .calc_info {
    background: #2f2f2f;
    color: #fff;
    outline: none;
}

.calc_info-tip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 10px);
    z-index: 20;
    padding: 12px 14px;
    background: #2f2f2f;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
    cursor: pointer;       /* also makes older iOS deliver the dismissing tap */
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    /* a short delay on hide so the pointer can travel from the (i) to the bubble */
    transition: opacity .15s .1s, transform .15s .1s, visibility 0s .25s;
}

.calc_info-tip p,
.calc_info-tip ul {
    margin: 0 0 6px;
}

.calc_info-tip p:last-child,
.calc_info-tip ul:last-child {
    margin-bottom: 0;
}

/* the export makes every <ul> a flex column with a 22px indent and gives
   <li> its own padding; reset that so the bullets sit in the bubble */
.calc_info-tip ul {
    display: block;
    padding-left: 18px;
    list-style: disc;
}

.calc_info-tip li {
    display: list-item;
    margin: 2px 0;
    padding-left: 0;
    color: inherit;
}

.calc_info-tip li::marker {
    color: inherit;
}

/* arrow, pointing down at the (i) */
.calc_info-tip::before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: var(--calc-info-arrow);
    margin-left: -6px;
    border: 6px solid transparent;
    border-bottom: 0;
    border-top-color: #2f2f2f;
}

/* invisible bridge over the 10px gap so hovering across it doesn't close the bubble */
.calc_info-tip::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
}

.calc_label-row.is-open .calc_info-tip,
.calc_label-row:not(.is-dismissed) .calc_info:focus-visible ~ .calc_info-tip {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-delay: 0s;
}

/* Hover only for a real pointer. Touch browsers keep :hover stuck on the
   last tapped element, which would stop a second tap from closing the
   bubble; the media query covers phones, and the html.calc-touch class
   (set by shop.js on a touch pointerdown) covers touchscreen laptops. */
@media (hover: hover) and (pointer: fine) {
    html:not(.calc-touch) .calc_info:hover {
        background: #2f2f2f;
        color: #fff;
    }

    html:not(.calc-touch) .calc_label-row:not(.is-dismissed) .calc_info:hover ~ .calc_info-tip,
    html:not(.calc-touch) .calc_label-row:not(.is-dismissed) .calc_info-tip:hover {
        opacity: 1;
        visibility: visible;
        transform: none;
        transition-delay: 0s;
    }
}

@media screen and (max-width: 479px) {
    .charts_card-graph-block {
        width: inherit;
    }
}

[data-phone="mobile"] {
    white-space: nowrap;
}

.loader {
    width: 21px;
    height: 21px;
    border: 3px solid #333;
    border-bottom-color: transparent;
    border-radius: 50%;
    margin: 0 20px;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.button-holder {
    .button {
        min-width: 240px;
    }
    .loader {
        position: absolute;
        bottom: 20px;
    }
}
@media (max-width: 767px) {
    .button-holder {
        .loader {
            bottom: 30px;
        }
    }
}
.button-holder:hover {
    .loader {
        border: 3px solid #fff;
        border-bottom-color: transparent;
    }
}
/* 
#wf-form-Term-Form {
    .loader {
        position: absolute;
        bottom: 21px;
        left: calc(50% - 85px);
    }
} */

.calcl-no-results {
    padding: 64px 104px;
}

@media screen and (max-width: 767px) {
    .calcl-no-results {
        padding: 64px 20px;
    }
}

.dynamic-row .rates_card-wrapper {
    display: flex;
}

.dynamic-row .rates_card-wrapper .rates_left {
    display: flex;
    gap: 40px;
    padding-left: 40px;
}

@media screen and (max-width: 767px) {
    .dynamic-row .rates_card-wrapper .rates_left {
        padding-left: 0;
        flex-direction: column;
        align-items: center;
    }
}


.dynamic-row .rates_card-wrapper .rates_logo_holder {
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 150px;
    width: 150px;
}

.dynamic-row .rates_card-wrapper .rates_logo_holder .rates_logo {
    display: block;
    margin: 0 auto;
    max-width: 150px;
    width: 150px;
}


.shop-body .rates_card-wrapper .text-xxl {
    font-size: 1.4rem;
    line-height: 1.6;
}

.shop-body .rates_card-wrapper h5.text-xxl {
    font-weight: 600;
}

.shop-body .rates_card-wrapper .text-xl {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: normal;
}

.shop-body .rates_card-wrapper .text-xl.text-weight-bold {
    font-weight: 600;
}

.shop-body .rates_card-wrapper .text-gray {
    font-weight: normal;
    color: #a1a1a1;
}

.shop-body .rates_right {
    white-space: nowrap;
    grid-column-gap: 16px;
    grid-row-gap: 0;
    justify-content: flex-start;
    align-items: end;
    display: flex;
    flex-direction: column;
}

.shop-body .rates_right > div {
    text-align: right;
}

@media screen and (max-width: 767px) {
    .shop-body .rates_right > div {
        text-align: left;
    }
}

.shop-body .rates_card-wrapper .text-xl.text-weight-bold span {
    font-weight: normal;
    color: #a1a1a1;
}

.nav_profile-element [data-phone="mobile"] a {
    color: #de9e00;
}
footer .phone-mobile-2[data-phone="mobile"] a {
    color: #fdbd1d;
}

.savings_monthly-select.black {
    font-size: 22px;
}

.home-cta [data-phone="mobile"] a {
    color: #353838 !important;
}

.section.contact-second [data-outseta="PhoneMobile"] {
    color: #000;
}

.contact-first---map iframe {
    margin-top: -150px;
    height: calc(100% + 150px);
}

.main .section.contact-first {
    overflow: hidden;
}

.section.reasons {
    display: block;
}

.financialliteracyindex-body .nav_agent-number-wrap > div {
    display: none;
}

.explore_grid-wrapper .explore_question-button {
    width: 100%;
}

.explore_question-button.selected.correct {
    background-color: #0085a3;
    color: #fff;
}

@media screen and (max-width: 1220px) {
    .section .results_bottom-top {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
        flex-flow: column;
    }
    .section .quiz_demog-grid {
        grid-template-columns: 1fr 1fr;
    
    }
}

@media screen and (max-width: 1124px) {
    .section .quiz_demog-grid {
        grid-template-columns: 1fr;
        grid-column-gap: 0px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .section .explore_grid-wrapper {
        flex-direction: column;
        gap: 48px;
    }
    .section .explore_grid-column.question-selector, 
    .section .explore_grid-column.question-review, 
    .section .explore_grid-column.question-explain,
    .section .quiz_questions-block {
        max-width: none;
    }
}

.explore_correct-wrapper p {
    cursor: pointer;
}

.data-ex_question-nav {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 300px !important;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.data-ex_graph-wrapper {
    position: relative;
}

.e2e-body .cta_content-left a {
    color: #363a37;
}

.e2e-body .cta_content-right .button.more-padding {
    padding-left: 0rem;
    padding-right: 0rem;
    width: 18rem;
}

.financialliteracyindex-body .pdf_agent-wrapper,
.financialliteracyindex-body #agent {
    display: none;
}

.financialliteracyindex-body .pdf-image-wrapper .pdf-agent-wrapper,
.financialliteracyindex-body .report_contact,
.financialliteracyindex-body .nav_agent-dd {
    display: none;
}

@media screen and (max-width: 1124px) {
    .financialliteracyindex-body .explore_grid-container {
        margin: 0 auto;
    } 
}

@media screen and (max-width: 776px) {
    .section.quiz-report {
        padding-top: 124px;
        padding-bottom: 0 !important;
    }
}

.financialliteracyindex-body .eyebrow-heading.your-answer,
.financialliteracyindex-body .eyebrow-heading.correct-answer {
    margin-bottom: 0;
}

.financialliteracyindex-body .report_resources {
    display: none !important;
}

.financialliteracyindex-body .quiz_button-group .button-link.outline {
    width: 148px;
    height: 35px;
}

.financialliteracyindex-body .quiz_question-item p {
    text-align: left;
}

.financialliteracyindex-body .quiz_question-option {
    width: 100%;
}

.financialliteracyindex-body .quiz_progress-bar-wrapper {
    display: none;
    background-color: #fff;
}

.financialliteracyindex-body .report_spider-graph-wrapper .progress-section {
    display: block;
    width: 100%;
    margin-top: 30px;
}

.financialliteracyindex-body .report_spider-graph-wrapper .section-title {
    color: #606060;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 28px */
    letter-spacing: -0.2px;
    margin-bottom: 10px;
}

.financialliteracyindex-body .report_spider-graph-wrapper .section-info {
    display: none;
    font-size: 1rem;
    color: #b0b0b0;
}

.financialliteracyindex-body .report_spider-graph-wrapper .progress-count {
    color: #0085A3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 16.8px */
    letter-spacing: 2.4px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.financialliteracyindex-body .report_spider-graph-wrapper .progress-bar-container {
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.financialliteracyindex-body .report_spider-graph-wrapper .progress-bar-bg {
  border-radius: 2em;
  width: 100%;
  height: 2.6em;
  display: flex;
  align-items: center;
  position: relative;
}

.financialliteracyindex-body .report_spider-graph-wrapper .progress-bar-fill {
    border-radius: 100px;
    background: #BFE1E8;
    height: 100%;
    transition: width 0.4s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    transform: translate(-20px, 0);
}

.financialliteracyindex-body .report_spider-graph-wrapper .progress-bar-dot {
  position: absolute;
  z-index: 2;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background:#818181;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background 0.2s;
}

.financialliteracyindex-body .report_spider-graph-wrapper .progress-bar-dot.active {
    background-color: #0085A3;
    width: 19px;
    height: 19px;
}

.financialliteracyindex-body .report_spider-graph-wrapper .progress-bar-dot.inactive {
  background: #888;
  border-color: #e5f4fa;
}

.financialliteracyindex-body .report_spider-graph-wrapper .progress-bar-track {
  position: absolute;
  height: 2px;
  background: #818181;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.financialliteracyindex-body .input-error { border: 1px solid #e00 !important; background: #fff8f8; }

.financialliteracyindex-body [data-selector="button-next"].disabled {
    opacity: .5;
    cursor: not-allowed;
    border-color: #d1d1d1;
}

.financialliteracyindex-body [data-selector="button-next"].disabled:hover {
    background-color: transparent;
    color: var(--color--neutral-1);
    border-color: #d1d1d1;
}

.financialliteracyindex-body .explore_question-button:hover {
    box-shadow: 0 0 35px rgba(0, 0, 0, .2);
}


/* Bootstrap 5 Tooltip core styles only */
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif, system-ui, sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
  transition: opacity 0.15s linear;
  pointer-events: none;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: 0;
  left: 0;
  width: 0.8rem;
  height: 0.4rem;
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
  top: 0;
  left: 0;
  width: 0.8rem;
  height: 0.4rem;
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.tooltip .tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.375rem;
}

.explore_grid-wrapper .quiz_question-dot:hover {
    border-color: var(--greye6);
    background-color: var(--swatch--white);
    color: var(--swatch--grey81);
    cursor: default;
}
.explore_grid-wrapper .quiz_question-option {
    cursor: default;
}

.quiz_question-item {
    cursor: pointer;
}


.report_spider-graph-wrapper {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    flex-direction: column;
}
.labeler {
    position: absolute;
    padding: 20px;
    text-align: center;
    color: #606060;
    text-align: center;
    font-family: Golos, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 28px */
    letter-spacing: -0.2px;
    svg {
        transform: translate(4px, 0px);
    }
    span {
        margin-top: 4px;
        display: block;
        color: #0085A3;
        text-align: center;
        font-family: Golos, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 16.8px */
        text-transform: uppercase;
    }
}
.labeler-1 {
    top: 20px;
}
.labeler-2 {
    top: 260px;
    right: -90px;
}
.labeler-3 {
    bottom: 50px;
    right: 80px;
}
.labeler-4 {
    bottom: 50px;
    left: 80px;
    right: inherit;
}
.labeler-5 {
    top: 260px;
    left: -120px;
}

.tooltip {
    min-width: 280px;
    padding-right: 0 !important;
}
.tooltip .tooltip-inner {
    min-width: 100%;
    background-color: #fff;
    color: #606060;
    text-align: center;
    font-family: Golos, sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.12px;
    padding: 20px;
    border-radius: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #FFF !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #fff !important;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    border-right-color: #fff !important;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    border-bottom-color: #fff !important;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
    bottom: -5px;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
    left: -5px;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
    right: -5px;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
    top: -5px;
}

@media (max-width: 768px) {
    .wealthwave-body .main {
        overflow: hidden;
    } 
}

.blog_featured-list > div {
    position: relative;
}

.w-dyn-empty {
    display: none !important;
}