.which-account-is-right-for-you-wrapper {
    overflow-x: hidden;
}

.investing .which-account-is-right-for-you-wrapper {
    margin-top: 32px;
}
.which-account-is-right-for-you-wrapper .which-account {
    color: #000000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.which-account-is-right-for-you-wrapper h2 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 32px;
    color: #000000;
}
.which-account-is-right-for-you-wrapper .which-account .which-acct-container .mob_btn {
    display: none;
}
.which-account-is-right-for-you-wrapper .which-account .which-acct-container .slideshow {
    display: none;
}
.which-account-is-right-for-you-wrapper .which-account .which-acct-table {
    display: flex;
    flex-wrap: wrap; /* prevent overlap */
    padding: 0;
}

.which-account-is-right-for-you-wrapper .which-account .which-acct-table .main-list-table div:last-child {
    line-height: 18.75px !important;
    border: 2px solid #fff;
    padding: 8px 12px;
}

.which-account-is-right-for-you-wrapper .which-account .which-acct-table .account-column div {
    padding: 12px 12px 12px 0px;
    justify-content: center;
    align-items: center;
    color: #383E42;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-bottom: 1px solid #C7CDD2;
}

.which-account-is-right-for-you-wrapper .which-account .which-acct-table .account-column div:first-child {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    padding: 12px;
    align-items: center;
    align-self: stretch;
    border-bottom: unset;
}

.which-account-is-right-for-you-wrapper .which-account .which-acct-table .account-column div:last-child,
.which-account-is-right-for-you-wrapper .which-account .which-acct-table .account-column div:nth-last-child(2) {
    border-bottom: unset;
    margin: 0 auto 12px auto;
}

.which-account-is-right-for-you-wrapper.savings-rates-2-page .which-account .which-acct-table .account-column div:last-child,
.which-account-is-right-for-you-wrapper.savings-rates-2-page .which-account .which-acct-table .account-column div:nth-last-child(2) {
    border-bottom: revert;
    margin: revert;
}

.which-account-is-right-for-you-wrapper.savings-rates-2-page .which-account .which-acct-table .main-list-table div:last-child,
.which-account-is-right-for-you-wrapper.savings-rates-2-page .which-account .which-acct-table .account-column div:last-child {
    display: none;
}

.which-account-is-right-for-you-wrapper .which-account .which-acct-table .account-column .cross-mark {
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="faTimes"><path id="Vector" d="M12.7062 4.70615C13.0968 4.31553 13.0968 3.68115 12.7062 3.29053C12.3155 2.8999 11.6812 2.8999 11.2905 3.29053L7.9999 6.58428L4.70615 3.29365C4.31553 2.90303 3.68115 2.90303 3.29053 3.29365C2.8999 3.68428 2.8999 4.31865 3.29053 4.70928L6.58428 7.9999L3.29365 11.2937C2.90303 11.6843 2.90303 12.3187 3.29365 12.7093C3.68428 13.0999 4.31865 13.0999 4.70928 12.7093L7.9999 9.41553L11.2937 12.7062C11.6843 13.0968 12.3187 13.0968 12.7093 12.7062C13.0999 12.3155 13.0999 11.6812 12.7093 11.2905L9.41553 7.9999L12.7062 4.70615Z" fill="%23DC1000"/></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.which-account-is-right-for-you-wrapper .which-account .which-acct-table .account-column .tick-mark {
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="faCheck"><path id="Vector" d="M14.7062 3.2937C15.0968 3.68433 15.0968 4.3187 14.7062 4.70933L6.70615 12.7093C6.31553 13.1 5.68115 13.1 5.29053 12.7093L1.29053 8.70933C0.899902 8.3187 0.899902 7.68433 1.29053 7.2937C1.68115 6.90308 2.31553 6.90308 2.70615 7.2937L5.9999 10.5843L13.2937 3.2937C13.6843 2.90308 14.3187 2.90308 14.7093 3.2937H14.7062Z" fill="%23029E5A"/></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
}


.which-account-is-right-for-you-wrapper .which-account .which-acct-table .account_btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 18.75px !important;
    color: #FFFFFF !important;
    margin: auto;
    text-align: center;
    border-radius: 99px;
    background-color: #027E48;
    width: 204px;
    display: block;
    padding: unset !important;
}

.which-account-is-right-for-you-wrapper .which-account .which-acct-table .account_btn a {
    color: #FFFFFF !important;
    text-decoration: none;
    cursor: pointer;
    padding: 8px 12px;
    display: block;
    border: 1px solid #027E48;
    border-radius: 99px;
}

.which-account-is-right-for-you-wrapper .which-account .which-acct-table .account_btn a:hover {
    background-color: #029E5A;
    border: 1px solid #029E5A;
    color: #ffffff !important;
}

.which-account-is-right-for-you-wrapper .which-account .which-acct-table .active {
    color: #C7CDD2 !important;
    border: 1px solid #C7CDD2 !important;
    border-radius: 99px !important;
    background-color: #fff !important;
    padding: 8px 12px !important;
    display: block;
}

@media (min-width:768px) and (max-width: 991.98px) {
.which-account-is-right-for-you-wrapper .which-account .which-acct-container .which-acct-table .main-list-table div {
    display: flex;
    justify-content: flex-start;
}
.which-account-is-right-for-you-wrapper .which-account .which-acct-container .which-acct-table .account-column div:first-child {
    min-height: 68px !important;
    display: flex;
}
.which-account-is-right-for-you-wrapper .which-account .which-acct-container .which-acct-table .account-column div:not(:last-child) {
    min-height: 65px;
}
.which-account-is-right-for-you-wrapper .which-account .which-acct-table .account_btn,
.which-account-is-right-for-you-wrapper .which-account .which-acct-table .active {
    width: 140px !important;
}
}

@media screen and (max-width: 767.98px) {
    .investing .which-account-is-right-for-you-wrapper {
        margin-top: 20px;
    }
    .which-account-is-right-for-you-wrapper .which-account {
        margin: 0;
        overflow-x: hidden;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-container {
        overflow-x: hidden;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-table {
        overflow-x: hidden;
    }
    .which-account-is-right-for-you-wrapper h2 {
        font-size: 20px;
        line-height: 23.44px;
        margin-bottom: 20px;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-container .mob_table_head {
        display: block;
        font-weight: 500;
        font-size: 16px;
        color: #FFF;
        padding: 14px 0;
        text-align: center;
        background-color: #000000;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-container .mob_btn {
        display: block;
        font-weight: 500;
        font-size: 16px;
        line-height: 18.75px !important;
        color: #FFFFFF !important;
        padding: 8.5px 0;
        text-align: center;
        border-radius: 99px;
        background-color: #027E48;
        border: 1px solid #027E48;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-container .mob_btn a {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-container .active {
        color: #C7CDD2 !important;
        border: 1px solid #C7CDD2 !important;
        border-radius: 99px !important;
        background-color: #fff !important;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-container .slideshow {
        display: flex !important;
        margin-top: 20px;
        justify-content: center;
        align-items: center;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-container .slideshow .prev {
        background-image: url('data:image/svg+xml,<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.367188 7.11719C-0.121094 7.60547 -0.121094 8.39844 0.367188 8.88672L6.61719 15.1367C7.10547 15.625 7.89844 15.625 8.38672 15.1367C8.875 14.6484 8.875 13.8555 8.38672 13.3672L3.01953 8L8.38281 2.63281C8.87109 2.14453 8.87109 1.35156 8.38281 0.863281C7.89453 0.375 7.10156 0.375 6.61328 0.863281L0.363281 7.11328L0.367188 7.11719Z" fill="%235F6870"/></svg>');
        background-repeat: no-repeat;
        width: 9px;
        height: 15px;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-container .slideshow .next {
        background-image: url('data:image/svg+xml,<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.63269 7.11719C9.12097 7.60547 9.12097 8.39844 8.63269 8.88672L2.38269 15.1367C1.89441 15.625 1.10144 15.625 0.613159 15.1367C0.124878 14.6484 0.124878 13.8555 0.613159 13.3672L5.98035 8L0.617065 2.63281C0.128784 2.14453 0.128784 1.35156 0.617065 0.863281C1.10535 0.375 1.89832 0.375 2.3866 0.863281L8.6366 7.11328L8.63269 7.11719Z" fill="%235F6870"/></svg>');
        background-repeat: no-repeat;
        width: 9px;
        height: 15px;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-container .slideshow .dots {
        padding: 0 32px;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-container .slideshow .dots span.dot {
        cursor: pointer;
        height: 8px;
        width: 8px;
        margin: 0 2px;
        background-color: #D9DEE1;
        border-radius: 50%;
        display: inline-block;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-container .slideshow .dots .active_dot {
        background-color: #029E5A !important;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-table .main-list-table div {
        display: flex;
        justify-content: flex-start;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-table .account-column {
        width: 100%;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-table .account-column div {
        font-size: 14px;
        line-height: 18px;
    }
    .which-account-is-right-for-you-wrapper .which-account .which-acct-table .account-column div:last-child,
    .which-account-is-right-for-you-wrapper .which-account .which-acct-table .account-column div:first-child {
        display: none;
    }
    .which-account-is-right-for-you-wrapper .which-account .checking-table,
    .which-account-is-right-for-you-wrapper .which-account .cd-table {
        display: none;
    }
}
@media screen and (max-width: 368.98px) {
    .which-account-is-right-for-you-wrapper .which-account .which-acct-table .account-column div {
        white-space: nowrap;
    }
}

@media screen and (min-width: 768px) {
    .mob_table_head {
        display: none;
    }
    .active_col .tick-mark,
    .active_col .cross-mark {
        background-color: #F8F8F8;
    }
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.slideInLeft {
    animation: slideInLeft 0.4s ease forwards;
}

.slideInRight {
    animation: slideInRight 0.4s ease forwards;
}